diff --git a/website/config.rb b/website/config.rb
index c38011c881..02df75a67d 100644
--- a/website/config.rb
+++ b/website/config.rb
@@ -1,7 +1,3 @@
-#-------------------------------------------------------------------------
-# Configure Middleman
-#-------------------------------------------------------------------------
-
 set :base_url, "https://www.consul.io/"
 
 activate :hashicorp do |h|
@@ -11,6 +7,15 @@ activate :hashicorp do |h|
 end
 
 helpers do
+  # Returns the FQDN of the image URL.
+  #
+  # @param [String] path
+  #
+  # @return [String]
+  def image_url(path)
+    File.join(base_url, image_path(path))
+  end
+
   # Get the title for the page.
   #
   # @param [Middleman::Page] page
diff --git a/website/source/assets/images/og-image.png b/website/source/assets/images/og-image.png
new file mode 100644
index 0000000000..da63279f10
Binary files /dev/null and b/website/source/assets/images/og-image.png differ
diff --git a/website/source/layouts/layout.erb b/website/source/layouts/layout.erb
index 0f0b9c0c12..f0bf841ee4 100644
--- a/website/source/layouts/layout.erb
+++ b/website/source/layouts/layout.erb
@@ -10,10 +10,21 @@
     <link rel="icon" type="image/png" href="<%= image_path("favicons/favicon-32x32.png") %>" sizes="32x32">
     <link rel="icon" type="image/png" href="<%= image_path("favicons/favicon-16x16.png") %>" sizes="16x16">
     <link rel="manifest" href="/android-manifest.json">
-    <link rel="mask-icon" href="<%= image_path("favicons/safari-pinned-tab.svg") %>" color="#23414a">
+    <link rel="mask-icon" href="<%= image_path("favicons/safari-pinned-tab.svg") %>" color="#961D59">
     <meta name="msapplication-config" content="/microsoft-tile.xml" />
     <meta name="theme-color" content="#ffffff">
 
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:site" content="@HashiCorp" />
+    <meta name="twitter:creator" content="@HashiCorp" />
+    <meta property="og:url" content="<%= File.join(base_url, current_page.url) %>" />
+    <meta property="og:title" content="<%= title_for(current_page) %>" />
+    <meta property="og:site_name" content="Consul by HashiCorp"/>
+    <meta property="og:image" content="<%= image_url("og-image.png") %>"/>
+    <meta property="og:image:width" content="1200"/>
+    <meta property="og:image:height" content="1200"/>
+    <meta property="og:description" content="<%= description_for(current_page) %>" />
+
     <title><%= title_for(current_page) %></title>
 
     <%= stylesheet_link_tag "application" %>