Updates meta content

index.html

@@ -8,7 +8,7 @@
     <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" />
     <meta property="og:type" content="website" />
@@ -20,6 +20,11 @@
     <link rel="icon" type="image/png" sizes="32x32" href="./assets/favicon-opt/favicon-32x32.png" />
     <link rel="icon" type="image/png" sizes="16x16" href="./assets/favicon-opt/favicon-16x16.png" />
     <link rel="manifest" href="./site.webmanifest" />
+    <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!"
+    />
 
     <link rel="preload" href="./assets/media-opt/features/phone-mergein-rough.webp" as="image" />
     <link rel="stylesheet" href="./assets/styles/site.css" />