Add Description & Theme Image for SEO

hkilang · Jun 7, 2024 · 9376ecb · 9376ecb
1 parent b205cd1
commit 9376ecb
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/index.html b/index.html
@@ -29,8 +29,20 @@
 		<link rel="preload" type="image/png" imagesrcset="./assets/favicon-64x64.png, ./assets/favicon-128x128.png 2x, ./assets/favicon-192x192.png 3x" as="image" />
 		<link rel="manifest" href="./site.webmanifest" />
 		<link rel="mask-icon" href="./assets/safari-pinned-tab.svg" color="#f5ad3b" />
-		<meta name="theme-color" content="#f1ede3" />
 		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+		<meta name="theme-color" content="#f1ede3" />
+		<meta name="apple-mobile-web-app-title" content="香港本土語言文字轉語音朗讀器" />
+		<meta name="application-name" content="香港本土語言文字轉語音朗讀器" />
+		<meta name="description" content="輸入文字，聆聽圍頭話、客家話發音，傳承本土語言。" />
+		<meta property="og:title" content="香港本土語言文字轉語音朗讀器" />
+		<meta property="og:description" content="輸入文字，聆聽圍頭話、客家話發音，傳承本土語言。" />
+		<meta property="og:type" content="website" />
+		<meta property="og:url" content="https://hkilang.github.io/TTS/" />
+		<meta property="og:image" content="https://hkilang.github.io/TTS/assets/og-image.png" />
+		<meta name="twitter:title" content="香港本土語言文字轉語音朗讀器" />
+		<meta name="twitter:description" content="輸入文字，聆聽圍頭話、客家話發音，傳承本土語言。" />
+		<meta name="twitter:card" content="summary_large_image" />
+		<meta name="twitter:image" content="https://hkilang.github.io/TTS/assets/og-image.png" />
 	</head>
 	<body>
 		<div class="m-auto p-8 max-w-7xl">

diff --git a/public/assets/og-image.png b/public/assets/og-image.png