Better semantic info

stefano-maggiolo · Jan 25, 2015 · 9c7ed4c2c4c3e0afa8c20a722d45b91dcb852ab8 · 9c7ed4c
1 parent 718cd64
commit 9c7ed4c2c4c3e0afa8c20a722d45b91dcb852ab8
Showing 1 changed file with 52 additions and 13 deletions.
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -1,21 +1,51 @@
+{% if page.title %}
+  {% capture title %}{{ page.title }} – {{ site.name }}{% endcapture %}
+{% else %}
+  {% capture title %}{{ site.name }}{% endcapture %}
+{% endif %}
+{% if page.description %}
+  {% capture description %}{{ page.description }}{% endcapture %}
+{% else %}
+  {% capture description %}{{ site.name }} – {{ site.description }}{% endcapture %}
+{% endif %}
 <!DOCTYPE html>
-<html>
+<html itemscope itemtype="http://schema.org/Article">
   <head>
     <meta charset="utf-8" />
     <meta http-equiv='X-UA-Compatible' content='IE=edge'>
     <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0'>
 
-    <title>{% if page.title %}{{ page.title }} – {% endif %}{{ site.name }} – {{ site.description }}</title>
+    <title>{{ title }}</title>
 
-    <meta name="author" content="{{ site.name }}" />
-    <meta name="description" content="{{ site.description }}">
+    <meta name="author" content="Stefano Maggiolo">
+    <meta name="description" content="{{ description }}">
+
+    <meta itemprop="name" content="{{ title }}">
+    <meta itemprop="description" content="{{ description }}">
+    {% if page.image %}<meta itemprop="image" content="{{ page.image }}">{% endif %}
+
+    <meta name="twitter:card" content="summary">
+    <meta name="twitter:site" content="@zzzviad">
+    <meta name="twitter:title" content="{{ title }}">
+    <meta name="twitter:description" content="{{ description }}">
+    <meta name="twitter:creator" content="@zzzviad">
+    {% if page.image %}<meta name="twitter:image" content="http://www.example.com/image.jpg">{% endif %}
+
+    <meta property="og:title" content="{{ title }}">
+    <meta property="og:type" content="article">
+    <meta property="og:url" content="{{ site.url }}{{ page.url }}">
+    <meta property="og:description" content="{{ description }}">
+    <meta property="og:site_name" content="{{ site.name }}">
+    <meta property="og:author" content="https://plus.google.com/+StefanoMaggiolo/">
+    <meta property="fb:app_id" content="516709741804674">
+    {% if page.image %}<meta property="og:image" content="{{ page.image }}">{% endif %}
 
     <!--[if lt IE 9]>
       <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
     <![endif]-->
 
     <link rel="stylesheet" type="text/css" href="{{ site.baseurl }}/style.css" />
-    <link rel="alternate" type="application/rss+xml" title="{{ site.name }} - {{ site.description }}" href="{{ site.baseurl }}/feed.xml" />
+    <link rel="alternate" type="application/rss+xml" title="{{ site.name }}" href="{{ site.baseurl }}/feed.xml" />
 
     {% if page.latex %}
     <script src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
@@ -34,14 +64,23 @@
   </head>
 
   <body>
-    <div id="fb-root"></div>
-    <script>(function(d, s, id) {
-      var js, fjs = d.getElementsByTagName(s)[0];
-      if (d.getElementById(id)) return;
-      js = d.createElement(s); js.id = id;
-      js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=207407295963531&version=v2.0";
-      fjs.parentNode.insertBefore(js, fjs);
-      }(document, 'script', 'facebook-jssdk'));</script>
+    <script>
+      window.fbAsyncInit = function() {
+        FB.init({
+          appId      : '516709741804674',
+          xfbml      : true,
+          version    : 'v2.2'
+        });
+      };
+
+      (function(d, s, id){
+         var js, fjs = d.getElementsByTagName(s)[0];
+         if (d.getElementById(id)) {return;}
+         js = d.createElement(s); js.id = id;
+         js.src = "//connect.facebook.net/en_US/sdk.js";
+         fjs.parentNode.insertBefore(js, fjs);
+       }(document, 'script', 'facebook-jssdk'));
+    </script>
 
     <div class="wrapper-masthead">
       <div class="container">