diff --git a/source/_layouts/base.html.twig b/source/_layouts/base.html.twig
index 4995e409..9085fa43 100644
--- a/source/_layouts/base.html.twig
+++ b/source/_layouts/base.html.twig
@@ -12,6 +12,7 @@
     <head>
         <title>{{ helpers.htmlTitle(site, page) }}</title>
         {% include 'meta' %}
+        {% block metaTags %}{% endblock %}
 
         <link rel="stylesheet" href="/css/app.css">
         {% block stylesheets %}{% endblock %}
@@ -33,10 +34,6 @@
             <script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', '{{ site.google_analytics_tracking_id }}', 'auto'); ga('send', 'pageview');</script>
         {% endif %}
 
-        {% if page.has_tweets %}
-            <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
-        {% endif %}
-
         <script src="/js/all.js"></script>
         {% block scripts %}{% endblock %}
     </body>
diff --git a/source/_layouts/post.html.twig b/source/_layouts/post.html.twig
index 90f3d4a6..d025bb07 100644
--- a/source/_layouts/post.html.twig
+++ b/source/_layouts/post.html.twig
@@ -2,6 +2,15 @@
 
 {% block page_title %}{% endblock %}
 
+{% block metaTags %}
+<meta name="twitter:card" content="summary">
+<meta name="twitter:site" content="@{{ site.twitter.name }}">
+<meta name="twitter:title" content="{{ page.title }}">
+<meta name="twitter:creator" content="@{{ site.twitter.name }}">
+<meta name="twitter:image" content="{{ page.meta.image ?: site.url ~ site.avatar.url }}">
+{% if page.meta.description %}<meta name="twitter:description" content="{{ page.meta.description }}">{% endif %}
+{% endblock %}
+
 {% block content_wrapper %}
     {% include 'post/header' %}
     {% include 'post/intro-image' %}
@@ -22,5 +31,9 @@
 {% endblock %}
 
 {% block scripts %}
+    {% if page.has_tweets %}
+        <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
+    {% endif %}
+
     <script>hljs.initHighlightingOnLoad();</script>
 {% endblock %}
diff --git a/source/_posts/2018-11-20-rebuilding-bartik-with-vuejs-tailwind-css.md b/source/_posts/2018-11-20-rebuilding-bartik-with-vuejs-tailwind-css.md
index fec1234e..fea66f26 100644
--- a/source/_posts/2018-11-20-rebuilding-bartik-with-vuejs-tailwind-css.md
+++ b/source/_posts/2018-11-20-rebuilding-bartik-with-vuejs-tailwind-css.md
@@ -1,5 +1,8 @@
 ---
 title: Rebuilding Bartik (Drupal’s Default Theme) with Vue.js and Tailwind CSS
+meta:
+    description: How I rebuilt Drupal’s Bartik theme using Vue.js and Tailwind CSS.
+    image: ~
 tags:
     - drupal
     - tailwind-css
diff --git a/source/_posts/2018-12-27-rebuilding-bartik-with-vuejs-tailwind-css-part-2.md b/source/_posts/2018-12-27-rebuilding-bartik-with-vuejs-tailwind-css-part-2.md
index 6f0cac84..5a347b90 100644
--- a/source/_posts/2018-12-27-rebuilding-bartik-with-vuejs-tailwind-css-part-2.md
+++ b/source/_posts/2018-12-27-rebuilding-bartik-with-vuejs-tailwind-css-part-2.md
@@ -1,5 +1,8 @@
 ---
 title: Rebuilding Bartik (Drupal’s Default Theme) with Vue.js and Tailwind CSS - part 2
+meta:
+    description: How I rebuilt Drupal’s Bartik theme using Vue.js and Tailwind CSS.
+    image: ~
 tags:
     - drupal
     - tailwind-css
