Add meta tags

index.html

@@ -6,8 +6,23 @@
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <link rel="shortcut icon" type="image/png" href="img/favicon.ico" />
   <title>Elixir WebRTC</title>
+  <meta name="description" content="A batteries-included WebRTC implementation for the Elixir ecosystem." />
+  <meta name="keywords" content="elixir, webrtc, audio, video, real-time" />
+  <meta name="image" content="https://elixir-webrtc.org/img/og_img.png" />
+  <!-- Social media tags -->
+  <meta property="og:title" content="Elixir WebRTC" />
+  <meta property="og:locale" content="en_US" />
+  <meta property="og:description" content="A batteries-included WebRTC implementation for the Elixir ecosystem." />
+  <link rel="canonical" href="https://elixir-webrtc.org/" />
+  <meta property="og:url" content="https://elixir-webrtc.org/" />
+  <meta property="og:site_name" content="Elixir WebRTC" />
+  <meta property="og:image" content="https://elixir-webrtc.org/img/og_img.png" />
+  <meta property="og:type" content="website" />
+  <meta name="twitter:card" content="summary_large_image" />
+  <meta property="twitter:image" content="https://elixir-webrtc.org/img/og_img.png" />
+  <meta property="twitter:title" content="Elixir WebRTC" />
   <link rel="stylesheet" type="text/css" href="styles.css" />
-  <!-- Google tag (gtag.js) -->
+  <!-- Google Analytics -->
   <script async src="https://www.googletagmanager.com/gtag/js?id=G-GLMBKK133E"></script>
   <script>
     window.dataLayer = window.dataLayer || [];