Instantly share code, notes, and snippets.

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

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.

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.

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.

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.

coliff commented Oct 2, 2013

Another iOS one you can add:

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

@TheJaredWilcurt

This comment has been minimized.

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.

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.

ondrek commented May 2, 2014

Nice collection, man! Thanks :-)

@mathiasbynens

This comment has been minimized.

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.

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.

steelbrain commented Jun 7, 2014

You might want to escape the slashes :-)

@theawesomecoder61

This comment has been minimized.

theawesomecoder61 commented Jun 25, 2014

Great! Thank you!

@kevinSuttle

This comment has been minimized.

Owner

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.

berruno commented Jul 21, 2014

description is not 150 but 160 now

@mimpinguinlepank

This comment has been minimized.

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.

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.

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.

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.

radiocity commented Jan 12, 2016

@wrxck

This comment has been minimized.

wrxck commented Mar 9, 2016

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

@eleumik

This comment has been minimized.

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.

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.

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.

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.

ghost commented Jan 22, 2017

Don't forget this meta tag

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

@fordnox

This comment has been minimized.

fordnox commented Mar 15, 2017

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

@arj-89

This comment has been minimized.

arj-89 commented May 11, 2017

Very useful, thanks a lot

@backsapce

This comment has been minimized.

backsapce commented Jun 9, 2017

useful ,thx

@SpineyPete

This comment has been minimized.

SpineyPete commented Jul 18, 2017

Exactly what I was looking for, thanks!

@DumitruGrubii

This comment has been minimized.

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.

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.

robert2907 commented Sep 7, 2017

Big Star

@dirface

This comment has been minimized.

dirface commented Oct 6, 2017

Thanks for this!

@Adil512

This comment has been minimized.

Adil512 commented Oct 8, 2017

Just awesome .Thanks for this .

@safarnikan

This comment has been minimized.

safarnikan commented Oct 29, 2017

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

@rdg-dibella

This comment has been minimized.

rdg-dibella commented Jul 12, 2018

Thx for this

@weltonwang88

This comment has been minimized.

weltonwang88 commented Aug 7, 2018

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

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