Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
List of Usable HTML Meta and Link Tags

DEPRECATED

Please see: https://github.com/kevinSuttle/html-meta-tags, thanks for the idea @dandv!


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

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, email@hotmail.com">
<meta name="designer" 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="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="https://mashable.com/2008/12/24/free-brand-monitoring-tools/">
<meta name="original-source" content="https://mashable.com/2008/12/24/free-brand-monitoring-tools/">
<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">

Company/Service Meta Tags

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="http://github.com/images/touch-icon-iphone4.png" sizes="114x114" rel="apple-touch-icon-precomposed">
<link href="http://github.com/images/touch-icon-ipad.png" sizes="72x72" rel="apple-touch-icon-precomposed">
<link href="http://github.com/images/apple-touch-icon-57x57.png" sizes="57x57" rel="apple-touch-icon-precomposed">
Safari 9 Pinned tabs in El Capitan
<link rel="mask-icon" href="website_icon.svg" color="red">

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="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">
<meta name="msvalidate.01" content="6E3AD52DC176461A3C81DD6E98003BC9">
<meta http-equiv="cleartype" content="on">

Windows 8 Meta Tags

<meta name="application-name" content=" Contoso" />
<meta name="msapplication-TileColor" content=" #009900" />
<meta name="msapplication-square70x70logo" content="images/smalltile.png" />
<meta name="msapplication-square150x150logo" content="images/mediumtile.png" />
<meta name="msapplication-wide310x150logo" content="images/widetile.png" />
<meta name="msapplication-square310x310logo" content="images/largetile.png" />
<meta name="msapplication-notification" content="frequency=30; polling-uri=notifications/contoso1.xml;
polling-uri2=notifications/contoso2.xml; polling-uri3=notifications/contoso3.xml" />

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="http://feeds.feedburner.com/martini">
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="https://example.com/feed.atom">
<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="bookmark"title="Styleguide" href="http://paulrobertlloyd.com/about/styleguide/">
<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="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 rel="stylesheet" media="only screen and (max-device-width: 480px)" href="http://wordpress.org/style/iphone.css" type="text/css">
<link rel="wlwmanifest" href="http://www.example.com/wp-includes/wlwmanifest.xml" type="application/wlwmanifest+xml">

<link rel="help" title="FAQ" href="/faq">
<link rel="logo" type="image/svg" href="https://playfoursquare.s3.amazonaws.com/press/logo/foursquare-logo.svg">
<link rel="P3Pv1" href="/w3c/p3p.xml">
<link rel="publisher" href="https://plus.google.com/115081025762845243709/">
<link rel="image_src" href="http://du3itj18e4z0b.cloudfront.net/7b29fe/images/icon-facebook.gif" type="image/jpeg">

<link rel="author" href="humans.txt" type="text/plain">
<link href="http://thenextweb.com/2009/01/08/how-to-snap-up-that-twitter-username-youve-always-wanted/" rel="original-source">
<link rel="profile" title="Microformats" href="http://microformats.org/profile/specs/">
<link rel="profile" href="http://gmpg.org/xfn/11">

Other Resources

@whitingx

This comment has been minimized.

Copy link

@whitingx whitingx commented Oct 5, 2012

Very useful resource, thanks for this.

I've forked and added Google's news_keyword metatag - https://gist.github.com/3840905 - but it looks as if I can't make a pull request on a gist (http://stackoverflow.com/questions/8758612/can-i-make-a-pull-request-on-a-gist-on-github)

@whitingx

This comment has been minimized.

Copy link

@whitingx whitingx commented Oct 5, 2012

Info on the news_keywords metatag here - http://support.google.com/news/publisher/bin/answer.py?hl=en&answer=68297

Hope this helps.

@kioueste

This comment has been minimized.

Copy link

@kioueste kioueste commented Oct 5, 2012

hello

what is the meta
how it works ?

I tested this meta and it does not work.

Thanks

@coliff

This comment has been minimized.

Copy link

@coliff coliff commented Oct 2, 2013

Another iOS one you can add:

<meta name='format-detection' content='date=no'>

That prevents dates in webpages from being links to create a calendar event.

@TheJaredWilcurt

This comment has been minimized.

Copy link

@TheJaredWilcurt TheJaredWilcurt commented Dec 5, 2013

There are several on this page that are not on your list. They relate to IE 8 and above and specifically Windows 8 when you pin a site to a tile, what image to use.

@danielhusar

This comment has been minimized.

Copy link

@danielhusar danielhusar commented Dec 17, 2013

Apple just added on iOS7 into viewport minimal-ui

https://pbs.twimg.com/media/BbZY5hTIYAA0d56.jpg:large

@ondrek

This comment has been minimized.

Copy link

@ondrek ondrek commented May 2, 2014

Nice collection, man! Thanks :-)

@mathiasbynens

This comment has been minimized.

Copy link

@mathiasbynens mathiasbynens commented May 19, 2014

Re: https://gist.github.com/kevinSuttle/1997924#create-custom-meta-tags

Please don’t use meta tags with unregistered keywords. The standardized way to hide data in your document is by using data-* attributes (which you could add to <body> or any other element).

@dcondrey

This comment has been minimized.

Copy link

@dcondrey dcondrey commented May 20, 2014

Thanks for the collection. When I have more time I'll help you fill out this list more if you like, because there are quite a lot of meta tags not listed here, to make it truly a 'complete list'.

Just a few notes for now:

@steelbrain

This comment has been minimized.

Copy link

@steelbrain steelbrain commented Jun 7, 2014

You might want to escape the slashes :-)

@theawesomecoder61

This comment has been minimized.

Copy link

@theawesomecoder61 theawesomecoder61 commented Jun 25, 2014

Great! Thank you!

@kevinSuttle

This comment has been minimized.

Copy link
Owner Author

@kevinSuttle kevinSuttle commented Jul 1, 2014

Updates: removed OpenGraph, ClaimID, and custom meta tags. I've also purposely excluded "minimal-ui" for UX reasons. Gist title has been updated to reflect the changes.

@berruno

This comment has been minimized.

Copy link

@berruno berruno commented Jul 21, 2014

description is not 150 but 160 now

@mimpinguinlepank

This comment has been minimized.

Copy link

@mimpinguinlepank mimpinguinlepank commented Apr 30, 2015

There are several on this page that are not on your list. They relate to IE 8 and above and specifically Windows 8 when you pin a site to a tile, what image to use.....
http://mimpinguin.blogspot.com/2015/03/ramalan-hari-ini.html

@midorikocak

This comment has been minimized.

Copy link

@midorikocak midorikocak commented May 29, 2015

change:

<meta name='subject' content='your website's subject'>

to:

<meta name='subject' content="your website's subject">
@shahabuddin24

This comment has been minimized.

Copy link

@shahabuddin24 shahabuddin24 commented Jul 12, 2015

thank you author.. this research is very easy to learn. one thing i don't understand that what is " pragma"?
please help me. shahab

@meulie

This comment has been minimized.

Copy link

@meulie meulie commented Aug 20, 2015

Apparently syndication-source has been deprecated, so I guess you can scrap that one off the list.

@radiocity

This comment has been minimized.

Copy link

@radiocity radiocity commented Jan 12, 2016

@wrxck

This comment has been minimized.

Copy link

@wrxck wrxck commented Mar 9, 2016

Is it just me or did you forget <meta http-equiv="refresh"...?

@eleumik

This comment has been minimized.

Copy link

@eleumik eleumik commented Mar 16, 2016

Hi, I was wondering about rel='previous' and rel='prev', this is what I found out:

If one searches the web and the documentation of Google they all talk about rel='prev', that is defined in HTML4 and in HTML5 while rel='previous' is in RFC5005

'prev' and 'previous' seem both ok, google says in https://support.google.com/webmasters/answer/1663744?hl=en

Google treats rel="previous" as a syntactic variant of rel="prev".

and HTML5 spec

Synonyms: For historical reasons, user agents must also treat the keyword "previous" like the prev keyword.

Probably in one HTML document one should use 'prev', maybe it should be added to the list ? I see now it is in the list you forked from.

@joshbuchea

This comment has been minimized.

Copy link

@joshbuchea joshbuchea commented Apr 20, 2016

I started a project (HEAD) with the aim to be a comprehensive list of everything that goes in the <head> of your document. This gist is one of the resources I used to compile my initial list. Thanks for the great resource @kevinSuttle!

@MicroDroid

This comment has been minimized.

Copy link

@MicroDroid MicroDroid commented May 6, 2016

Note that it's very recommended to use double quotes instead of single quotes for attributes

@joneschrisan

This comment has been minimized.

Copy link

@joneschrisan joneschrisan commented Oct 28, 2016

Technically these are wrong. The html specification does not include single quotes (') for element attributes only double quotes (") Most browsers will still read single quotes but they are not standard and should never be used.

@ghost

This comment has been minimized.

Copy link

@ghost ghost commented Jan 22, 2017

Don't forget this meta tag

<link rel="manifest" href="/manifest.json" />

@fordnox

This comment has been minimized.

Copy link

@fordnox fordnox commented Mar 15, 2017

is this still valid?
<meta name="generator" content="MediaWiki 1.16wmf4" />

@arj-89

This comment has been minimized.

Copy link

@arj-89 arj-89 commented May 11, 2017

Very useful, thanks a lot

@backsapce

This comment has been minimized.

Copy link

@backsapce backsapce commented Jun 9, 2017

useful ,thx

@SpineyPete

This comment has been minimized.

Copy link

@SpineyPete SpineyPete commented Jul 18, 2017

Exactly what I was looking for, thanks!

@DumitruGrubii

This comment has been minimized.

Copy link

@DumitruGrubii DumitruGrubii commented Sep 2, 2017

Thanks for this lists, I found them really useful!
You deserved a huge star on your project.

@robert2907

This comment has been minimized.

Copy link

@robert2907 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='email@hotmail.com'>
How is something connected with the errors "ReplyToCom" ???

@robert2907

This comment has been minimized.

Copy link

@robert2907 robert2907 commented Sep 7, 2017

Big Star

@15kstudios

This comment has been minimized.

Copy link

@15kstudios 15kstudios commented Oct 6, 2017

Thanks for this!

@Adil512

This comment has been minimized.

Copy link

@Adil512 Adil512 commented Oct 8, 2017

Just awesome .Thanks for this .

@safarnikan

This comment has been minimized.

Copy link

@safarnikan safarnikan commented Oct 29, 2017

قیمت تور کیش
تور کیش ارزان
قیمت ارزان تور کیش
تور کیش در فصل پاییز

@rdg-dibella

This comment has been minimized.

Copy link

@rdg-dibella rdg-dibella commented Jul 12, 2018

Thx for this

@lolzz192

This comment has been minimized.

Copy link

@lolzz192 lolzz192 commented Aug 7, 2018

How would I add them on my site, https://whatifhq.com ?

@rxheem

This comment has been minimized.

Copy link

@rxheem rxheem commented Feb 3, 2019

Awesome

@latimeks

This comment has been minimized.

Copy link

@latimeks latimeks commented May 1, 2019

Sweet! I always wondered what kinds of key/value pairs were valid in html5

@andykillen

This comment has been minimized.

Copy link

@andykillen andykillen commented Jun 11, 2019

the formatting on this one

<meta name='pagename' content='jQuery Tools, Tutorials and Resources - O'Reilly Media'>

gets screwed up by the apostrophe on O'Reilly....

@kevinSuttle

This comment has been minimized.

Copy link
Owner Author

@kevinSuttle kevinSuttle commented Jun 11, 2019

Thanks @andykillen. I'm not sure why I was using single quotes at all, anyway. Fixed.

@HarryAdney

This comment has been minimized.

Copy link

@HarryAdney HarryAdney commented Jun 22, 2019

Great job, fella; many thanks.

@hamswaldenkv

This comment has been minimized.

Copy link

@hamswaldenkv hamswaldenkv commented Jul 22, 2019

Great job, Thanks

@AliceonFire

This comment has been minimized.

Copy link

@AliceonFire AliceonFire commented Sep 25, 2019

Appears to be global replacement gone wrong, @kevinSuttle:

<meta name="subject" content="your website"s subject">

Depending on the environment, one reason to occasionally use single quoted strings is avoiding the evaluation overhead of some scripting languages.

@dandv

This comment has been minimized.

Copy link

@dandv dandv commented Oct 8, 2019

Would be great to move this to an actual repo with a README file, so that forking works, people can submit PRs and raise issues etc.

@dandv

This comment has been minimized.

Copy link

@dandv dandv commented Oct 8, 2019

How about last-modified ?

@dandv

This comment has been minimized.

Copy link

@dandv dandv commented Oct 8, 2019

Apparently revised is not valid.

@dandv

This comment has been minimized.

Copy link

@dandv dandv commented Oct 8, 2019

Here's an authoritative reference for name:

https://wiki.whatwg.org/wiki/MetaExtensions

@kevinSuttle

This comment has been minimized.

Copy link
Owner Author

@kevinSuttle kevinSuttle commented Oct 8, 2019

Would be great to move this to an actual repo with a README file, so that forking works, people can submit PRs and raise issues etc.

That's a great idea! Thanks!

@kevinSuttle

This comment has been minimized.

Copy link
Owner Author

@kevinSuttle kevinSuttle commented Oct 8, 2019

@dandv

This comment has been minimized.

Copy link

@dandv dandv commented Oct 8, 2019

Awesome, thanks! Now the last step would be a notice at the top of the gist pointing to the repo :)

@kevinSuttle

This comment has been minimized.

Copy link
Owner Author

@kevinSuttle kevinSuttle commented Oct 8, 2019

Done! Man, you're full of good ideas 😅

@dandv

This comment has been minimized.

Copy link

@dandv dandv commented Oct 8, 2019

@danieldanielecki

This comment has been minimized.

Copy link

@danieldanielecki danieldanielecki commented May 13, 2020

(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'>
  • <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.

@ankushkgarg

This comment has been minimized.

Copy link

@ankushkgarg ankushkgarg commented Aug 4, 2020

Hi

You have written a lot of meta name attributes of which many of are not defined meta names. Like:
So, can you please let me know, how it becomes possible to define these lot of meta names?
Is there any possibility of creating more like this?
If these are not registered then how it is possible for search engine bots to crawl all these undefined meta names?

Hope you got my point, please clarify the doubts.

thanks

@danieldanielecki

This comment has been minimized.

Copy link

@danieldanielecki danieldanielecki commented Sep 22, 2020

@ankushkgarg, I really don't know to whom are you referring to.

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