diff --git a/frontend/public/index.html b/frontend/public/index.html
index 7c21df41a..06ff2f458 100644
--- a/frontend/public/index.html
+++ b/frontend/public/index.html
@@ -6,24 +6,27 @@
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
 
   <title>Moadong</title>
-
+  <meta name="description" content="모아 동아리! 부경대학교 모든 동아리를 한눈에" />
+  <link rel="canonical" href="https://www.moadong.com" />
   <!-- 파비콘 -->
   <link rel="icon" href="/favicon.ico" />
 
-  <!-- SEO 메타 태그 -->
-  <meta name="description" content="모아 동아리! 부경대학교 모든 동아리를 한눈에" />
-
   <!-- Open Graph (OG) 메타 태그 -->
   <meta property="og:type" content="website" />
   <meta property="og:title" content="모아 동아리! 부경대학교 모든 동아리를 한눈에!" />
-  <meta property="og:description" content="부경대 동아리 정보를 한 곳에서 찾아보고, 새로운 동아리에 가입해 보세요!" />
+  <meta property="og:description" content="부경대학교 동아리 정보를 한 곳에서 찾아보고, 새로운 동아리에 가입해 보세요!" />
   <meta property="og:url" content="https://www.moadong.com" />
   <meta property="og:site_name" content="Moadong" />
+  <meta property="og:image" content="https://www.moadong.com/og_image.png" />
+  <meta property="og:image:width" content="1200" />
+  <meta property="og:image:height" content="630" />
+
 
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary" />
   <meta name="twitter:title" content="모아 동아리! 부경대학교 모든 동아리를 한눈에!" />
   <meta name="twitter:description" content="부경대 동아리 정보를 한 곳에서 찾아보고, 새로운 동아리에 가입해 보세요!" />
+  <meta name="twitter:image" content="https://www.moadong.com/og_image.png" />
 
 </head>
 <body>
diff --git a/frontend/public/og_image.png b/frontend/public/og_image.png
new file mode 100644
index 000000000..25e51010c
Binary files /dev/null and b/frontend/public/og_image.png differ
