기본 레이아웃의 Open Graph 메타 태그 개선. 포스트 레이아웃에 따라 동적으로 OG 이미지를 선택하도록 수정하여, 이미지의 일관성을 높이고 SEO 최적화를 강화하였습니다.

Author: realcoding2003

_layouts/default.html

@@ -45,19 +45,26 @@
     <!-- Theme color -->
     <meta name="theme-color" content="#2563eb">
 
+    <!-- Dynamic OG Image Selection -->
+    {% if page.layout == "post" %}
+      {% assign og_image = page.og_image | default: page.image | default: '/assets/images/character.svg' %}
+    {% else %}
+      {% assign og_image = '/assets/images/character.svg' %}
+    {% endif %}
+    
     <!-- Open Graph / Facebook -->
     <meta property="og:type" content="website">
     <meta property="og:url" content="{{ page.url | absolute_url }}">
     <meta property="og:title" content="{{ page.title | default: lang_data.site.title }}">
     <meta property="og:description" content="{{ page.description | default: lang_data.site.description }}">
-    <meta property="og:image" content="{{ '/assets/images/og-image.png' | absolute_url }}">
+    <meta property="og:image" content="{{ og_image | absolute_url }}">
 
     <!-- Twitter -->
     <meta property="twitter:card" content="summary_large_image">
     <meta property="twitter:url" content="{{ page.url | absolute_url }}">
     <meta property="twitter:title" content="{{ page.title | default: lang_data.site.title }}">
     <meta property="twitter:description" content="{{ page.description | default: lang_data.site.description }}">
-    <meta property="twitter:image" content="{{ '/assets/images/og-image.png' | absolute_url }}">
+    <meta property="twitter:image" content="{{ og_image | absolute_url }}">
 
     <!-- SEO Tags -->
     {% seo %}