diff --git a/server/pages/components/Layout.js b/server/pages/components/Layout.js
index 02c40de7..d492b67a 100644
--- a/server/pages/components/Layout.js
+++ b/server/pages/components/Layout.js
@@ -6,6 +6,11 @@ import Analytics from '../../../shared/components/Analytics';
 import globalStyles from '../../../shared/styles/globals';
 import { color } from '../../../shared/styles/constants';
 
+export const title = 'Outline';
+export const description =
+  'Your team’s knowledge base - Team wiki, documentation, playbooks, onboarding & more…';
+export const screenshotUrl = 'https://www.getoutline.com/screenshot.png';
+
 type Props = {
   children?: React$Element<*>,
 };
@@ -17,16 +22,25 @@ export default function Layout({ children }: Props) {
     <html lang="en">
       <head>
         <Helmet>
-          <title>Outline</title>
+          <title>{title}</title>
           <meta charset="utf-8" />
           <meta name="viewport" content="width=device-width, initial-scale=1" />
           <meta name="referrer" content="origin" />
-          <meta
-            name="description"
-            content="Your team’s knowledge base - Team wiki, documentation, playbooks, onboarding & more…"
-          />
-          <meta name="og:site_name" content="Outline" />
+          <meta name="description" content={description} />
+
+          <meta name="og:site_name" content={title} />
           <meta name="og:type" content="website" />
+          <meta property="og:title" content={title} />
+          <meta property="og:description" content={description} />
+          <meta property="og:image" content={screenshotUrl} />
+
+          <meta name="twitter:card" content="summary_large_image" />
+          <meta name="twitter:domain" value="getoutline.com" />
+          <meta name="twitter:title" value={title} />
+          <meta name="twitter:description" value={description} />
+          <meta name="twitter:image" content={screenshotUrl} />
+          <meta name="twitter:url" value="https://www.getoutline.com/" />
+
           <meta name="theme-color" content={color.primary} />
           <link
             rel="shortcut icon"
