fix: og-image 교체

depromeet · Apr 22, 2024 · 41f38a4 · 41f38a4
1 parent f61fd6b
commit 41f38a4
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 0 deletions.
diff --git a/public/og-main.png b/public/og-main.png
diff --git a/src/components/SEO/SEO.tsx b/src/components/SEO/SEO.tsx
@@ -19,16 +19,32 @@ interface Props {
    * @default 추가 필요
    */
   image?: string;
+  /**
+   * `og:image`, `twitter:image`의 크기를 지정하는데 사용됩니다.
+   *
+   * @default 1300px
+   */
+  width?: string;
+  /**
+   * `og:image`, `twitter:image`의 크기를 지정하는데 사용됩니다.
+   *
+   * @default 650px
+   */
+  height?: string;
 }
 
 const DEFAULT_TITLE = '디프만 - Depromeet';
 const DEFAULT_DESCRIPTION = '오직 디자이너와 프로그래머의 동반성장을 위해서';
 const DEFAULT_IMAGE = '/og-main.png';
+const DEFAULT_WIDTH = '1300';
+const DEFAULT_HEIGHT = '650';
 
 export const SEO = ({
   title = DEFAULT_TITLE,
   description = DEFAULT_DESCRIPTION,
   image = DEFAULT_IMAGE,
+  width = DEFAULT_WIDTH,
+  height = DEFAULT_HEIGHT,
 }: Props) => {
   return (
     <Head>
@@ -38,6 +54,8 @@ export const SEO = ({
       <meta property="og:title" content={title} />
       <meta property="og:description" content={description} />
       <meta property="og:image" content={image} />
+      <meta property="og:image:width" content={width} />
+      <meta property="og:image:height" content={height} />
 
       <meta name="twitter:title" content={title} />
       <meta name="twitter:description" content={description} />