Merge pull request linode#258 from kwilkins/DLC-135

kwilkins · GitHub Enterprise · commit bb47900a225c · 2019-05-08T10:40:03.000-04:00
DLC-135 Bring meta-tags to parity
diff --git a/src/components/0_utilities/seo.js b/src/components/0_utilities/seo.js
@@ -10,6 +10,8 @@ function SEO({ description, lang, meta, keywords, title }) {
       render={data => {
         const metaDescription =
           description || data.site.siteMetadata.description;
+        const metaImage = `https://developers.linode.com/img/linode-logo_standard_light_medium.png`;
+        const metaUrl = `https://developers.linode.com/`;
         return (
           <Helmet
             htmlAttributes={{
@@ -34,9 +36,29 @@ function SEO({ description, lang, meta, keywords, title }) {
                 property: `og:type`,
                 content: `website`
               },
+              {
+                property: `og:url`,
+                content: metaUrl
+              },
+              {
+                property: `og:image`,
+                content: metaImage
+              },
               {
                 name: `twitter:card`,
-                content: `summary`
+                content: metaImage
+              },
+              {
+                name: `twitter:image`,
+                content: metaImage
+              },
+              {
+                name: `twitter:domain`,
+                content: metaUrl
+              },
+              {
+                name: `twitter:url`,
+                content: metaUrl
               },
               {
                 name: `twitter:creator`,
@@ -49,6 +71,10 @@ function SEO({ description, lang, meta, keywords, title }) {
               {
                 name: `twitter:description`,
                 content: metaDescription
+              },
+              {
+                property: `twitter:type`,
+                content: `website`
               }
             ]
               .concat(
diff --git a/src/components/5_templates/api-old.js b/src/components/5_templates/api-old.js
@@ -48,7 +48,7 @@ class apiPage extends React.Component {
 
     return (
       <Layout title="API Documentation" subtitle="Linode API Documentation">
-        <SEO title="API Documentation" description="" />
+        <SEO title="Linode API Documentation" description="Container Tools" />
         <div className="flex flex-wrap">
           <div className="w-full md:w-1/4 mt-8">
             <Sidebar />
diff --git a/src/components/5_templates/api.js b/src/components/5_templates/api.js
@@ -38,7 +38,7 @@ const apiPage = ({ data }) => {
       // subtitle="Linode API Documentation"
       fullWidth
     >
-      <SEO title="API Documentation" description="" />
+      <SEO title="Linode API Documentation" description="Container Tools" />
       <div className="flex flex-wrap">
         <div className="sidebar-container">
           <Sidebar />
diff --git a/src/components/5_templates/changelogs.js b/src/components/5_templates/changelogs.js
@@ -12,7 +12,10 @@ const Changelogs = ({ pageContext, data }) => {
 
   return (
     <Layout title="Changelog" subtitle="Latest updates from the Linode team">
-      <SEO title="Changelog" description="" />
+      <SEO
+        title="Changelog"
+        description="Latest updates from the Linode team"
+      />
       <div className="container mx-auto max-w-lg my-8">
         <ChangelogNav />
         {/* <h1>{tagHeader}</h1> */}
diff --git a/src/html.js b/src/html.js
@@ -6,6 +6,8 @@ function HTML(props) {
     <html lang="en">
       <head>
         <meta charSet="utf-8" />
+        <meta name="robots" content="all,follow" />
+        <meta name="googlebot" content="index,follow,snippet,archive" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         {props.headComponents}
         <link rel="shortcut icon" href={favicon} />
diff --git a/src/pages/changelog.js b/src/pages/changelog.js
@@ -12,7 +12,10 @@ const ChangelogPage = ({ data }) => {
 
   return (
     <Layout title="Changelog" subtitle="Latest updates from the Linode team">
-      <SEO title="Changelog" description="" />
+      <SEO
+        title="Changelog"
+        description="Latest updates from the Linode team"
+      />
       <div className="container mx-auto max-w-lg my-8">
         <ChangelogNav totalCount={totalCount} />
         {edges.map(({ node }) => {
diff --git a/src/pages/guides.js b/src/pages/guides.js
@@ -14,7 +14,10 @@ const GuidesPage = ({ data }) => {
       title="Linode API Guides"
       subtitle="Guides on getting started with the Linode API"
     >
-      <SEO title="Changelog" description="" />
+      <SEO
+        title="Linode API Guides"
+        description="Guides on getting started with the Linode API"
+      />
       <div className="mx-auto text-center max-w-lg my-8 pb-4">
         <h2 className="font-normal text-BaseGreenDark">API Guides</h2>
       </div>
diff --git a/src/pages/index.js b/src/pages/index.js
@@ -9,7 +9,10 @@ const IndexPage = ({ data }) => {
   const { edges } = data.allMarkdownRemark;
   return (
     <Layout title="Developer Tools" subtitle="For Developers, by Developers">
-      <SEO title="Home" description="" />
+      <SEO
+        title="Linode Developer Tools"
+        description="Linode API Documentation, Guides, and Tools"
+      />
       <div className="row-full relative -mt-2 px-2">
         <section className="header max-w-3xl mx-auto px-4 md:px-8 py-12 relative z-10">
           <h2 className="text-center font-normal text-BaseGreenDark">
diff --git a/src/pages/kubernetes.js b/src/pages/kubernetes.js
@@ -5,8 +5,14 @@ import CodeBox from "../components/2_molecules/code-box";
 
 const KubernetesPage = () => {
   return (
-    <Layout title="Developer Tools" subtitle="For Developers, by Developers">
-      <SEO title="Home" description="" />
+    <Layout
+      title="Kubernetes Tools"
+      subtitle="Create a Kubernetes Cluster with One Command"
+    >
+      <SEO
+        title="Kubernetes Tools"
+        description="Create a Kubernetes Cluster with One Command"
+      />
       <div className="flex flex-wrap mb-8 -mx-4">
         <div className="w-full px-4">
           <div className="my-4 md:mt-12 md:mt-8 max-w-3xl">
diff --git a/src/pages/libraries-tools.js b/src/pages/libraries-tools.js
@@ -12,7 +12,10 @@ const LibToolsPage = () => {
       title="Linode API Libraries and Tools"
       subtitle="Libraries and DevOps tools for the Linode API"
     >
-      <SEO title="Home" description="" />
+      <SEO
+        title="Linode API Libraries & Tools"
+        description="Libraries and DevOps tools for the Linode API"
+      />
       <div className="flex flex-wrap mb-8 -mx-4">
         <div className="w-full px-4">
           <div className="my-4 md:mt-12 md:mt-8 max-w-3xl">

Original file line number	Diff line number	Diff line change
`@@ -38,7 +38,7 @@ const apiPage = ({ data }) => {`
`38`	`38`	`// subtitle="Linode API Documentation"`
`39`	`39`	`fullWidth`
`40`	`40`	`>`
`41`		`- <SEO title="API Documentation" description="" />`
	`41`	`+ <SEO title="Linode API Documentation" description="Container Tools" />`
`42`	`42`	`<div className="flex flex-wrap">`
`43`	`43`	`<div className="sidebar-container">`
`44`	`44`	`<Sidebar />`