v0.0.2-c

Saihex · May 19, 2024 · 1175136 · 1175136
1 parent c00a607
commit 1175136
Show file tree

Hide file tree

Showing 9 changed files with 36 additions and 31 deletions.
diff --git a/V0.0.2-c Changelog.md b/V0.0.2-c Changelog.md
@@ -2,4 +2,5 @@
 2. Added spoiler warning system.
 3. Made few pages `onMounted` callback as async to use `nextTick()`.
 4. Optimized category and pages route for web crawlers. Legacy path redirects.
-5. Added sitemap API (Markdown Catalogue Server `v0.0.2-c` and higher)
+5. Added sitemap API (Markdown Catalogue Server `v0.0.2-c` and higher).
+6. further optimize SEO.
diff --git a/composables/description_mark.ts b/composables/description_mark.ts
@@ -0,0 +1,3 @@
+export const add_description_mark = function (url: string): string {
+    return url + "\n\n[Saihex Studios Official Wiki | Saihex Wiki]"
+};
diff --git a/pages/backends.vue b/pages/backends.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-const desc = "Saihex Studios' wiki website backend software.";
+const desc = "Saihex Studios' wiki website backend software. Saihex wiki backend softwares";
 useHead({
-    title: 'Saihex Studios Official Wiki Backends',
+    title: 'Saihex Studios Official Wiki Backends | Saihex Wiki Backends',
     meta: [
         { name: 'description', content: desc }
     ],
@@ -12,8 +12,8 @@ useHead({
 })
 
 useSeoMeta({
-    ogTitle: 'Saihex Studios\' Wiki Backends',
-    twitterTitle: 'Saihex Studios\' Wiki Backends',
+    ogTitle: 'Saihex Studios\' Wiki Backends | Saihex Wiki Backends',
+    twitterTitle: 'Saihex Studios\' Wiki Backends | Saihex Wiki Backends',
     ogDescription: desc,
     twitterDescription: desc
 })

diff --git a/pages/index.vue b/pages/index.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-const desc = "Welcome to Saihex Studios' Official Wiki Website! This website is where all Saihex's franchise and other creations official wikis are located.";
+const desc = "Welcome to Saihex Studios' Official Wiki Website! This website is where all Saihex's franchise and other creations official wikis are located. This website name can be shorten as Saihex Wiki";
 useHead({
-    title: 'Saihex Studios Official Wiki',
+    title: 'Saihex Studios Official Wiki | Saihex Wiki',
     meta: [
         { name: 'description', content: desc }
     ],
@@ -12,8 +12,8 @@ useHead({
 })
 
 useSeoMeta({
-    ogTitle: 'Saihex Studios\' Wiki Homepage',
-    twitterTitle: 'Saihex Studios\' Wiki Homepage',
+    ogTitle: 'Saihex Studios\' Wiki Homepage | Saihex Wiki Homepage',
+    twitterTitle: 'Saihex Studios\' Wiki Homepage | Saihex Wiki Homepage',
     ogDescription: desc,
     twitterDescription: desc
 })
@@ -81,8 +81,8 @@ onUnmounted(() => {
                             STUDIOS</b> written inside a orange box <b>(the entire box appear as orange and the text
                             won't be present for mobile)</b>, this indicates that wiki franchise is not owned
                         or/and controlled by Saihex Studios. However it still falls under <a
-                            class="text-purple-400 underline"
-                            href="https://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank">CC BY-NC-SA</a>.</p>
+                            class="text-purple-400 underline" href="https://creativecommons.org/licenses/by-nc-sa/4.0/"
+                            target="_blank">CC BY-NC-SA</a>.</p>
                     <p class="my-2 text-2xl">Franchises that are not owned or/and controlled by Saihex Studios are
                         likely to be from our allies or our developer's own projects who wanted to host their franchise
                         on our wiki website. We are not
@@ -191,8 +191,9 @@ onUnmounted(() => {
                         appear showing you the image as well URL to its source link at the bottom.</p>
                     <p class="my-2 text-2xl">The image is set to be minimum scale of 288px and maximum scale of 60% of
                         the screen width. Height will scale alongside with width to maintain aspect ratio.</p>
-                    <p class="my-2 text-2xl font-bold">Images on this website falls under <a class="text-purple-400 underline"
-                            href="https://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank">CC BY-NC-SA</a> unless otherwise noted.</p>
+                    <p class="my-2 text-2xl font-bold">Images on this website falls under <a
+                            class="text-purple-400 underline" href="https://creativecommons.org/licenses/by-nc-sa/4.0/"
+                            target="_blank">CC BY-NC-SA</a> unless otherwise noted.</p>
                 </div>
                 <img src="https://img.saihex.com/wiki_exclusive/tutorial/image_viewer.png"
                     class="hidden md:flex w-[512px] mr-5 outline outline-black outline-2 h-fit" />

diff --git a/pages/wiki/[franchise]/category/[_category]/[page].vue b/pages/wiki/[franchise]/category/[_category]/[page].vue
@@ -26,9 +26,9 @@ watch(() => route.hash, () => {
 const spoiler_warning = parsed_markdown.data.spoiler ? '[SPOILER WARNING]\n' : '';
 
 useHead({
-    title: `${parsed_markdown.data.title} - ${franchise_data.franchise_proper_name}`,
+    title: `${parsed_markdown.data.title} - ${franchise_data.franchise_proper_name} - Saihex Wiki`,
     meta: [
-        { name: 'description', content: spoiler_warning + parsed_markdown.data.description },
+        { name: 'description', content: add_description_mark(spoiler_warning + parsed_markdown.data.description) },
         { name: 'twitter:card', content: "summary_large_image"}
     ],
     link: [
@@ -42,8 +42,8 @@ const embed_images = embed_svg_url(parsed_markdown.data.image);
 useSeoMeta({
     ogTitle: `${parsed_markdown.data.title} - ${franchise_data.franchise_proper_name}`,
     twitterTitle: `${parsed_markdown.data.title} - ${franchise_data.franchise_proper_name}`,
-    ogDescription: spoiler_warning + parsed_markdown.data.description,
-    twitterDescription: spoiler_warning + parsed_markdown.data.description,
+    ogDescription: add_description_mark(spoiler_warning + parsed_markdown.data.description),
+    twitterDescription: add_description_mark(spoiler_warning + parsed_markdown.data.description),
 	ogImage: embed_images,
 	twitterImage: embed_images,
 })

diff --git a/pages/wiki/[franchise]/category/[_category]/index.vue b/pages/wiki/[franchise]/category/[_category]/index.vue
@@ -39,9 +39,9 @@ const search_input = async (inputValue: string) => {
 const spoiler_warning = parsed_markdown.data.spoiler ? '[SPOILER WARNING]\n' : '';
 
 useHead({
-    title: `${parsed_markdown.data.title} - ${franchise_data.franchise_proper_name}`,
+    title: `${parsed_markdown.data.title} - ${franchise_data.franchise_proper_name} - Saihex Wiki`,
     meta: [
-        { name: 'description', content: spoiler_warning + parsed_markdown.data.description },
+        { name: 'description', content: add_description_mark(spoiler_warning + parsed_markdown.data.description) },
         { name: 'twitter:card', content: "summary_large_image"}
     ],
     link: [
@@ -55,8 +55,8 @@ const embed_images = embed_svg_url(parsed_markdown.data.image);
 useSeoMeta({
     ogTitle: `${parsed_markdown.data.title} - ${franchise_data.franchise_proper_name}`,
     twitterTitle: `${parsed_markdown.data.title} - ${franchise_data.franchise_proper_name}`,
-    ogDescription: `${spoiler_warning}${parsed_markdown.data.description}`,
-    twitterDescription: `${spoiler_warning}${parsed_markdown.data.description}`,
+    ogDescription: `${spoiler_warning}${add_description_mark(parsed_markdown.data.description)}`,
+    twitterDescription: `${spoiler_warning}${add_description_mark(parsed_markdown.data.description)}`,
 	ogImage: embed_images,
 	twitterImage: embed_images,
 })

diff --git a/pages/wiki/[franchise]/category/index.vue b/pages/wiki/[franchise]/category/index.vue
@@ -32,7 +32,7 @@ const search_input = async (inputValue: string) => {
 }
 
 useHead({
-    title: `Category search - ${franchise_data.franchise_proper_name}`,
+    title: `Category search - ${franchise_data.franchise_proper_name} - Saihex Wiki`,
     meta: [
         { name: 'description', content: `Search this wiki's categories.` },
         { name: 'twitter:card', content: "summary_large_image"}

diff --git a/pages/wiki/[franchise]/index.vue b/pages/wiki/[franchise]/index.vue
@@ -22,9 +22,9 @@ watch(() => route.hash, () => {
 show_loading.value = false;
 
 useHead({
-    title: `Home - ${franchise_data.franchise_proper_name}`,
+    title: `Home - ${franchise_data.franchise_proper_name} - Saihex Wiki`,
     meta: [
-        { name: 'description', content: parsed_markdown.data.description },
+        { name: 'description', content: add_description_mark(parsed_markdown.data.description) },
         { name: 'twitter:card', content: "summary_large_image"}
     ],
     link: [
@@ -38,8 +38,8 @@ const embed_image = embed_svg_url(parsed_markdown.data.default_embed_image);
 useSeoMeta({
     ogTitle: `Home - ${franchise_data.franchise_proper_name}`,
     twitterTitle: `Home - ${franchise_data.franchise_proper_name}`,
-    ogDescription: parsed_markdown.data.description,
-    twitterDescription: parsed_markdown.data.description,
+    ogDescription: add_description_mark(parsed_markdown.data.description),
+    twitterDescription: add_description_mark(parsed_markdown.data.description),
 	ogImage: embed_image,
 	twitterImage: embed_image,
 })

diff --git a/pages/wiki/index.vue b/pages/wiki/index.vue
@@ -27,9 +27,9 @@ const search_input = async (inputValue: string) => {
     debouce_interfered.value = false;
     debouce.value = false;
 }
-const desc = "Welcome to Saihex Studios' Official Wiki Website! This website is where all Saihex's franchise and other creations official wikis are located.";
+const desc = "List of wikis available on Saihex Studios Wiki | Saihex Wiki";
 useHead({
-    title: 'Saihex Studios Official Wiki - Wiki List',
+    title: 'Saihex Studios Official Wiki - Wiki List | Saihex wiki list',
     meta: [
         { name: 'description', content: desc }
     ],
@@ -40,8 +40,8 @@ useHead({
 })
 
 useSeoMeta({
-    ogTitle: 'Saihex Studios Wiki List',
-    twitterTitle: 'Saihex Studios Wiki List',
+    ogTitle: 'Saihex Studios Wiki List | Saihex wiki list',
+    twitterTitle: 'Saihex Studios Wiki List | Saihex wiki list',
     ogDescription: desc,
     twitterDescription: desc
 })
@@ -55,7 +55,7 @@ useSeoMeta({
         <div class="min-h-svh">
             <div class="my-10" />
             <h2 class="py-4 text-center font-bold text-6xl underline">Wiki Search Page</h2>
-            <h3 class="my-2 text-center text-xl">Limited to 50 results per search</h3>
+            <h3 class="my-2 text-center text-xl">Limited to 50 results per search</h3>S
             <div class="my-5 p-1 text-center text-2xl bg-yellow-500 mx-20 text-black" v-if="debouce_interfered">Wait a
                 little alright?</div>
             <div class="my-2 p-5 text-center text-3xl bg-red-400 mx-20 text-black" v-if="errored">Oh uh... something