diff --git a/gatsby-config.js b/gatsby-config.js
index ae71b3e2..ef46ca29 100644
--- a/gatsby-config.js
+++ b/gatsby-config.js
@@ -3,6 +3,7 @@ module.exports = {
     title: `/uses`,
     description: `A list of /uses pages detailing developer setups.`,
     author: `@wesbos`,
+    siteUrl: "https://uses.tech",
   },
   plugins: [
     {
@@ -26,6 +27,7 @@ module.exports = {
         icon: `src/images/gatsby-icon.png`, // This path is relative to the root of the site.
       },
     },
+    `gatsby-plugin-react-helmet`,
     `gatsby-plugin-styled-components`,
   ],
 };
diff --git a/src/components/header.js b/src/components/header.js
index 3b80b1b7..9c5e3b62 100644
--- a/src/components/header.js
+++ b/src/components/header.js
@@ -5,12 +5,20 @@ import Helmet from 'react-helmet';
 import styled from 'styled-components';
 import FavIcon from './FavIcon';
 
-function Header({ siteTitle }) {
+function Header({ siteTitle, siteDescription, siteUrl }) {
   return (
     <HeaderWrapper className="header">
       <FavIcon />
       <Helmet>
+        <html lang="en" amp />
         <title>{siteTitle}</title>
+        <meta name="description" content={siteDescription} />
+        <link rel="canonical" href={siteUrl} />
+        <meta name="twitter:card" content="summary_large_image" />
+        <meta name="twitter:creator" content="@wesbos" />
+        <meta name="twitter:title" content={siteTitle} />
+        <meta name="twitter:description" content={siteDescription} />
+        <meta name="twitter:image" content={`${siteUrl}/twitter-card.png`} />
       </Helmet>
       <div>
         <h1>
diff --git a/src/components/layout.js b/src/components/layout.js
index 502fb33d..2f4a808a 100644
--- a/src/components/layout.js
+++ b/src/components/layout.js
@@ -19,6 +19,8 @@ const Layout = ({ children }) => {
       site {
         siteMetadata {
           title
+          description
+          siteUrl
         }
       }
     }
@@ -28,7 +30,11 @@ const Layout = ({ children }) => {
     <>
       <GlobalStyle />
       <Main>
-        <Header siteTitle={data.site.siteMetadata.title} />
+        <Header
+          siteTitle={data.site.siteMetadata.title}
+          siteDescription={data.site.siteMetadata.description}
+          siteUrl={data.site.siteMetadata.siteUrl}
+        />
         {children}
         <footer>
           <center ya-i-used-a-center-tag="sue me">
diff --git a/static/twitter-card.png b/static/twitter-card.png
new file mode 100644
index 00000000..c49b953c
Binary files /dev/null and b/static/twitter-card.png differ
