diff --git a/index.html b/index.html
index 47f8cf8..5985e9c 100644
--- a/index.html
+++ b/index.html
@@ -3,6 +3,15 @@
         <title>Proximity Structures</title>
         <link rel="stylesheet" href="css/style.css">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <!-- open graph tags -->
+        <meta property="og:title" content="Proximity Structures" />
+        <meta property="og:url" content="http://proximity.hallada.net/" />
+        <meta property="og:image" content="http://proximity.hallada.net/img/proximity-300-zoomed.png" />
+        <meta property="og:image:type" content="image/png" />
+        <meta property="og:image:width" content="300" />
+        <meta property="og:image:height" content="300" />
+        <meta property="og:image:alt" content="Screenshot of the animation in action" />
+        <meta property="og:description" content="A procedurally generated and interactive animation created with PixiJS" />
     </head>
     <body>
         <script src="https://cdnjs.cloudflare.com/ajax/libs/pixi.js/4.2.2/pixi.min.js"></script>
