feat: add Open Graph, Twitter Card, and performance meta tags

msujaws · msujaws · commit b58c5fecba82 · 2026-01-15T18:59:25.000-05:00
Add social sharing tags for rich link previews and performance
optimizations including theme-color and preconnects for external
resources.
diff --git a/index.html b/index.html
@@ -2,11 +2,32 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="description" content="BoardZilla - Puttin' bugz in their place since '26" />
+    <meta name="theme-color" content="#0a0a0a" />
+
+    <!-- Open Graph -->
+    <meta property="og:title" content="BoardZilla - Puttin' bugz in their place since '26" />
+    <meta property="og:description" content="A kanban board for Bugzilla bug tracking" />
+    <meta property="og:image" content="/mascot.png" />
+    <meta property="og:type" content="website" />
+
+    <!-- Twitter Card -->
+    <meta name="twitter:card" content="summary" />
+    <meta name="twitter:title" content="BoardZilla - Puttin' bugz in their place since '26" />
+    <meta name="twitter:description" content="A kanban board for Bugzilla bug tracking" />
+    <meta name="twitter:image" content="/mascot.png" />
+
+    <!-- Preconnects -->
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link rel="preconnect" href="https://bugzilla.mozilla.org" />
+
+    <!-- Favicons -->
     <link rel="icon" type="image/png" href="/favicon.png" />
     <link rel="icon" type="image/x-icon" href="/favicon.ico" />
     <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="description" content="BoardZilla - Puttin' bugz in their place since '26" />
+
     <title>BoardZilla - Puttin' bugz in their place since '26 😎</title>
   </head>
   <body>
