Make og:image absolute + add dimension/type/alt tags

ryan-williams · claude · ryan-williams · commit c20f400867e9 · 2026-05-30T13:09:28.000-04:00
Android Signal/WhatsApp were silently dropping the link preview while
desktop/iPad rendered fine. Most likely cause: relative `og:image`
URL (`/og.png`). Some scrapers (Signal Android in particular) require
absolute URLs or bail early when image dimensions aren't declared.

Also added `og:type`, `og:url`, and a `twitter:card` fallback that
some clients (Signal, Telegram) use when present.

Co-Authored-By: Claude Opus 4.7 &lt;noreply@anthropic.com&gt;
diff --git a/www/index.html b/www/index.html
@@ -13,9 +13,16 @@
     </script>
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <title>Hub Bound Travel</title>
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="https://hbt.hccs.dev/" />
     <meta property="og:title" content="Hub Bound Travel" />
     <meta property="og:description" content="NJ→NY transit trends, 2014-2024. From NYMTC Hub Bound Travel reports." />
-    <meta property="og:image" content="/og.png" />
+    <meta property="og:image" content="https://hbt.hccs.dev/og.png" />
+    <meta property="og:image:type" content="image/png" />
+    <meta property="og:image:width" content="1200" />
+    <meta property="og:image:height" content="630" />
+    <meta property="og:image:alt" content="NJ→NY passengers by mode/crossing, 8-9am, Fall business day, 2014-2024" />
+    <meta name="twitter:card" content="summary_large_image" />
   </head>
   <body>
     <div id="root"></div>
