add social media meta tags

This commit is contained in:
Ayo 2018-09-21 09:06:24 +08:00
parent 8690ec0448
commit 17687742ae
2 changed files with 44 additions and 24 deletions

View file

@ -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 %}
{% endif %}
<link href="//cdn-images.mailchimp.com/embedcode/horizontal-slim-10_7.css" rel="stylesheet" type="text/css">
<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>
<script
src="https://code.jquery.com/jquery-3.2.1.min.js"
integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
crossorigin="anonymous"></script>
</head>

View file

@ -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 %}