Merge pull request #7 from mandrasch/claude/wordpress-og-image-retrieval-aotyx

feat: use WordPress featured image as blog post og:image

Author: mandrasch

src/pages/blog/[year]/[slug].astro

@@ -35,7 +35,17 @@ const { content: processedContent, embeds } = processContentWithPrivacy(post.con
 const metadata = {
   title: post.title.rendered,
   description: post.excerpt.rendered.replace(/<[^>]*>/g, '').substring(0, 160),
-  // Skip OG images to avoid remote dimension fetching issues during build
+  ...(featuredImage && {
+    openGraph: {
+      images: [
+        {
+          url: featuredImage.url,
+          width: featuredImage.width,
+          height: featuredImage.height,
+        },
+      ],
+    },
+  }),
 };
 ---
 

src/utils/images.ts

@@ -82,6 +82,18 @@ export const adaptOpenGraphImages = async (
           isUnpicCompatible(resolvedImage)
         ) {
           _image = (await unpicOptimizer(resolvedImage, [defaultWidth], defaultWidth, defaultHeight, 'jpg'))[0];
+        } else if (
+          typeof resolvedImage === 'string' &&
+          (resolvedImage.startsWith('http://') || resolvedImage.startsWith('https://'))
+        ) {
+          // External image without a recognized CDN (e.g. WordPress).
+          // Pass it through as-is; og:image is consumed remotely by crawlers,
+          // and the author-provided width/height are authoritative.
+          return {
+            url: resolvedImage,
+            width: image.width,
+            height: image.height,
+          };
         } else if (resolvedImage) {
           const dimensions =
             typeof resolvedImage !== 'string' && resolvedImage?.width <= defaultWidth