diff --git a/_config.yml b/_config.yml
index 1a124d15e..a5b6503c6 100644
--- a/_config.yml
+++ b/_config.yml
@@ -15,6 +15,7 @@ baseurl: "" # the subpath of your site, e.g. "/blog"
gh_repo: github/training-kit
repository: github/training-kit
teaser: # filename of teaser fallback teaser image placed in /images/, .e.g. "500x300.png"
+og_image: og-image.png # default social preview image placed in /images/
breadcrumbs: true # true, false (default)
words_per_minute: 200
diff --git a/_includes/seo.html b/_includes/seo.html
index 57704542c..d4dca4465 100644
--- a/_includes/seo.html
+++ b/_includes/seo.html
@@ -55,26 +55,26 @@
{% if site.twitter.username %}
-
-
-
+{% endif %}
- {% if page.header.image %}
-
-
- {% else %}
-
- {% if site.og_image %}
-
-
- {% endif %}
- {% endif %}
+
+
+
- {% if seo_author_twitter %}
-
+{% if page.header.image %}
+
+
+{% else %}
+
+ {% if site.og_image %}
+
{% endif %}
{% endif %}
+{% if seo_author_twitter %}
+
+{% endif %}
+
{% if site.facebook %}
{% if site.facebook.publisher %}
@@ -87,6 +87,8 @@
{% if page.header.image %}
+{% elsif site.og_image %}
+
{% endif %}
{% if page.date %}
diff --git a/images/og-image.png b/images/og-image.png
new file mode 100644
index 000000000..fc5be7897
Binary files /dev/null and b/images/og-image.png differ