Merge pull request #53 from webmocha/48_meta-tags

[48] 🤖 Add meta tags for social share
webmocha · Apr 6, 2019 · abb1aaa · abb1aaa
2 parents b6ed5b4 + 1c065a2
commit abb1aaa
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 0 deletions.
diff --git a/pages/_document.tsx b/pages/_document.tsx
@@ -48,11 +48,36 @@ export default class MyDocument extends Document {
             name="description"
             content="Watch your favorite NPM packages go head-to-head in a no holds barred contest to see which framework reigns supreme!"
           />
+          <meta
+            name="image"
+            content={`${process.env.STATIC_LOCATION}/dev-battles.png`}
+          />
           <meta
             name="keywords"
             content="JavaScript, Node, Node Modules, NPM, Front-end, Back-end, Frameworks, Packages, Libraries"
           />
 
+          <meta name="twitter:card" content="summary" />
+          <meta name="twitter:title" content="Battles.dev" />
+          <meta
+            name="twitter:description"
+            content="Watch your favorite NPM packages go head-to-head in a no holds barred contest to see which framework reigns supreme!"
+          />
+
+          <meta name="og:title" content="Battles.dev" />
+          <meta
+            name="og:description"
+            content="Watch your favorite NPM packages go
+head-to-head in a no holds barred contest to see which framework reigns supreme!"
+          />
+          <meta
+            name="og:image"
+            content={`${process.env.STATIC_LOCATION}/dev-battles.png`}
+          />
+          <meta name="og:url" content="https://battles.dev" />
+          <meta name="og:site_name" content="Battles.dev" />
+          <meta name="og:type" content="website" />
+
           <link
             rel="apple-touch-icon"
             sizes="180x180"

diff --git a/static/dev-battles.png b/static/dev-battles.png