From 1fe6f9d73d2bb531dbce72988d3cdf652f551c63 Mon Sep 17 00:00:00 2001
From: Krunal Shah <shahkrunal7091@gmail.com>
Date: Tue, 14 May 2019 20:27:08 +0530
Subject: [PATCH] feat(www): seo improvements (#13829)

* seo improvements

* prettier fix
---
 www/src/pages/plugins.js                      |  4 ++++
 www/src/templates/tags.js                     |  4 ++++
 .../templates/template-contributor-page.js    | 24 +++++++++++++++++++
 3 files changed, 32 insertions(+)

diff --git a/www/src/pages/plugins.js b/www/src/pages/plugins.js
index cdee64d80279b..20d395fba83f2 100644
--- a/www/src/pages/plugins.js
+++ b/www/src/pages/plugins.js
@@ -1,4 +1,5 @@
 import React, { Component } from "react"
+import { Helmet } from "react-helmet"
 import Container from "../components/container"
 import Rotator from "../components/rotator"
 import { Link } from "gatsby"
@@ -11,6 +12,9 @@ class Plugins extends Component {
   render() {
     return (
       <>
+        <Helmet>
+          <title>Plugins</title>
+        </Helmet>
         <Container
           overrideCSS={{
             alignItems: `center`,
diff --git a/www/src/templates/tags.js b/www/src/templates/tags.js
index ffc917734a352..2d9685e447207 100644
--- a/www/src/templates/tags.js
+++ b/www/src/templates/tags.js
@@ -1,4 +1,5 @@
 import React from "react"
+import { Helmet } from "react-helmet"
 import { graphql } from "gatsby"
 import TagsIcon from "react-icons/lib/ti/tags"
 
@@ -29,6 +30,9 @@ const Tags = ({ pageContext, data, location }) => {
 
   return (
     <Layout location={location}>
+      <Helmet>
+        <title>{tags}</title>
+      </Helmet>
       <Container>
         <h1>{tagHeader}</h1>
         <Button small key="blog-post-view-all-tags-button" to="/blog/tags">
diff --git a/www/src/templates/template-contributor-page.js b/www/src/templates/template-contributor-page.js
index 0db3c769b4461..a18f8b0ae507e 100644
--- a/www/src/templates/template-contributor-page.js
+++ b/www/src/templates/template-contributor-page.js
@@ -1,4 +1,5 @@
 import React from "react"
+import { Helmet } from "react-helmet"
 import { graphql } from "gatsby"
 import Img from "gatsby-image"
 
@@ -16,6 +17,29 @@ class ContributorPageTemplate extends React.Component {
     return (
       <Layout location={this.props.location}>
         <main>
+          <Helmet>
+            <title>{contributor.id}</title>
+            <meta name="description" content={contributor.bio} />
+            <meta property="og:description" content={contributor.bio} />
+            <meta name="twitter:description" content={contributor.bio} />
+            <meta property="og:title" content={contributor.id} />
+            {contributor.avatar && (
+              <meta
+                property="og:image"
+                content={`https://gatsbyjs.org${
+                  contributor.avatar.childImageSharp.fixed.src
+                }`}
+              />
+            )}
+            {contributor.avatar && (
+              <meta
+                name="twitter:image"
+                content={`https://gatsbyjs.org${
+                  contributor.avatar.childImageSharp.fixed.src
+                }`}
+              />
+            )}
+          </Helmet>
           <Container>
             <div
               css={{