Skip to content

Instantly share code, notes, and snippets.

@lancejpollard

lancejpollard/meta-tags.md

Created March 5, 2012 13:54
Show Gist options
  • Save lancejpollard/1978404 to your computer and use it in GitHub Desktop.
Save lancejpollard/1978404 to your computer and use it in GitHub Desktop.
Download ZIP
Complete List of HTML Meta Tags
Raw
meta-tags.md

Copied from http://code.lancepollard.com/complete-list-of-html-meta-tags/

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, email@hotmail.com">
<meta name="designer" content="">
<meta name="copyright" content="">
<meta name="reply-to" content="email@hotmail.com">
<meta name="owner" content="">
<meta name="url" content="http://www.websiteaddrress.com">
<meta name="identifier-URL" content="http://www.websiteaddress.com">
<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="http://www.imdb.com/title/tt0117500/"/>
<meta name="og:image" content="http://ia.media-imdb.com/rock.jpg"/>
<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="me@example.com"/>
<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="http://example.com/awesome.swf" />
<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="http://example.com/html5.mp4" />
<meta property="og:video:type" content="video/mp4" />
<meta property="og:video" content="http://example.com/fallback.vid" />
<meta property="og:video:type" content="text/html" />

<meta property="og:audio" content="http://example.com/amazing.mp3" />
<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

ClaimID

<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="http://blog.reybango.com/about/"/>
<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" />

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="http://feeds.feedburner.com/martini" />
<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="http://google.com/profiles/thenextweb"/>
<link rel='shortlink' href='http://blog.unto.net/?p=353' />
<link rel='archives' title='May 2003' href='http://blog.unto.net/2003/05/' />
<link rel='index' title='DeWitt Clinton' href='http://blog.unto.net/' />
<link rel='start' title='Pattern Recognition 1' href='http://blog.unto.net/photos/pattern_recognition_1_about/' />
<link rel='prev' title='OpenSearch and OpenID?  A sure way to get my attention.' href='http://blog.unto.net/opensearch/opensearch-and-openid-a-sure-way-to-get-my-attention/' />
<link rel='next' title='Not blog' href='http://blog.unto.net/meta/not-blog/' />
<link rel="search" href="/search.xml" type="application/opensearchdescription+xml" title="Viatropos" />

<link rel="self" type="application/atom+xml" href="http://www.syfyportal.com/atomFeed.php?page=3"/>
<link rel="first" href="http://www.syfyportal.com/atomFeed.php"/>
<link rel="next" href="http://www.syfyportal.com/atomFeed.php?page=4"/>
<link rel="previous" href="http://www.syfyportal.com/atomFeed.php?page=2"/>
<link rel="last" href="http://www.syfyportal.com/atomFeed.php?page=147"/>

<link rel='shortlink' href='http://smallbiztrends.com/?p=43625' />
<link rel="canonical" href="http://smallbiztrends.com/2010/06/9-things-to-do-before-entering-social-media.html" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://smallbiztrends.com/xmlrpc.php?rsd" />
<link rel="pingback" href="http://smallbiztrends.com/xmlrpc.php" />
<link media="only screen and (max-device-width: 480px)" href="http://wordpress.org/style/iphone.css" type="text/css" rel="stylesheet" />

Other Resources

@danieldanielecki
Copy link

danieldanielecki commented May 13, 2020 •
edited

(Initially written on https://gist.github.com/whitingx/3840905, but looks like the lists are the same - therefore the input may be valuable for some of you).

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'>

update (25.02.2023), also those seem to be not longer there:

  • <meta name="og:email" content="me@example.com"/>
  • <meta name="og:phone_number" content="650-123-4567"/>
  • <meta name="og:fax_number" content="+1-415-123-4567"/>
  • <meta property="og:points" content="POINTS_FOR_ACHIEVEMENT"/>
  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.

  3. (update 25.02.2023), this Apple tags aren't listed on the official page, so could be deprecated:

  • <meta content="yes" name="apple-touch-fullscreen" />

@businessezee
Copy link

Thanks for valuable information

@aagzugachi
Copy link

Thanks for this info bro.

@LWJerri
Copy link

LWJerri commented Sep 26, 2020

Actual on every time!

@RadhikaRJ
Copy link

Thank you @lancejpollard for the comprehensive list on Meta tags. Also thanks to @danieldanielecki & @eladkarako for the illuminating insights in the comments!

Copy link

ghost commented Dec 12, 2020

Don't use that:

<meta http-equiv="refresh" content="30" />

It will reload your page (in a loop) every 30 seconds.

@stevdompl
Copy link

Hi, I recently found out that some websites use Open Graph Product Object meta tags as an alternative to microdata for product pages sematics

@alaa-sufi
Copy link

thank you

@AZBCE
Copy link

AZBCE commented Jan 18, 2021 •
edited

Thank you! Will any of these harm SEO ranking? If I use open graph tags do I need to use the regular tags?

@Dineth-De-Silva
Copy link

Thank you

@danielatanniemak
Copy link

danielatanniemak commented Jan 23, 2021 •
edited

Can I just have a meta tag that has an id and content but no name? Like this :
<meta id='fruit' content='{"fruit":["Apple","Banana","Cherry","Date"}' />
I want to be able to dynamically print the list of fruit as a variable for reading back into JS for other uses...

@JumperLuko
Copy link

Thanks, this guide me.

@traplocz
Copy link

Looks like a good list, though i'm hearing this list is quite outdated?

@Is0bel
Copy link

Is0bel commented Oct 28, 2021

Thank you for this super useful list and thank users who posted interesting comments

@Zakarialabib
Copy link

Thank you, very useful

@Ben-CA
Copy link

Ben-CA commented Jan 11, 2022

Apple category is listed twice.

@miron-developer
Copy link

awesome!

@jayantrohila57
Copy link

These are very helpful.

@vir2alexport
Copy link

Interesting, also worth attention Meta tags that Google understands and The metadata element

@Orjihenry
Copy link

Great! Bookmarking this for future reference. Merci Beaucoup.

@GotaLoveFiraCode
Copy link

GotaLoveFiraCode commented Jul 7, 2022 •
edited

Thanks for this!!! Wanted to mention that the 'meta name="keywords" content="whatever, etc."' is obsolete, here: https://www.metatags.org/all-meta-tags-overview/the-expired-metatags/meta-name-keywords/

@doc-suell
Copy link

thnku >3

@Techpro709
Copy link

Thanks so much!

@caesiumtea
Copy link

Nice list, thank you!!
Just FYI, meta name="copyright" appears in the list twice, if you want to edit that.

@InLaw
Copy link

InLaw commented May 15, 2023 

Great Summary!!
Isn't it property="og:image" instead of name="og:image" in the OpenGraph section?

there is no "name" by open graph all I can find is "property"

@junaga
Copy link

junaga commented Nov 18, 2023

some more links

https://web.dev/learn/html/ <- the new MDN
https://getoutofmyhead.dev/ <- buythisguyacoffee
https://wiki.whatwg.org/wiki/MetaExtensions <- the official unofficial repository

@junaga
Copy link

junaga commented Nov 18, 2023

in case that isn't obvious: more than half of the tags listed here, are outdated, dont use them.

@Gesugao-san
Copy link

Nice job, get star!
image

@junaga
Copy link

junaga commented Dec 11, 2023

@Gesugao-san do not use these tags, most of them are outdated, deprecated, some even forbidden. Go read https://developers.google.com/search/ to learn SEO, but only add meta/link tags that you actually need. Keep the content in the body instead, and including redundant tags will just bloat up your page

@dj10true
Copy link

cool

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