Changeset 61514f2 in Klonkt

Timestamp:

06/30/2026 01:01:58 PM (2 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

d5aa7c8

Parents:

4d63c36

Message:

fix(seo): make og:image / twitter:image / JSON-LD image absolute

A post cover arrives as a relative /media/... path. Mastodon resolves it against the page URL,
but the OGP spec wants an absolute URL and stricter scrapers (WhatsApp, Signal, some fediverse
clients) won't resolve a relative one → no preview image. Absolutize _socialImage against the
canonical origin so every link/preview gets the real cover. (The AP Note image was already
absolute.)

• src/views/shell.ejs — absolutize _socialImage when it's a root-relative path

Co-Authored-By: Claude <noreply@…>

File:

• src/views/shell.ejs (modified) (1 diff)

src/views/shell.ejs

@@ -73 +73 @@
   _socialImage = ogOrigin + '/og/' + encodeURIComponent(safeSite.slug) + '.png';
   _ogGenerated = true;
+}
+// og:image / twitter:image / JSON-LD image MUST be absolute (OGP spec). A post cover arrives as
+// a relative /media/... path; strict scrapers (WhatsApp/Signal/some fediverse clients) won't
+// resolve it against the page URL → no preview image. Absolutize against the canonical origin.
+if (_socialImage && _socialImage.charAt(0) === '/' && _socialImage.charAt(1) !== '/' && typeof ogOrigin !== 'undefined' && ogOrigin) {
+  _socialImage = ogOrigin + _socialImage;
 }
 const _ogType = isPostPage ? 'article' : 'website';