feat(seo): add default fallback image for BlogPosting schema

ppippi-dev · ppippi-dev · commit a3203413d24c · 2025-12-20T00:10:19.000+09:00
diff --git a/src/assets/default_img.png b/src/assets/default_img.png
diff --git a/src/components/BaseHead.astro b/src/components/BaseHead.astro
@@ -3,7 +3,7 @@
 // all pages through the use of the <BaseHead /> component.
 import '../styles/global.css';
 import type { ImageMetadata } from 'astro';
-import FallbackImage from '../assets/blog-placeholder-1.jpg';
+import FallbackImage from '../assets/default_img.png';
 import { SITE_TITLE } from '../consts';
 
 interface Props {
diff --git a/src/layouts/BlogPost.astro b/src/layouts/BlogPost.astro
@@ -5,10 +5,12 @@ import Footer from '../components/Footer.astro';
 import FormattedDate from '../components/FormattedDate.astro';
 import Giscus from '../components/Giscus.astro';
 import Header from '../components/Header.astro';
+import FallbackImage from '../assets/default_img.png';
 
 type Props = CollectionEntry<'blog'>['data'] & { slug?: string };
 
 const { title, description, pubDate, updatedDate, heroImage, tags, slug } = Astro.props;
+const imageUrl = heroImage ? new URL(heroImage, Astro.site).href : new URL(FallbackImage.src, Astro.site).href;
 ---
 
 <html lang="ko">
@@ -20,7 +22,7 @@ const { title, description, pubDate, updatedDate, heroImage, tags, slug } = Astr
 			"@type": "BlogPosting",
 			"headline": title,
 			"description": description || title,
-			"image": heroImage ? new URL(heroImage, Astro.site).href : undefined,
+			"image": imageUrl,
 			"datePublished": pubDate.toISOString(),
 			"dateModified": updatedDate ? updatedDate.toISOString() : pubDate.toISOString(),
 			"author": {
diff --git a/src/layouts/BlogPostEn.astro b/src/layouts/BlogPostEn.astro
@@ -5,10 +5,12 @@ import Footer from '../components/Footer.astro';
 import FormattedDate from '../components/FormattedDate.astro';
 import Giscus from '../components/Giscus.astro';
 import HeaderEn from '../components/HeaderEn.astro';
+import FallbackImage from '../assets/default_img.png';
 
 type Props = CollectionEntry<'blog-en'>['data'] & { slug?: string };
 
 const { title, description, pubDate, updatedDate, heroImage, tags, slug } = Astro.props;
+const imageUrl = heroImage ? new URL(heroImage, Astro.site).href : new URL(FallbackImage.src, Astro.site).href;
 ---
 
 <html lang="en">
@@ -20,7 +22,7 @@ const { title, description, pubDate, updatedDate, heroImage, tags, slug } = Astr
 			"@type": "BlogPosting",
 			"headline": title,
 			"description": description || title,
-			"image": heroImage ? new URL(heroImage, Astro.site).href : undefined,
+			"image": imageUrl,
 			"datePublished": pubDate.toISOString(),
 			"dateModified": updatedDate ? updatedDate.toISOString() : pubDate.toISOString(),
 			"author": {
