diff --git a/templates/base.html b/templates/base.html
index aef6648..2f4eeff 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -7,6 +7,7 @@
 	<title>{% block title %}{{ config.title }}{% endblock title %}</title>
 	<link rel="stylesheet" href="{{ get_url(path="/style.css") }}" type="text/css">
 	<link rel="stylesheet" href="{{ get_url(path="/icons.css") }}" type="text/css">
+	{% block head_extra %}{% endblock head_extra %}
 </head>
 <body>
 	<nav>
diff --git a/templates/macros.html b/templates/macros.html
index f880b52..af82705 100644
--- a/templates/macros.html
+++ b/templates/macros.html
@@ -10,21 +10,25 @@
 	{% endif %}
 >
 	<a href="{{ recipe.permalink }}">
-		{% set_global image = "../static/temp.jpg" %}
-		{% for asset in recipe.assets %}
-			{% if asset is matching("[img.](jpg|png)$") %}
-				{% set_global image = asset %}
-				{% break %}
-			{% endif %}
-		{% endfor %}
-		{% set image = resize_image(path=image, width=300, height=300, op="fill") %}
-		<div class="image" style="background-image: url('{{ image.url }}')"></div>
+		<div class="image" style="background-image: url('{{ macro::recipe_preview_image(recipe=recipe) }}')"></div>
 		<div class="title">{{ recipe.title }}</div>
 		{% if recipe.date %}<span class="date">{{ recipe.date | date(format="%d.%m.%Y") }}</span>{% endif %}
 	</a>
 </article>
 {% endmacro print_recipe %}
 
+{% macro recipe_preview_image(recipe) %}
+	{% set_global image = "../static/temp.jpg" %}
+	{% for asset in recipe.assets %}
+		{% if asset is matching("[img.](jpg|png)$") %}
+			{% set_global image = asset %}
+			{% break %}
+		{% endif %}
+	{% endfor %}
+	{% set image = resize_image(path=image, width=300, height=300, op="fill") %}
+	{{ image.url }}
+{% endmacro recipe_preview_image %}
+
 {% macro pagination() %}
 	{% if paginator.previous %}
 		<a href="{{ paginator.previous }}"><span class="icon icon-arrow-left2"></span></a>
diff --git a/templates/page.html b/templates/page.html
index 161e88e..064e9c1 100644
--- a/templates/page.html
+++ b/templates/page.html
@@ -1,6 +1,12 @@
 {% extends "base.html" %}
 
 {% block title %}{{ config.title }} &mdash; {{ page.title }}{% endblock title %}
+{% block head_extra %}
+	<meta property="og:title" content="{{ page.title }}">
+	<meta property="og:url" content="{{ config.base_url }}">
+	<meta property="og:image" content="{{ macro::recipe_preview_image(recipe=page) }}">
+	<meta property="og:type" content="article">
+{% endblock head_extra %}
 
 {% block content %}
 <main class="recipe">
