feat: favicon, open-graph 설정

woowacourse-teams · Aug 16, 2023 · c7a5b5f · c7a5b5f
1 parent fdebc6d
commit c7a5b5f
Show file tree

Hide file tree

Showing 7 changed files with 12 additions and 16 deletions.
diff --git a/frontend/public/assets/apple-icon-180x180.png b/frontend/public/assets/apple-icon-180x180.png
diff --git a/frontend/public/assets/favicon-16x16.png b/frontend/public/assets/favicon-16x16.png
diff --git a/frontend/public/assets/favicon-32x32.png b/frontend/public/assets/favicon-32x32.png
diff --git a/frontend/public/assets/favicon.ico b/frontend/public/assets/favicon.ico
diff --git a/frontend/public/assets/og-image.png b/frontend/public/assets/og-image.png
diff --git a/frontend/public/index.html b/frontend/public/index.html
@@ -2,20 +2,18 @@
 <html lang="ko">
   <head>
     <meta charset="UTF-8" />
-    <meta property="og:type" content="website" />
-    <!-- TODO: url 추가 예정
-    <meta property="og:url" content="" /> 
-    -->
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>펀잇</title>
+    <meta name="description" content="궁금해? 맛있을걸? 먹어봐 🥄" />
     <meta property="og:title" content="펀잇" />
     <meta property="og:description" content="궁금해? 맛있을걸? 먹어봐 🥄" />
+    <meta property="og:url" content="https://funeat.site" />
     <meta property="og:site_name" content="펀잇" />
+    <meta property="og:type" content="website" />
+    <meta property="og:image" content="assets/og-image.png" />
+    <meta property="og:image:alt" content="펀잇" />
+    <meta property="og:type" content="website" />
     <meta property="og:locale" content="ko" />
-    <!-- TODO: image 추가 예정
-      <meta property="og:image" content="" />
-    <meta property="og:image:width" content="" />
-    <meta property="og:image:height" content="" />
-    -->
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="icon" href="./assets/favicon.ico" />
     <link rel="icon" type="image/png" sizes="16x16" href="assets/favicon-16x16.png" />
     <link rel="icon" type="image/png" sizes="32x32" href="assets/favicon-32x32.png" />

diff --git a/frontend/public/manifest.json b/frontend/public/manifest.json
@@ -1,22 +1,20 @@
 {
-  "short_name": "펀잇",
   "name": "펀잇",
+  "short_name": "펀잇",
   "description": "궁금해? 맛있을걸? 먹어봐 🥄",
-  "theme_color": "#D8EAFF",
-  "background_color": "#ffffff",
   "icons": [
     {
-      "src": "/favicon-16x16.png",
+      "src": "assets/favicon-16x16.png",
       "sizes": "16x16",
       "type": "image/png"
     },
     {
-      "src": "/favicon-32x32.png",
+      "src": "assets/favicon-32x32.png",
       "sizes": "32x32",
       "type": "image/png"
     },
     {
-      "src": "/apple-icon-180x180.png",
+      "src": "assets/apple-icon-180x180.png",
       "sizes": "180x180",
       "type": "image/png"
     }