diff --git a/dist/desktop.png b/dist/desktop.png
new file mode 100644
index 0000000..30dfc0b
Binary files /dev/null and b/dist/desktop.png differ
diff --git a/dist/index.html b/dist/index.html
index 4574c56..eca2d5d 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE HTML>
-<html>
+<html prefix="og: https://ogp.me/ns#">
     <head>
         <title>Control Collaborative Virtual Machines!</title>
         <meta name="viewport" content="width=device-width, initial-scale=1">
@@ -7,7 +7,16 @@
         <link href="style.css" rel="stylesheet" type="text/css"/>
         <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous"/>
         <script src="https://kit.fontawesome.com/7add23c1ae.js" crossorigin="anonymous"></script>
-	<link rel="icon" href="favicon.ico">
+	    <link rel="icon" href="favicon.ico">
+        <!-- Opengraph shit -->
+        <meta property="og:type" content="website"/>
+        <meta property="og:title" content="CollabVM"/>
+        <meta property="og:url" content="https://computernewb.com/collab-vm/"/>
+        <meta property="og:description" content="A website that lets you take turns controlling online virtual machines with complete strangers!"/>
+        <meta property="og:site_name" content="Computernewb"/>
+        <!-- Using github for now until we have a canonical url -->
+        <meta property="og:image" content="https://raw.githubusercontent.com/computernewb/collab-vm-1.2-webapp/master/dist/desktop.png"/>
+        <!---->
     </head>
     <body class="bg-dark">
         <div class="modal fade" id="qemuMonitorModal" tabindex="-1" aria-hidden="true">
