Complete List of HTML Meta Tags


Complete List of HTML Meta Tags

Definition and Usage

The <meta> tag provides metadata about the HTML document. ... Meta elements are typically used to specify page description, keywords, author of the document, last modified, and other metadata. The metadata can be used by browsers (how to display content or reload page), search engines (keywords), or other web services.

Semua mesti tahu kan pasal <meta> tag ni. Dan apa kegunaan nya. Kat bawah ni zati sediakan list untuk <meta> tag yang korang boleh gunakan dalam blog korang tu.

Basic HTML Meta Tags

<meta name="keywords" content="your, tags"/>
<meta name="description" content="150 words"/>
<meta name="subject" content="your website's subject">
<meta name="copyright"content="company name">
<meta name="language" content="ES">
<meta name="robots" content="index,follow" />
<meta name="revised" content="Sunday, July 18th, 2010, 5:15 pm" />
<meta name="abstract" content="">
<meta name="topic" content="">
<meta name="summary" content="">
<meta name="Classification" content="Business">
<meta name="author" content="name,">
<meta name="designer" content="">
<meta name="copyright" content="">
<meta name="reply-to" content="">
<meta name="owner" content="">
<meta name="url" content="">
<meta name="identifier-URL" content="">
<meta name="directory" content="submission">
<meta name="category" content="">
<meta name="coverage" content="Worldwide">
<meta name="distribution" content="Global">
<meta name="rating" content="General">
<meta name="revisit-after" content="7 days">
<meta http-equiv="Expires" content="0">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache">

OpenGraph Meta Tags

<meta name="og:title" content="The Rock"/>
<meta name="og:type" content="movie"/>
<meta name="og:url" content=""/>
<meta name="og:image" content=""/>
<meta name="og:site_name" content="IMDb"/>
<meta name="og:description" content="A group of U.S. Marines, under command of..."/>

<meta name="fb:page_id" content="43929265776" />

<meta name="og:email" content=""/>
<meta name="og:phone_number" content="650-123-4567"/>
<meta name="og:fax_number" content="+1-415-123-4567"/>

<meta name="og:latitude" content="37.416343"/>
<meta name="og:longitude" content="-122.153013"/>
<meta name="og:street-address" content="1601 S California Ave"/>
<meta name="og:locality" content="Palo Alto"/>
<meta name="og:region" content="CA"/>
<meta name="og:postal-code" content="94304"/>
<meta name="og:country-name" content="USA"/>

<meta property="og:type" content="game.achievement"/>
<meta property="og:points" content="POINTS_FOR_ACHIEVEMENT"/>

<meta property="og:video" content="" />
<meta property="og:video:height" content="640" />
<meta property="og:video:width" content="385" />
<meta property="og:video:type" content="application/x-shockwave-flash" />
<meta property="og:video" content="" />
<meta property="og:video:type" content="video/mp4" />
<meta property="og:video" content="" />
<meta property="og:video:type" content="text/html" />

<meta property="og:audio" content="" />
<meta property="og:audio:title" content="Amazing Song" />
<meta property="og:audio:artist" content="Amazing Band" />
<meta property="og:audio:album" content="Amazing Album" />
<meta property="og:audio:type" content="application/mp3" />

Create Custom Meta Tags

Use custom meta tags to store data that you need in javascript, instead of hard-coding that data into your javascript. Just store your Google Analytics code in meta tags. Here's some examples :
<meta name="google-analytics" content="1-AHFKALJ"/>
<meta name="disqus" content="abcdefg"/>
<meta name="uservoice" content="asdfasdf"/>
<meta name="mixpanel" content="asdfasdf"/>

Company / Service Meta Tags

<meta name="microid" content="mailto+http:sha1:e6058ed7fca4a1921cq91d7f1f3b8736cd3cc1g7" />

Apple Meta Tags
<meta name="apple-mobile-web-app-capable" content="yes">
<meta content="yes" name="apple-touch-fullscreen" />
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width = 320, initial-scale = 2.3, user-scalable = no">

Internet Explorer Meta Tags
<meta http-equiv="Page-Enter" content="RevealTrans(Duration=2.0,Transition=2)" />
<meta http-equiv="Page-Exit" content="RevealTrans(Duration=3.0,Transition=12)" />
<meta name="mssmarttagspreventparsing" content="true">
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<meta name="msapplication-starturl" content=""/>
<meta name="msapplication-window" content="width=800;height=600"/>
<meta name="msapplication-navbutton-color" content="red"/>
<meta name="application-name" content="Rey Bango Front-end Developer"/>
<meta name="msapplication-tooltip" content="Launch Rey Bango's Blog"/>
<meta name="msapplication-task" content="name=About;action-uri=/about/;icon-uri=/images/about.ico" />
<meta name="msapplication-task" content="name=The Big List;action-uri=/the-big-list-of-javascript-css-and-html-development-tools-libraries-projects-and-books/;icon-uri=/images/list_links.ico" />
<meta name="msapplication-task" content="name=jQuery Posts;action-uri=/category/jquery/;icon-uri=/images/jquery.ico" />
<meta name="msapplication-task" content="name=Start Developing;action-uri=/category/javascript/;icon-uri=/images/script.ico" />
<link rel="shortcut icon" href="/images/favicon.ico" />

TweetMeme Meta Tags
<meta name="tweetmeme-title" content="Retweet Button Explained" />

Geo Position Meta Tags
<meta name="geo.position" content="50.97590;0.01722">
<meta name="geo.region" content="GB">
<meta name="geo.placename" content="Newick, East Sussex, United Kingdom">
<meta name="ICBM" content="50.9759, 0.0172">
<meta name="DC.title" content="Quotes - Web Design and Web Hosting">

News Feed Meta Tags
<link rel="alternate" type="application/rss+xml" title="Example (Feedburner)" href="">
<link rel="alternate" type="application/atom+xml" title="Example (Atom 0.3)" href="">
<link rel="alternate" type="application/rss+xml" title="Example (RSS 2.0)" href="">

News tags as advised by Google in September 2012
<meta name=”news_keywords” content=”World Cup, Brazil 2014, Spain vs Netherlands”>

Pinterest Meta Tags
<meta name="pinterest" content="nopin"> <!--prevents sharing of content by Pinterest users-->

Favicon Meta Tags
<link rel="icon" href="" type="image/x-icon">
<link rel="shortcut icon" href="" type="image/x-icon">
<link rel="shortcut icon" href="" type="image/"><!--The 2010 IANA standard but not supported in IE-->

Blog Catalog Meta Tags
<meta name="blogcatalog" />

Rails Meta Tags
<meta name="csrf-param" content="authenticity_token"/>
<meta name="csrf-token" content="/bZVwvomkAnwAI1Qd37lFeewvpOIiackk9121fFwWwc="/>

Apple Tags
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name= "viewport" content = "width = 320, initial-scale = 2.3, user-scalable = no">
<meta name= "viewport" content = "width = device-width">
<meta name = "viewport" content = "initial-scale = 1.0">
<meta name = "viewport" content = "initial-scale = 2.3, user-scalable = no">
<link rel="apple-touch-icon" href="touch-icon-iphone.png" />
<link rel="apple-touch-icon" sizes="72x72" href="touch-icon-ipad.png" />
<link rel="apple-touch-icon" sizes="114x114" href="touch-icon-iphone4.png" />
<link rel="apple-touch-startup-image" href="/startup.png">
<link rel="apple-touch-icon" type="image/png" href="/apple-touch-icon.png" />

HTML Link Tags

<link rel="alternate" type="application/rss+xml" title="RSS" href="" />
<link rel="shortcut icon" type="image/ico" href="/favicon.ico" />
<link rel="fluid-icon" type="image/png" href="/fluid-icon.png" />
<link rel="me" type="text/html" href=""/>
<link rel='shortlink' href='' />
<link rel='archives' title='May 2003' href='' />
<link rel='index' title='DeWitt Clinton' href='' />
<link rel='start' title='Pattern Recognition 1' href='' />
<link rel='prev' title='OpenSearch and OpenID?  A sure way to get my attention.' href='' />
<link rel='next' title='Not blog' href='' />
<link rel="search" href="/search.xml" type="application/opensearchdescription+xml" title="Viatropos" />

<link rel="self" type="application/atom+xml" href=""/>
<link rel="first" href=""/>
<link rel="next" href=""/>
<link rel="previous" href=""/>
<link rel="last" href=""/>

<link rel='shortlink' href='' />
<link rel="canonical" href="" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="" />
<link rel="pingback" href="" />
<link media="only screen and (max-device-width: 480px)" href="" type="text/css" rel="stylesheet" />

Post a Comment


  1. hadoi.
    aida tak faham :) ha ha ha...
    tahu. tapi tak faham, izati.

    1. hehe yeke. hmm meta tag ni selalu dalam template letak bawah head .. nanti cuba tengok dalam template, mesti ada.

  2. x faham jugak hahaha.. bab2 coding ni memang surrender..

  3. anak sulung ambik mp sains komputer di form 4. buleh belajar dgn dia la nanti.

  4. tq atas sharing ni.. good info

  5. Tahu meta tag ni, tak tak faham sangat fungsinya 😅


Terima kasih sudi baca artikel ini. Sila berikan komen anda. Jemput follow blog ini ye!