Improved social media sharing

awayken · Jan 3, 2016 · e9575d6 · e9575d6
1 parent 9616d00
commit e9575d6
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 4 deletions.
diff --git a/app/_layout/header.ejs b/app/_layout/header.ejs
@@ -12,9 +12,9 @@
 <head>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="description" content="The Rausches: Inside Out">
+    <meta name="description" content="The Miles Rausch Family's 2015 Christmas card.">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>2015 Christmas Card</title>
+    <title>The Rausches Inside Out</title>
 
     <!-- Real Favicon Generator -->
     <link rel="apple-touch-icon" sizes="57x57" href="images/icons/apple-touch-icon-57x57.png">
@@ -41,14 +41,28 @@
     <meta name="msapplication-config" content="images/icons/browserconfig.xml">
     <meta name="theme-color" content="#010d47">
 
+    <!-- Share -->
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:title" content="The Rausches Inside Out">
+    <meta name="twitter:creator" content="@awayken">
+    <meta name="twitter:url" content="http://milesrauschfamily.com/ccard/2015/">
+    <meta name="twitter:image:src" content="http://milesrauschfamily.com/ccard/2015/images/share.jpg">
+    <meta name="twitter:description" content="The Miles Rausch Family's 2015 Christmas card.">
+
+    <meta property="og:type" content="website">
+    <meta property="og:title" content="The Rausches Inside Out">
+    <meta property="og:url" content="http://milesrauschfamily.com/ccard/2015/">
+    <meta property="og:image" content="http://milesrauschfamily.com/ccard/2015/images/share.jpg">
+    <meta property="og:description" content="The Miles Rausch Family's 2015 Christmas card.">
+
     <!-- Page styles -->
     <link rel="stylesheet" href="styles/site.css?v=1.2.1">
 </head>
 <body>
     <header class="header promote-layer">
         <h1 class="header--name">
-            <a href="./" title="The Rausches: Inside Out">
-                <img class="header--logo" src="images/logo.png" alt="The Rausches: Inside Out">
+            <a href="./" title="The Rausches Inside Out">
+                <img class="header--logo" src="images/logo.png" alt="The Rausches Inside Out">
             </a>
         </h1>
     </header>

diff --git a/app/images/share.jpg b/app/images/share.jpg