From 635fc40fc26749fbe3cd1faab025920e03afac39 Mon Sep 17 00:00:00 2001
From: SquidSpirit <squid@squidspirit.com>
Date: Mon, 4 Aug 2025 12:32:57 +0800
Subject: [PATCH] BLOG-48 feat: add meta descriptions to improve SEO across
 various pages

---
 frontend/src/app.html                                     | 2 --
 frontend/src/lib/home/framework/ui/HomePage.svelte        | 1 +
 frontend/src/lib/home/framework/ui/Terminal.svelte        | 3 +++
 frontend/src/lib/post/framework/ui/PostContentPage.svelte | 3 +++
 frontend/src/lib/post/framework/ui/PostOverallPage.svelte | 1 +
 5 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/frontend/src/app.html b/frontend/src/app.html
index 0146294..7dcb541 100644
--- a/frontend/src/app.html
+++ b/frontend/src/app.html
@@ -14,9 +14,7 @@
 		/>
 
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
-		<title>魚之魷魂 SquidSpirit</title>
 
-		<meta name="description" content="程式、科技、教學、分享" />
 		<link rel="preconnect" href="https://fonts.googleapis.com" />
 		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
 		<link
diff --git a/frontend/src/lib/home/framework/ui/HomePage.svelte b/frontend/src/lib/home/framework/ui/HomePage.svelte
index 1554451..ea7f011 100644
--- a/frontend/src/lib/home/framework/ui/HomePage.svelte
+++ b/frontend/src/lib/home/framework/ui/HomePage.svelte
@@ -7,6 +7,7 @@
 
 <svelte:head>
 	<title>{generateTitle('程式、科技、教學、分享')}</title>
+	<!-- The meta description is set in `Terminal` -->
 </svelte:head>
 <div>
 	<TitleScreen />
diff --git a/frontend/src/lib/home/framework/ui/Terminal.svelte b/frontend/src/lib/home/framework/ui/Terminal.svelte
index 22d2788..014a663 100644
--- a/frontend/src/lib/home/framework/ui/Terminal.svelte
+++ b/frontend/src/lib/home/framework/ui/Terminal.svelte
@@ -52,6 +52,9 @@
 	}
 </script>
 
+<svelte:head>
+	<meta name="description" content="{lines.join('，')}" />
+</svelte:head>
 <div
 	class="container flex flex-col items-center justify-center gap-y-2.5 py-32 md:gap-y-8 md:px-24 md:py-32"
 >
diff --git a/frontend/src/lib/post/framework/ui/PostContentPage.svelte b/frontend/src/lib/post/framework/ui/PostContentPage.svelte
index 4137496..659f639 100644
--- a/frontend/src/lib/post/framework/ui/PostContentPage.svelte
+++ b/frontend/src/lib/post/framework/ui/PostContentPage.svelte
@@ -19,6 +19,9 @@
 
 <svelte:head>
 	<title>{generateTitle(state.data?.info.title)}</title>
+	{#if state.data?.info.description}
+		<meta name="description" content={state.data.info.description} />
+	{/if}
 </svelte:head>
 <article class="container prose pb-10 prose-gray">
 	{#if state.data}
diff --git a/frontend/src/lib/post/framework/ui/PostOverallPage.svelte b/frontend/src/lib/post/framework/ui/PostOverallPage.svelte
index b32a8bf..2962644 100644
--- a/frontend/src/lib/post/framework/ui/PostOverallPage.svelte
+++ b/frontend/src/lib/post/framework/ui/PostOverallPage.svelte
@@ -12,6 +12,7 @@
 
 <svelte:head>
 	<title>{generateTitle('文章')}</title>
+	<meta name="description" content="探索 魚之魷魂 SquidSpirit 的所有文章，這裡是您尋找最新技術洞見與實用教學的園地。" />
 </svelte:head>
 <div class="container pb-10">
 	<h1 class="py-9 text-center text-3xl font-bold text-gray-800 md:py-20 md:text-5xl">文章</h1>