Add meta tags

Signed-off-by: Jay Wang <jay@zijie.wang>

index.html

@@ -18,7 +18,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Farsight | In Situ Interactive Widgets for Responsible AI</title>
+    <title>Farsight — In Situ Widgets for Responsible AI</title>
 
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
     <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
@@ -28,6 +28,24 @@
     <meta name="msapplication-TileColor" content="#da532c" />
     <meta name="theme-color" content="#ffffff" />
 
+    <!-- Primary Meta Tags -->
+    <meta name="title" content="Farsight — In Situ Widgets for Responsible AI" />
+    <meta name="description" content="Farsight is a suite of in situ interactive widgets that fosters responsible AI awareness among developers and designers of LLM-powered systems." />
+
+    <!-- Open Graph / Facebook -->
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="https://pair-code.github.io/farsight/" />
+    <meta property="og:title" content="Farsight — In Situ Widgets for Responsible AI" />
+    <meta property="og:description" content="Farsight is a suite of in situ interactive widgets that fosters responsible AI awareness among developers and designers of LLM-powered systems." />
+    <meta property="og:image" content="https://i.imgur.com/MyKHGNz.png" />
+
+    <!-- Twitter -->
+    <meta property="twitter:card" content="summary_large_image" />
+    <meta property="twitter:url" content="https://pair-code.github.io/farsight/" />
+    <meta property="twitter:title" content="Farsight — In Situ Widgets for Responsible AI" />
+    <meta property="twitter:description" content="Farsight is a suite of in situ interactive widgets that fosters responsible AI awareness among developers and designers of LLM-powered systems." />
+    <meta property="twitter:image" content="https://i.imgur.com/MyKHGNz.png" />
+
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link