diff --git a/index.html b/index.html
index 6581ff95..c79cbece 100644
--- a/index.html
+++ b/index.html
@@ -1,22 +1,42 @@
 <!doctype html>
 <html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <link rel="shortcut icon" href="favicon.ico" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no" />
-    <meta
-      name="description"
-      content="This web mapping application will show you Discover base maps, kitchen sink react components, and the esri javascript api. It is a GitHub template that you can use to create your own."
-    />
-    <title>Atlas Utah : Provided by the UGRC</title>
-    <link rel="preconnect" href="https://fonts.googleapis.com" />
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-    <link href="https://fonts.googleapis.com/css2?family=Source+Sans+3&display=swap" rel="stylesheet" />
-  </head>
 
-  <body class="size-full bg-white text-zinc-700 subpixel-antialiased dark:bg-zinc-800 dark:text-zinc-50">
-    <noscript> You need to enable JavaScript to run this app. </noscript>
-    <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
-  </body>
+<head>
+  <!-- Global Metadata -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no" />
+  <link rel="shortcut icon" href="favicon.ico" />
+  <title>Atlas Utah : Provided by the UGRC</title>
+  <meta name="title" content="Atlas Utah : Provided by the UGRC">
+  <meta name="description"
+    content="A web mapping application that will show you Discover base maps, kitchen sink react components, and the esri javascript api. It is a GitHub template that you can use to create your own website that is mobile friendly with a dark mode." />
+  <link rel="canonical" href="https://atlas.utah.gov/">
+  <!-- Open Graph / Facebook -->
+  <meta property="og:type" content="website" />
+  <meta property="og:url" content="https://atlas.utah.gov/" />
+  <meta property="og:title" content="Atlas Utah : Provided by the UGRC" />
+  <meta property="og:description"
+    content="A web mapping application that will show you Discover base maps, kitchen sink react components, and the esri javascript api. It is a GitHub template that you can use to create your own website that is mobile friendly with dark mode." />
+  <meta property="og:image" content="https://atlas.utah.gov/atlas-social-card.png" />
+  <meta property="og:image:width" content="1200" />
+  <meta property="og:image:height" content="630" />
+  <!-- Twitter -->
+  <meta property="twitter:card" content="summary_large_image" />
+  <meta property="twitter:url" content="https://atlas.utah.gov/" />
+  <meta property="twitter:title" content="Atlas Utah : Provided by the UGRC" />
+  <meta property="twitter:description"
+    content="A web mapping application that will show you Discover base maps, kitchen sink react components, and the esri javascript api. It is a GitHub template that you can use to create your own website that is mobile friendly with dark mode." />
+  <meta property="twitter:image" content="https://atlas.utah.gov/atlas-social-card.png" />
+  <!-- Preloads -->
+  <link rel="preconnect" href="https://fonts.googleapis.com" />
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+  <link href="https://fonts.googleapis.com/css2?family=Source+Sans+3&display=swap" rel="stylesheet" />
+</head>
+
+<body class="size-full bg-white text-zinc-700 subpixel-antialiased dark:bg-zinc-800 dark:text-zinc-50">
+  <noscript> You need to enable JavaScript to run this app. </noscript>
+  <div id="root"></div>
+  <script type="module" src="/src/main.tsx"></script>
+</body>
+
 </html>
diff --git a/public/atlas-social-card.png b/public/atlas-social-card.png
new file mode 100644
index 00000000..bf90be20
Binary files /dev/null and b/public/atlas-social-card.png differ
