Add og and twitter meta tags (#540)

phanan · chrisvfritz · commit 764c181eedd1 · 2016-10-25T18:33:56.000-04:00
diff --git a/themes/vue/_config.yml b/themes/vue/_config.yml
@@ -1,3 +1,4 @@
+site_description: "Vue.js - Intuitive, Fast and Composable MVVM for building interactive interfaces."
 google_analytics: UA-46852172-1
 root_domain: vuejs.org
 vue_version: 2.0.3
diff --git a/themes/vue/layout/layout.ejs b/themes/vue/layout/layout.ejs
@@ -4,8 +4,19 @@
     <head>
         <title><%- page.title ? page.title + ' - ' : '' %>vue.js</title>
         <meta charset="utf-8">
-        <meta name="description" content="Vue.js - Intuitive, Fast and Composable MVVM for building interactive interfaces.">
+        <meta name="description" content="<%- theme.site_description %>">
         <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+
+        <meta property="og:type" content="article">
+        <meta property="og:title" content="<%- page.title ? page.title + ' - ' : '' %>vue.js">
+        <meta property="og:description" content="<%- theme.site_description %>">
+        <meta property="og:image" content="/images/logo.png">
+
+        <meta name="twitter:card" content="summary">
+        <meta name="twitter:title" content="<%- page.title ? page.title + ' - ' : '' %>vue.js">
+        <meta name="twitter:description" content="<%- theme.site_description %>">
+        <meta name="twitter:image" content="/images/logo.png">
+
         <link href='//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600|Roboto Mono' rel='stylesheet' type='text/css'>
         <link href='//fonts.googleapis.com/css?family=Dosis:500&text=Vue.js' rel='stylesheet' type='text/css'>
         <link href="//cdn.jsdelivr.net/docsearch.js/1/docsearch.min.css" rel='stylesheet' type='text/css'>
