Updates meta content

Author: d13

index.html

@@ -8,10 +8,34 @@
     <meta name="description" content="Principal front-end web developer and designer, Keith Daulton." />
     <meta
       name="keywords"
-      content="web, developer, designer, front end, ui, ux, user experience, user interface, javascript, portfolio, responsive design"
+      content="front-end, design technology, design systems, front end, ui, ux, user experience, user interface, javascript, portfolio, responsive, web, developer, designer"
     />
     <meta name="author" content="Keith Daulton" />
+
+    <!-- Facebook Meta Tags -->
+    <meta property="og:url" content="https://keithdaulton.com/" />
     <meta property="og:type" content="website" />
+    <meta
+      property="og:title"
+      content="Keith Daulton | Design Technologist, User Experience Engineer, Technical Leader"
+    />
+    <meta property="og:description" content="Principal front-end web developer and designer, Keith Daulton." />
+    <meta property="og:image" content="https://keithdaulton.com/assets/media-opt/social/og-image.webp" />
+    <meta
+      property="og:image:alt"
+      content="Hello! I'm a UI Developer and Designer with a passion for creating awesome user experiences for web and mobile. I make pixels and divs pretty!"
+    />
+
+    <!-- Twitter Meta Tags -->
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta property="twitter:domain" content="keithdaulton.com" />
+    <meta property="twitter:url" content="https://keithdaulton.com/" />
+    <meta
+      name="twitter:title"
+      content="Keith Daulton | Design Technologist, User Experience Engineer, Technical Leader"
+    />
+    <meta name="twitter:description" content="Principal front-end web developer and designer, Keith Daulton." />
+    <meta name="twitter:image" content="https://keithdaulton.com/assets/media-opt/social/og-image.webp" />
 
     <meta name="theme-color" media="(prefers-color-scheme: light)" content="#ffffff" />
     <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#041c38" />