From 17687742ae85dcd4a19a7c5c40a61498a01aea51 Mon Sep 17 00:00:00 2001
From: Ayo <ramon.aycojr@gmail.com>
Date: Fri, 21 Sep 2018 09:06:24 +0800
Subject: [PATCH] add social media meta tags

---
 _includes/head.html   | 66 ++++++++++++++++++++++++++++---------------
 _layouts/default.html |  2 +-
 2 files changed, 44 insertions(+), 24 deletions(-)

diff --git a/_includes/head.html b/_includes/head.html
index 2f39cb6..001e2b4 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -8,32 +8,52 @@
         gtag('config', 'UA-113797180-1');
     </script>
 
-  <meta charset="utf-8">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>{{page.title}} | Web Technologies and Productivity Hacks | {{site.title}}</title>
+    <meta name="description" content="Learn how to use the best and latest web technologies to boost your productivity.">
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
 
-  <!-- start: fb open graph meta tags -->
-  <meta property="og:url" content="{{ page.url | absolute_url }}" />
-  {% if page.type == "post" %}
-  <meta property="og:type" content="article" />{% else %}<meta property="og:type"              content="website" />{% endif %}
-  <meta property="og:title" content="{{ page.title }}" />
-  <meta property="og:description" content="{{ page.description }}" />
-  <meta property="og:image" content="{{ '/assets/images/' | absolute_url }}{{ page.image }}" />
-  <!-- end: fb open graph meta tags-->
+    <!-- Schema.org markup for Google+ -->
+    <meta itemprop="name" content="{{ page.title }}">
+    <meta itemprop="description" content="{{ page.description }}">
+    <meta itemprop="image" content="{{ '/assets/images/' | absolute_url }}{{ page.image }}"> 
 
-  <title>Web Technologies and Productivity Hacks | {{site.title}}</title>
+    <!-- Twitter Card data -->
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:site" content="@fullhackerblog">
+    <meta name="twitter:title" content="{{ page.title}}">
+    <meta name="twitter:description" content="{{ page.description }}">
+    <meta name="twitter:creator" content="@ayoayco_public">
+    <!-- Twitter summary card with large image must be at least 280x150px -->
+    <meta name="twitter:image:src" content="{{ '/assets/images/' | absolute_url }}{{ page.image }}">
 
-  <link rel="stylesheet" href="{{ '/assets/main.css' | relative_url }}">
-  <link rel="alternate" type="application/rss+xml" title="{{ site.title | escape }}" href="{{ '/feed.xml' | relative_url }}">
-  <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Lato" />
-  {% if jekyll.environment == 'production' and site.google_analytics %}
+     <!-- Open Graph data -->
+    <meta property="og:title" content="{{ page.title }}" />
+    {% if page.type == "post" %}
+    <meta property="og:type" content="article" />{% else %}<meta property="og:type" content="website" />{% endif %}
+    <meta property="og:url" content="{{ page.url | absolute_url }}" />
+    <meta property="og:image" content="{{ '/assets/images/' | absolute_url }}{{ page.image }}" />
+    <meta property="og:description" content="{{ page.description }}" />
+    <meta property="og:site_name" content="Full Hacker" />
+    <meta property="fb:admins" content="748355687" />
+    <!--meta property="article:published_time" content="2013-09-17T05:59:00+01:00" />
+    <meta property="article:modified_time" content="2013-09-16T19:08:47+01:00" />
+    <meta property="article:section" content="Article Section" />
+    <meta property="article:tag" content="Article Tag" /-->
+
+
+    <link rel="stylesheet" href="{{ '/assets/main.css' | relative_url }}">
+    <link rel="alternate" type="application/rss+xml" title="{{ site.title | escape }}" href="{{ '/feed.xml' | relative_url }}">
+    <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Lato" />
+    {% if jekyll.environment == 'production' and site.google_analytics %}
     {% include google-analytics.html %}
-  {% endif %}
-    
-  <link href="//cdn-images.mailchimp.com/embedcode/horizontal-slim-10_7.css" rel="stylesheet" type="text/css">
+    {% endif %}
 
-  <script
-  src="https://code.jquery.com/jquery-3.2.1.min.js"
-  integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
-  crossorigin="anonymous"></script>
+    <link href="//cdn-images.mailchimp.com/embedcode/horizontal-slim-10_7.css" rel="stylesheet" type="text/css">
+
+    <script
+    src="https://code.jquery.com/jquery-3.2.1.min.js"
+    integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
+crossorigin="anonymous"></script>
 </head>
diff --git a/_layouts/default.html b/_layouts/default.html
index 9c01586..6c1f383 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="{{ page.lang | default: site.lang | default: " en " }}">
+<html itemscope itemtype="http://schema.org/Article" lang="{{ page.lang | default: site.lang | default: " en " }}">
 
 {% include head.html %}