Add og:image and social preview meta to website (#1950)

Co-authored-by: Claude <noreply@anthropic.com>

Author: coliff

AGENTS.md

@@ -41,6 +41,7 @@
 ## GitHub Commit Messages
 
 - If multiple changes are made then list changes using bullet points.
+- Pull requests should contain a single commit. Squash commits before pushing, including fixes for review feedback.
 
 ## Documentation
 

website/astro.config.mjs

@@ -120,6 +120,50 @@ export default defineConfig({
             content: 'light dark',
           },
         },
+        {
+          tag: 'meta',
+          attrs: {
+            property: 'og:image',
+            content: 'https://htmlhint.com/og-image.png',
+          },
+        },
+        {
+          tag: 'meta',
+          attrs: {
+            property: 'og:image:width',
+            content: '1200',
+          },
+        },
+        {
+          tag: 'meta',
+          attrs: {
+            property: 'og:image:height',
+            content: '630',
+          },
+        },
+        {
+          tag: 'meta',
+          attrs: {
+            property: 'og:image:alt',
+            content:
+              'HTMLHint: The static code analysis tool you need for your HTML',
+          },
+        },
+        {
+          tag: 'meta',
+          attrs: {
+            name: 'twitter:image',
+            content: 'https://htmlhint.com/og-image.png',
+          },
+        },
+        {
+          tag: 'meta',
+          attrs: {
+            name: 'twitter:image:alt',
+            content:
+              'HTMLHint: The static code analysis tool you need for your HTML',
+          },
+        },
         {
           tag: 'meta',
           attrs: {