Skip to content

Instantly share code, notes, and snippets.

@brianblakely
Created September 16, 2010 02:27
Show Gist options
  • Save brianblakely/581868 to your computer and use it in GitHub Desktop.
Save brianblakely/581868 to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<!-- Helpful things to keep in your <head/>
// Brian Blakely, 360i
// http://twitter.com/brianblakely/
-->
<head>
<!-- Disable automatic DNS prefetching.
WARNING: THIS MAY MAKE YOUR SITE SLOWER IF YOU RELY ON RESOURCES FROM FOREIGN DOMAINS. -->
<meta http-equiv="x-dns-prefetch-control" content="off">
<!-- Make a DNS handshake with a foreign domain before the user needs to access it.
This happens in parallel with other connections, and can speed up your site.
More information: https://github.com/paulirish/html5-boilerplate/wiki/DNS-Prefetching -->
<link rel="dns-prefetch" href="//example.com">
<!-- According to Heather Champ, former community manager at flickr,
you should not allow search engines to index your "Contact Us"
or "Complaints" page if you value your sanity. This is an HTML-
centric way of achieving that.
WARNING: DO NOT INCLUDE ON PAGES THAT SHOULD APPEAR IN SEARCH ENGINES. -->
<meta name="robots" content="noindex" />
<!-- Suppress IE6's pop-up-on-mouseover toolbar for images, that can
interfere with certain designs. -->
<meta http-equiv="imagetoolbar" content="false" />
<!-- IE9 Pinned Site Settings!
Documentation: http://msdn.microsoft.com/en-ca/library/gg131029(VS.85).aspx
See the documentation for JavaScript APIs, as well. -->
<!-- Pinned site name, as Windows sees it - this will be the page title
by default, unless you include this rule. -->
<meta name="application-name" content="Sample Title" />
<!-- Pinned shortcuts also get a tooltip - this is it. -->
<meta name="msapplication-tooltip" content="A description of what this site does." />
<!-- If the site should go to a specific URL when it is pinned (such as
the homepage), enter it here.
One idea is to send it to a special URL so you can track # of pinned users,
like so: http://www.example.com/index.html?pinned=true -->
<meta name="msapplication-starturl" content="" />
<!-- IE9 will automatically use the overall color of your site's favicon to
shade its browser buttons. UNLESS you give it another color here.
Only use named colors ("red") or hex colors ("#f00"). -->
<meta name="msapplication-navbutton-color" content=""/>
<!-- If the site should open at a certain window size once
pinned, you can specify the dimensions here.
It only supports static pixel dimensions. 800x600 minimum. -->
<meta name="msapplication-window" content="width=800;height=600"/>
<!-- Define Jump List tasks that will appear when the pinned site's
icon gets a right-click. Each "task" goes to the specified URL,
and gets its own mini icon (essentially a favicon, a 16x16 .ICO). -->
<meta name="msapplication-task" content="name=Task 1;action-uri=http://host/Page1.html;icon-uri=http://host/icon1.ico"/>
<meta name="msapplication-task" content="name=Task 2;action-uri=http://microsoft.com/Page2.html;icon-uri=http://host/icon2.ico"/>
<!-- Facebook will use the following data to represent your site
when it is shared.
Facebook documentation (includes info on sharing more specific
media types): http://developers.facebook.com/docs/share -->
<meta property="og:title" content="" />
<meta property="og:description" content="" />
<meta property="og:image" content="" />
<!-- Signal to search engines and others "Use this URL for this page!"
Useful when URLs are dynamically generated. -->
<link rel="canonical" href="" />
<!-- Signal to the world "This is the shortURL for this page!"
Poorly supported at this time.
http://microformats.org/wiki/rel-shortlink -->
<link rel="shortlink" href="" />
<!-- Sites with search functionality should be strongly considered for a
browser search plugin.
How to make a browser search plugin:
http://www.google.com/search?ie=UTF-8&q=how+to+make+browser+search+plugin -->
<link rel="search" title="" type="application/opensearchdescription+xml" href="" />
<!-- Direct search spiders to your sitemap.
Learn to make a sitemap here: http://www.sitemaps.org/protocol.php -->
<link rel="sitemap" type="application/xml" title="Sitemap" href="/sitemap.xml">
<!-- Have an RSS feed? Link to it here.
Learn how to write your own: http://www.rssboard.org/rss-specification -->
<link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml">
<!-- Or maybe you have an Atom feed?
See what that's all about: http://www.atomenabled.org/developers/protocol/ -->
<link rel="alternate" type="application/atom+xml" title="Atom" href="/atom.xml">
<!-- Your server may be notified when another site links to yours.
The href attribute should contain the location of your pingback service.
* High-level explanation: http://codex.wordpress.org/Introduction_to_Blogging#Pingbacks
* Step-by-step example case: http://www.hixie.ch/specs/pingback/pingback-1.0#TOC5
* PHP pingback service:
http://blog.perplexedlabs.com/2009/07/15/xmlrpc-pingbacks-using-php/ -->
<link rel="pingback" href="">
</head>
@valpackett
Copy link

"application/x.atom+xml" what's the "x." for? The official MIME-type is just application/atom+xml.

@brianblakely
Copy link
Author

Yeah, that was a mistake. Atom can be used as a service protocol, and that's when you would use the "x."

Forgot to change it here, thanks

@nikmd23
Copy link

nikmd23 commented Mar 5, 2012

I've added the new IE10 X-UA-Compatible meta tag to my fork of this Gist at https://gist.github.com/1981339.
It's the top tag, if you'd like to incorporate the changes.

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