diff --git a/app/templates/film.html b/app/templates/film.html
index d7febfd..7bdf978 100755
--- a/app/templates/film.html
+++ b/app/templates/film.html
@@ -1,4 +1,16 @@
 {% extends "base.html" %}
+{% block head %}
+	<meta name="title" content="{{ film.data.title }} {{ film.data.tile.zh }}"/>
+	<meta name="description" content="{% for director in film.data.director %}{{ director|safe }}{% endfor %}"/>
+	<meta content="{{ stream_prefix }}{{ film.padma_id }}/loop.jpg" name="thumbnail"/>
+	<meta content="{{ stream_prefix }}{{ film.padma_id }}/loop.jpg" name="image_src"/>
+	<meta property="og:title" content="{{ film.data.title }} {{ film.data.tile.zh }}"/>
+	<meta property="og:type" content="movie"/>
+	<meta property="og:url" content="https://phantas.ma{{ film.get_absolute_url }}"/>
+	<meta property="og:image" content="{{ stream_prefix }}{{ film.padma_id }}/loop.jpg"/>
+	<meta property="og:site_name" content="Phantas.ma"/>
+	<meta property="og:description" content="{% for director in film.data.director %}{{ director|safe }}{% endfor %}"/>
+{% endblock head %}
 {% block body_class%}animated{% endblock %}
 {% block main %}
 <style>
diff --git a/app/templates/index.html b/app/templates/index.html
index c50de31..e72c52f 100755
--- a/app/templates/index.html
+++ b/app/templates/index.html
@@ -1,4 +1,12 @@
 {% extends "base.html" %}
+{% block head %}
+	<meta name="title" content="Phantasmapolis"/>
+	<meta name="description" content="Looking back to the future"/>
+	<meta property="og:title" content="Phantasmapolis"/>
+	<meta property="og:url" content="https://phantas.ma/polis"/>
+	<meta property="og:site_name" content="Phantas.ma/polis" />
+	<meta property="og:description" content="Looking back to the future"/>
+{% endblock head %}
 {% block body_class%}animated animated-text body--home{% endblock %}
 {% block main %}
 <div class="index">
diff --git a/app/templates/text.html b/app/templates/text.html
index 8888823..ea23207 100755
--- a/app/templates/text.html
+++ b/app/templates/text.html
@@ -1,4 +1,13 @@
 {% extends "base.html" %}
+{% block head %}
+	<meta name="title" content="{{ text.title | safe }}"/>
+	<meta name="description" content="{{ text.byline|striptags }}"/>
+	<meta property="og:title" content="{{ text.title }}"/>
+	<meta property="og:type" content="movie"/>
+	<meta property="og:url" content="https://phantas.ma{{ text.get_absolute_url }}"/>
+	<meta property="og:site_name" content="Phantas.ma"/>
+	<meta property="og:description" content="{{ text.byline|striptags }}"/>
+{% endblock head %}
 {% block main %}
 <div id="ascroll"></div>
 {% endblock %}