Fix: SEO에서 이미지 절대 경로 오류 수정

kimyouknow · Feb 15, 2023 · 17fdb75 · 17fdb75
1 parent f0daf93
commit 17fdb75
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/blog-config.js b/blog-config.js
@@ -6,7 +6,7 @@ module.exports = {
   siteName: `Yunho.blog`,
   author: 'Yunho(kimyouknow)',
   description: `안녕하세요. 프론트엔드 개발자 김윤호입니다. 고민과 문제 해결 과정을 공유하고 있습니다.`,
-  siteUrl: 'https://kimyouknow.github.io/',
+  siteUrl: 'https://kimyouknow.github.io',
   image: `static/profile-image.png`,
   keywords: ['개발블로그', '문제해결', 'gatsby'],
   favicon: 'static/pencil.png',

diff --git a/src/components/SEO/index.tsx b/src/components/SEO/index.tsx
@@ -15,6 +15,7 @@ const SEO = ({
   seo,
   readingTime,
 }: SEOConfigType) => {
+  const absoluteImagePath = `${siteUrl}/${image}`
   return (
     <Helmet htmlAttributes={{ lang }}>
       <title>{title}</title>
@@ -30,7 +31,7 @@ const SEO = ({
       <meta property="og:site_name" content={siteName} />
       <meta property="og:title" content={title} />
       <meta property="og:description" content={description} />
-      <meta property="og:image" content={`${siteUrl}${image}`} />
+      <meta property="og:image" content={absoluteImagePath} />
       <meta property="og:url" content={siteUrl} />
       <meta property="og:locale" content="ko_KR" />
       <meta property="og:locale:alternate" content="es_ES" />
@@ -39,7 +40,7 @@ const SEO = ({
       <meta name="twitter:domain" content={siteUrl} />
       <meta name="twitter:title" content={title} />
       <meta name="twitter:description" content={description} />
-      <meta name="twitter:image" content={`${siteUrl}${image}`} />
+      <meta name="twitter:image" content={absoluteImagePath} />
       <meta name="twitter:image:alt" content={description} />
       <meta name="twitter:label1" content="Time to read" />
       <meta name="twitter:data1" content={readingTime} />