Cardshifter website meta-tags for SEO I have written the following meta-tags for SEO, please let me know if you think this could use any improvement. I have used this article to help me put it together. I have left out the page content on purpose, if you wish to see it I posted it here on CR and on Github (note the following updates have not been committed yet, they are only in my local directory).

&lt;!DOCTYPE html&gt;
&lt;html class="" lang="en" itemscope itemtype="http://schema.org/Organization"&gt; &lt;!-- Schema.org is for Google+ meta-data - See other meta-tags within head section) --&gt;
  &lt;head&gt;
  &lt;meta http-equiv="content-type" content="text/html; charset=UTF-8" /&gt;
    &lt;meta charset="utf-8" /&gt;
    &lt;meta http-equiv="X-UA-Compatible" content="IE=edge" /&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1" /&gt;
    &lt;link rel="icon" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/favicon.ico" /&gt;

    &lt;!-- META-TAGS --&gt;

      &lt;!-- Standard meta-tags --&gt;
      &lt;title&gt;Cardshifter TCG&lt;/title&gt;
      &lt;meta name="description" content="Try Cardshifter trading card game (TCG), an open source multiplayer game!" /&gt;
      &lt;meta name="author" content="https://github.com/Cardshifter" /&gt;
      &lt;link rel="author" href="https://github.com/Cardshifter" /&gt;
      &lt;link rel="publisher" href="https://github.com/Cardshifter" /&gt;

      &lt;!-- Google+ Schema.org tags --&gt;
      &lt;meta itemprop="name" content="Cardshifter Trading Care Game"&gt;
      &lt;meta itemprop="description" content="Try Cardshifter trading card game (TCG), an open source multiplayer game!"&gt;
      &lt;meta itemprop="image" content="/images/cardshifter-logo.png"&gt;

      &lt;!-- Facebook OpenGraph tags --&gt;
      &lt;meta property="og:title" content="Cardshifter Trading Care Game" /&gt;
      &lt;meta property="og:type" content="website" /&gt;
      &lt;meta property="og:image" content="/images/cardshifter-logo.png" /&gt;
      &lt;meta property="og:url" content="http://www.CardShifter.com/" /&gt;
      &lt;meta property="og:description" content="Try Cardshifter trading card game (TCG), an open source multiplayer game!" /&gt;
      &lt;meta property="fb:admins" content="USER_ID" /&gt;  &lt;!-- NEED TO MAKE USER ID FOR CARDSHIFTER --&gt;

      &lt;!-- Twitter tags --&gt;
      &lt;meta property="twitter:card" content="summary" /&gt;
      &lt;meta property="twitter:url" content="https://twitter.com/Cardshifter" /&gt;
      &lt;meta property="twitter:title" content="Cardshifter Trading Care Game" /&gt;
      &lt;meta property="twitter:description" content="Try Cardshifter trading card game (TCG), an open source multiplayer game!" /&gt;
      &lt;meta property="twitter:image" content ="/images/cardshifter-logo.png" /&gt;

    &lt;!-- Bootstrap core CSS --&gt;
    &lt;link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet"&gt;

    &lt;!-- Custom styles for this template --&gt;
    &lt;link href="cardshifter.css" rel="stylesheet"&gt;

    &lt;!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --&gt;
    &lt;!--[if lt IE 9]&gt;
      &lt;script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"&gt;&lt;/script&gt;
      &lt;script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"&gt;&lt;/script&gt;
    &lt;![endif]--&gt;
  &lt;/head&gt;

  &lt;body&gt;
    &lt;!-- page content removed --&gt;
  &lt;/body&gt;
&lt;/html&gt;
1. Charset


&lt;meta http-equiv="content-type" content="text/html; charset=UTF-8" /&gt;



You declare a HTML5 doctype and two charsets. You can remove the first of the two rules and leave this:

  &lt;meta charset="utf-8"&gt;


2. IE rendering engine


&lt;meta http-equiv="X-UA-Compatible" content="IE=edge" /&gt;



The browser should choose the fitting rendering engine on its own. Setting IE=edge should do nothing in most cases unless the default rendering engine was changed by the user.

That said, it doesn’t do harm.

3. Comments


&lt;!-- META-TAGS --&gt;



Don’t state the obvious. We can see every &lt;meta&gt; thing is a meta tag. Also there are other things under this comment as well. title and link are not meta tags.

I’d also leave out comments like the ones for twitter tags. Separating them by new lines creates enough distinctiveness.

4. HTML Shiv/Shim


&lt;!--[if lt IE 9]&gt;
  &lt;script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"&gt;&lt;/script&gt;
&lt;![endif]--&gt;



Don’t omit the type attribute for browsers that don’t understand HTML5, because it is not valid HTML 4/XHTML. You include the shiv to ensure IE8 support for HTML5 elements, so you should definitely have it there.

&lt;!--[if lt IE 9]&gt;
  &lt;script type="text/javascript" src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"&gt;&lt;/script&gt;
&lt;![endif]--&gt;


4. SEO

Having a good structured document is the one thing which helps. You have description that search engines use, you have a page title, you probably will have fitting headings in your actual content.

However that’s just the foundation. With just that, search engines won’t give you a good ranking. The important part is the content. Make sure you have a good document outline.