Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
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

robert2907 commented Sep 6, 2017

Very useful resource, thanks for this.
And this meta tag does not give an error "ReplyToCom" ???
<meta name='reply-to' content=''>
How is something connected with the errors "ReplyToCom" ???

Copy link

MMA96 commented Nov 15, 2017

Thank you Very Much Your Awesome.

Copy link

Claud-14 commented Oct 17, 2019

Very useful thanks

Copy link

cjbell630 commented Nov 24, 2019


Copy link

danieldanielecki commented May 13, 2020

Great job, but it's already outdated - see below

  1. There are few things I couldn't find on the official website of OpenGraph:
  • <meta name='fb:page_id' content='43929265776'>
  • <meta name='application-name' content='foursquare'>
  • <meta name='og:country-name' content='USA'>
  • <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'>
  1. On the other side I'm missing definitely:
  • <meta property="og:locale" content="en_GB" />
  • <meta property="og:locale:alternate" content="fr_FR" />
  • <meta property="og:locale:alternate" content="es_ES" />
  1. All HTTP meta headers (http-equiv) are basically for IE9 and below. These should've been added on the back-end, see explanation: #1 and #2.

  2. According to W3C meta tags docs there are way less meta tags. Namely:

  • <meta charset="UTF-8">
  • <meta name="description" content="Free Web tutorials">
  • <meta name="keywords" content="HTML, CSS, JavaScript">
  • <meta name="author" content="John Doe">
  • <meta name="viewport" content="width=device-width, initial-scale=1.0">

However, as you'll see in point 7 around half from this list still exists, however they're considered to be bad tags.

  1. These seems to be obsolete:
  • <meta name="Classification" content="Business">
  • <meta name="HandheldFriendly" content="True">
  • <meta name="MobileOptimized" content="320">
  1. IE-related tags shouldn't be used, we (almost, almost) don't use Internet Explorer anymore.

  2. For further reading if to use any of those you may check this article, many of those tags are actually bad tags.

Copy link

BroJenuel commented Oct 7, 2020

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

Copy link

Apoorva-Shukla commented May 6, 2021

Very useful!!

Copy link

MayankVikash commented May 25, 2021

Thanks really helpful.

Copy link

ayan-vscode commented Oct 6, 2021

Thanks for helping me! It was really helpful.

Copy link

AbdelrahmanMegahed commented Nov 24, 2021


Copy link

this-amiqo commented Nov 26, 2021

wow thats great ! :)

Copy link

boehs commented Jan 4, 2022

For what it's worth, most of the "Basic HTML Meta Tags" have no uses.

  • Only use rating if it's content is adult
  • Always use viewport
  • Always use charset
  • You should use theme-color
  • author is rarely needed but perhaps include it
  • I have never seen an instance where copyright is used
  • Always use description
  • robots, googlebot, google, google-site-verification are a few others worth looking into

The others are not needed, unless you are optimizing for some niche site that is the only site in the whole wide world to use them, or leaving goodies for people who snoop in your html (perhaps designer and reply-to)

This does not apply to the other tag groups here, especially OpenGraph Meta Tags and HTML Link Tags

Copy link

nusagates commented Mar 3, 2022

Thanks. Great info!

Copy link

mdhgtushar commented Jun 3, 2022


Copy link

faniabdo99 commented Aug 11, 2022

Very appreciated efforts man, Thanks

Copy link

Xayrulloh commented Sep 9, 2022

thanks bro

Copy link

BernhardTuft commented Sep 14, 2022

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

adahgeorge commented Oct 26, 2022

So useful

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