diff --git a/static/og-image.png b/static/og-image.png
new file mode 100644
index 0000000..5291fd5
Binary files /dev/null and b/static/og-image.png differ
diff --git a/templates/index.html b/templates/index.html
index 33391bb..b8d9f83 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -6,6 +6,21 @@
     <meta name="description" content="Hamlet — a chatbot that answers in Shakespeare quotes.">
     <meta name="theme-color" content="#06101A">
     <title>Hamlet | 42labs</title>
+
+    <meta property="og:title" content="Hamlet | 42labs">
+    <meta property="og:description" content="Hamlet — a chatbot that answers in Shakespeare quotes.">
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://hamlet.42labs.io">
+    <meta property="og:site_name" content="42labs">
+    <meta property="og:image" content="https://hamlet.42labs.io/static/og-image.png">
+    <meta property="og:image:width" content="1200">
+    <meta property="og:image:height" content="630">
+    <meta property="og:image:alt" content="Hamlet — a chatbot that answers in Shakespeare quotes.">
+
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:title" content="Hamlet | 42labs">
+    <meta name="twitter:description" content="Hamlet — a chatbot that answers in Shakespeare quotes.">
+    <meta name="twitter:image" content="https://hamlet.42labs.io/static/og-image.png">
     <link rel="icon" href="{{ url_for('static', filename='favicons/favicon.ico') }}" sizes="32x32">
     <link rel="icon" type="image/svg+xml" href="{{ url_for('static', filename='favicons/icon.svg') }}">
     <link rel="icon" type="image/png" sizes="16x16" href="{{ url_for('static', filename='favicons/favicon-16x16.png') }}">