chore: optimize SEO, setup 404 page

jason71708 · Nov 12, 2021 · 707d516 · 707d516
1 parent f0ef194
commit 707d516
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 21 deletions.
diff --git a/.env b/.env
@@ -1,3 +1,4 @@
 REACT_APP_TITLE=Taiwan Tourist Attractions
+REACT_APP_DESCRIPTION=Immediately find Taiwan’s popular attractions and delicacies, and take a trip to enrich the culture and nature.
 REACT_APP_GOOGLE_MAP_SEARCH_LINK=https://www.google.com.tw/maps/search/
 REACT_APP_GITHUB_PAGE_PATH=/F2E2021-taiwan-tourist-attractions
diff --git a/package.json b/package.json
@@ -31,7 +31,6 @@
     "web-vitals": "^1.0.1"
   },
   "scripts": {
-    "predeploy": "npm run build",
     "deploy": "gh-pages -d build",
     "start": "react-scripts start",
     "build": "react-scripts build",

diff --git a/public/LOGO.png b/public/LOGO.png
diff --git a/public/index.html b/public/index.html
@@ -5,14 +5,25 @@
     <link rel="icon" href="%PUBLIC_URL%/favicon.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
+    <title>%REACT_APP_TITLE%</title>
     <meta
       name="description"
-      content="Web site created using create-react-app"
+      content="%REACT_APP_DESCRIPTION%"
     />
-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <!-- <title>Taiwan Tourist Attractions</title> -->
-    <title>%REACT_APP_TITLE%</title>
+    <meta property="og:type" content="website"/>
+    <meta property="og:title" content="%REACT_APP_DESCRIPTION%"/>
+    <meta property="og:description" content=""/>
+    <meta property="og:url" content="https://jason71708.github.io/F2E2021-taiwan-tourist-attractions"/>
+    <meta property="og:image" content="%PUBLIC_URL%/LOGO.png" />
+    <!-- Global site tag (gtag.js) - Google Analytics -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-BEQVBF2NH8"></script>
+    <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag(){dataLayer.push(arguments);}
+      gtag('js', new Date());
+
+      gtag('config', 'G-BEQVBF2NH8');
+    </script>
   </head>
   <body>
     <div id="root"></div>

diff --git a/public/manifest.json b/public/manifest.json