improve(SEO): Add meta tag in head, add invisiable div for title

zjutjh · Dec 13, 2024 · aebcbee · aebcbee
1 parent bbe7bfb
commit aebcbee
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 3 deletions.
diff --git a/app.vue b/app.vue
@@ -1,7 +1,16 @@
+<script setup lang="ts">
+const title = "博客看板 - 浙江工业大学精弘网络技术团队";
+const description = "这里汇聚了成员们的博客精华，通过每日定时更新的博客看板，及时了解成员动态、技术见解和创意分享。";
+
+useSeoMeta({
+  title: title,
+  description: description,
+  ogTitle: title,
+  ogDescription: description
+});
+</script>
+
 <template>
-  <Head>
-    <Title>浙江工业大学精弘网络技术团队</Title>
-  </Head>
   <SiteHeader />
   <SiteContent />
   <SiteFooter />

diff --git a/components/SiteHeader.vue b/components/SiteHeader.vue
@@ -5,6 +5,9 @@
       src="/img/logo.webp"
       alt="精弘网络"
     >
+    <div class="hidden">
+      浙江工业大学精弘网络技术团队
+    </div>
     <a
       href="https://github.com/zjutjh"
       target="_blank"