Skip to content

Instantly share code, notes, and snippets.

Forked from kevinSuttle/
Created October 5, 2012 16:41
Star You must be signed in to star a gist
Save whitingx/3840905 to your computer and use it in GitHub Desktop.
Complete List of HTML Meta Tags

Copied from

Basic HTML Meta Tags

<meta charset='UTF-8'>
<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='reply-to' content=''>
<meta name='owner' content=''>
<meta name='url' content=''>
<meta name='identifier-URL' content=''>
<meta name='directory' content='submission'>
<meta name='pagename' content='jQuery Tools, Tutorials and Resources - O'Reilly Media'>
<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 name='subtitle' content='This is my subtitle'>
<meta name='target' content='all'>
<meta name='HandheldFriendly' content='True'>
<meta name='MobileOptimized' content='320'>
<meta name='date' content='Sep. 27, 2010'>
<meta name='search_date' content='2010-09-27'>
<meta name='DC.title' content='Unstoppable Robot Ninja'>
<meta name='ResourceLoaderDynamicStyles' content=''>
<meta name='medium' content='blog'>
<meta name='syndication-source' content=''>
<meta name='original-source' content=''>
<meta name='verify-v1' content='dV1r/ZJJdDEI++fKJ6iDEl6o+TMNtSu0kv18ONeqM0I='>
<meta name='y_key' content='1e39c508e0d87750'>
<meta name='pageKey' content='guest-home'>
<meta itemprop='name' content='jQTouch'>
<meta http-equiv='Expires' content='0'>
<meta http-equiv='Pragma' content='no-cache'>
<meta http-equiv='Cache-Control' content='no-cache'>
<meta http-equiv='imagetoolbar' content='no'>
<meta http-equiv='x-dns-prefetch-control' content='off'>

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='application-name' content='foursquare'>
<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='fb:admins' content='987654321'>
<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. I store my 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'>
<meta name='readability-verification' content='E7aEHvVQpWc8VHDqKvaB2Z58hek2EAv2HuLuegv7'>
<meta name='google-site-verification' content='4SMIedO1X4IkYrYuhEC2VuovdQM36Xxb0btUjElqQyg'>
<meta name='ICBM' content='40.746990, -73.980537'>
<meta name='generator' content='WordPress 3.3.1'>
<meta name='norton-safeweb-site-verification' content='tz8iotmk-pkhui406y41y5bfmfxdwmaa4a-yc0hm6r0fga7s6j0j27qmgqkmc7oovihzghbzhbdjk-uiyrz438nxsjdbj3fggwgl8oq2nf4ko8gi7j4z7t78kegbidl4'>

Apple Meta Tags

<meta name="apple-mobile-web-app-title" content="My App"> <!-- New in iOS6 -->
<meta name='apple-mobile-web-app-capable' content='yes'>
<meta name='apple-touch-fullscreen' 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=device-width; content='width = 320; initial-scale=1.0; maximum-scale=1.0; user-scalable=yes; target-densitydpi=160dpi'>

<link href='/apple-touch-icon.png' rel='apple-touch-icon' type='image/png'>
<link href='touch-icon-ipad.png' rel='apple-touch-icon' sizes='72x72'>
<link href='touch-icon-iphone4.png' rel='apple-touch-icon' sizes='114x114'>
<link href='/startup.png' rel='apple-touch-startup-image'>

<link href='' sizes='114x114' rel='apple-touch-icon-precomposed'>
<link href='' sizes='72x72' rel='apple-touch-icon-precomposed'>
<link href='' sizes='57x57' rel='apple-touch-icon-precomposed'>

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 content="IE=edge,chrome=1" http-equiv="X-UA-Compatible"/>
<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'>
<meta name='msvalidate.01' content='6E3AD52DC176461A3C81DD6E98003BC9'>
<meta http-equiv='cleartype' content='on'>

Google Meta Tags

<meta name="news_keywords" content="World Cup, Brazil 2014, Spain vs Netherlands, soccer, football">

TweetMeme Meta Tags

<meta name='tweetmeme-title' content='Retweet Button Explained'>

Blog Catalog Meta Tags

<meta name='blogcatalog'>

Rails Meta Tags

<meta name='csrf-param' content='authenticity_token'>
<meta name='csrf-token' content='/bZVwvomkAnwAI1Qd37lFeewvpOIiackk9121fFwWwc='>

HTML Link Tags

<link rel='alternate' type='application/rss+xml' title='RSS' href=''>
<link rel='alternate' type='application/atom+xml' title='Atom 0.3' 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='bookmark'title='Styleguide' 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='canonical' href=''>
<link rel='EditURI' type='application/rsd+xml' title='RSD' href=''>
<link rel='pingback' href=''>
<link rel='stylesheet' media='only screen and (max-device-width: 480px)' href='' type='text/css'>
<link rel='wlwmanifest' href='' type='application/wlwmanifest+xml'>
## Other Resources

- [HTML5 Boilerplate explanations and suggestions of header tags](
- [Dublic Core Meta Tags](
- [Apple Meta Tags](
- [OpenGraph Meta Tags](
- [Link Tag Meaning](
- [Google Chrome HTML5 Tags](
Copy link


Copy link

Very appreciated efforts man, Thanks

Copy link

thanks bro

Copy link

Thanks to all the contributors!

Copy link

watat83 commented Oct 6, 2022

Thanks a lot for this great resource. It has helped build a robust SEO system. I just want to point out that after researching deeply into the Open Graph protocol, I noticed that some of the tags do not use name=** but property=**. I hope someone find this helpful

<meta property='og:type' content='movie'>
<meta property='og:url' content=''>
<meta property='og:image' content=''>
<meta property='og:site_name' content='IMDb'>
<meta property='og:description' content='A group of U.S. Marines, under command of...'>

<meta property='og:email' content=''>
<meta property='og:phone_number' content='650-123-4567'>
<meta property='og:fax_number' content='+1-415-123-4567'>

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

Copy link

So useful

Copy link

Thanks for this awesome list.
BTW it's:
<meta name='description' content='155 to 160 characters'>
characters not words

Copy link

Hi!, can u add the meta tag for Twitter, Im trying to create a meta using but when I try to post to twitter it doesnt work. i use this to validate meta data of website

The official tags for Twitter are here, as of today those are:

  • twitter:card (useful)
  • twitter:site (useful)
  • twitter:site:id (could be useful)
  • twitter:creator (useful)
  • twitter:creator:id (could be useful)
  • twitter:description (useful)
  • twitter:title (useful)
  • twitter:image (useful)
  • twitter:image:alt (useful)
  • twitter:player (rarely useful)
  • twitter:player:width (rarely useful)
  • twitter:player:height (rarely useful)
  • twitter:player:stream (rarely useful)
  • twitter:app:name:iphone (rarely useful)
  • twitter:app:id:iphone (rarely useful)
  • twitter:app:url:iphone (rarely useful)
  • twitter:app:name:ipad (rarely useful)
  • twitter:app:id:ipad (rarely useful)
  • twitter:app:url:ipad (rarely useful)
  • twitter:app:name:googleplay (rarely useful)
  • twitter:app:id:googleplay (rarely useful)
  • twitter:app:url:googleplay (rarely useful)

Sometimes in the Internet you can also find twitter:domain and twitter:url, but those seem to be deprecated.

Copy link

Thanks! 👍

Copy link

Recently Google has updated their metatag verification method. The “verify-v1” meta tag, has been replaced with “google-site-verification”. The presence of this meta tag in the header section of your website is required for all new submissions to Google Webmaster Tools.

Copy link

Thank you so much!
These are very useful.

Copy link

PatrickRockhill commented Jul 4, 2023

Don't forget the sometimes useful:
meta http-equiv="refresh" content="##; url=wherever"

Copy link


Copy link

Janith-Umeda commented Jan 30, 2024

Thanks! very useful collection. You should update the with new suggestions that commenters ware introduced :).

Copy link

thanks for the hep

Copy link

hc0503 commented Feb 7, 2024

thanks, very helpful.

Copy link

AppiChudilko commented Feb 27, 2024

For Microsoft's platform integration:

<meta name="msapplication-TileColor" content="#000000">
<meta name="msapplication-TileImage" content="">

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment