diff --git a/web/banner.jpg b/web/banner.jpg
new file mode 100644
index 0000000..0589414
Binary files /dev/null and b/web/banner.jpg differ
diff --git a/web/index.html b/web/index.html
index 816dcbe..187a367 100644
--- a/web/index.html
+++ b/web/index.html
@@ -3,18 +3,40 @@
 <head>
   <base href="$FLUTTER_BASE_HREF">
 
+  <script async src="https://www.googletagmanager.com/gtag/js?id=G-6VR4XGL06S"></script>
+  <script>
+    window.dataLayer = window.dataLayer || [];
+    function gtag(){dataLayer.push(arguments);}
+    gtag('js', new Date());
+
+    gtag('config', 'G-6VR4XGL06S');
+  </script>
+
   <meta charset="UTF-8">
   <meta content="IE=Edge" http-equiv="X-UA-Compatible">
   <meta name="description" content="Moepoi's Personal Site">
+  <meta name="keywords" content="Moepoi, Personal Page, Portfolio, Resume, Skills, Projects">
+
+  <meta name="twitter:card" content="summary" />
+  <meta name="twitter:site" content="@_moepoi" />
+  <meta name="twitter:creator" content="@_moepoi" />
+  <meta property="og:title" content="Moe Poi" />
+  <meta property="og:description" content="Moepoi's Personal Site" />
+  <meta property="og:url" content="https://moepoi.dev" />
+  <meta property="og:type" content="website" />
+  <meta property="og:image" content="https://moepoi.dev/banner.jpg" />
+  <meta property="og:image:type" content="image/jpeg" />
+  <meta property="og:image:width" content="1159" />
+  <meta property="og:image:height" content="835" />
 
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-status-bar-style" content="black">
-  <meta name="apple-mobile-web-app-title" content="moepoi_site">
+  <meta name="apple-mobile-web-app-title" content="moepoi">
   <link rel="apple-touch-icon" href="icons/Icon-192.png">
 
   <link rel="icon" type="image/png" href="favicon.png"/>
 
-  <title>Moe Poi ~</title>
+  <title>Moe Poi</title>
   <link rel="manifest" href="manifest.json">
 
   <script>
