diff --git a/_includes/head.html b/_includes/head.html
index bdee929..16b34e7 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -15,19 +15,23 @@
   <meta property="og:type" content="website" />
   <meta property="og:site_name" content="{%if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}" />
   <meta property="og:locale" content="en" />
-  <meta property="og:image" content="{{ "/img/social.png" | prepend: site.baseurl }}" />
+  <meta property="og:image" content="{{ "/img/social.png" | prepend: site.url }}" />
   <meta property="og:image:width" content="1200" />
   <meta property="og:image:height" content="630" />
+  <meta property="og:image:alt"
+    content="{%if page.description %}{{ page.description }}{% else %}{{ site.description }}{% endif %}" />
   <meta name="twitter:title" content="{%if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}" />
   <meta name="twitter:description"
     content="{%if page.description %}{{ page.description }}{% else %}{{ site.description }}{% endif %}" />
   <meta name="twitter:url" content="{{ site.url }}" />
-  <meta name="twitter:image" content="{{ "/img/social.png" | prepend: site.baseurl }}" />
+  <meta name="twitter:image" content="{{ "/img/social.png" | prepend: site.url }}" />
+  <meta name="twitter:image:alt"
+    content="{%if page.description %}{{ page.description }}{% else %}{{ site.description }}{% endif %}" />
   <meta name="twitter:card" content="summary_large_image" />
   <!-- CSS & fonts -->
   <script src="js/sorttable.js"></script>
   <script src="js/main.js"></script>
-  <link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">
+  <link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.url }}">
 
   <!-- Favicon -->
   <link rel="shortcut icon" type="image/png" href="favicon.ico">
diff --git a/img/social.png b/img/social.png
index 85113ae..6fa0318 100644
Binary files a/img/social.png and b/img/social.png differ