Fixes share image

docpad.coffee

@@ -37,11 +37,17 @@ module.exports =
               return @getLang().slogan
 
         getUrl: ->
-            if @document.url
-              return @document.url
+            if @document.pageurl
+              return @document.pageurl
             else
               return @getLang().url
 
+        getImageUrl: ->
+            if @document.imageurl
+              return @document.imageurl
+            else
+              return 'https://browserdiet.com/assets/img/fb-diet.jpg'
+
     # =================================
     # Environments
 

src/documents/calories/index.html.eco

@@ -2,6 +2,8 @@
 title: 'Browser Calories'
 slogan: 'The easiest way to measure your performance budget'
 layout: default
+imageurl: https://browserdiet.com/assets/img/fb-calories.jpg
+pageurl: https://browserdiet.com/calories
 ---
 
 <div id="header">

src/layouts/default.html.eco

@@ -11,9 +11,14 @@
 
   <!-- Schema.org -->
   <meta itemprop="name" content="<%= @getTitle() %>">
-  <meta itemprop="url" content="<%= @getUrl() %>">
-  <meta itemprop="image" content="<%= @site.assets %>/img/share.jpg">
   <meta itemprop="description" content="<%= @getSlogan() %>">
+  <meta itemprop="url" content="<%= @getUrl() %>">
+  <meta itemprop="image" content="<%= @getImageUrl() %>">
+
+  <meta property="og:title" content="<%= @getTitle() %>">
+  <meta property="og:description" content="<%= @getSlogan() %>">
+  <meta property="og:url" content="<%= @getUrl() %>">
+  <meta property="og:image" content="<%= @getImageUrl() %>">
 
   <!-- Style -->
   <link rel="stylesheet" href="<%= @site.assets %>/css/main.css">