Skip to content

Instantly share code, notes, and snippets.

@kevinSuttle

kevinSuttle/meta-tags.md

Forked from lancejpollard/meta-tags.md
Last active November 7, 2024 10:05
Show Gist options
  • Save kevinSuttle/1997924 to your computer and use it in GitHub Desktop.
Save kevinSuttle/1997924 to your computer and use it in GitHub Desktop.
Download ZIP
List of Usable HTML Meta and Link Tags
Raw
meta-tags.md

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 protected]">
<meta name="designer" content="">
<meta name="reply-to" content="[email protected]">
<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

@15kstudios
Copy link

Thanks for this!

@Adil512
Copy link

Adil512 commented Oct 8, 2017

Just awesome .Thanks for this .

@safarnikan
Copy link

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

@rdg-dibella
Copy link

Thx for this

@WeltonWang02
Copy link

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

@rxheem
Copy link

rxheem commented Feb 3, 2019

Awesome

@latimeks
Copy link

latimeks commented May 1, 2019

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

@andykillen
Copy link

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
Copy link
Author

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

@HarryAdney
Copy link

Great job, fella; many thanks.

@hamswaldenkv
Copy link

Great job, Thanks

@AliceonFire
Copy link

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
Copy link

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
Copy link

dandv commented Oct 8, 2019

How about last-modified ?

@dandv
Copy link

dandv commented Oct 8, 2019

Apparently revised is not valid.

@dandv
Copy link

dandv commented Oct 8, 2019

Here's an authoritative reference for name:

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

@kevinSuttle
Copy link
Author

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
Copy link
Author

And here you go: https://github.com/kevinSuttle/html-meta-tags

@dandv
Copy link

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
Copy link
Author

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

@dandv
Copy link

dandv commented Oct 8, 2019

If only people listened to them!!!

@danieldanielecki
Copy link

(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
Copy link

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
Copy link

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

@uzoezie
Copy link

uzoezie commented Nov 21, 2022

Impressive

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