feat(App & Blogs): 🔍 Improved SEO

More SEO Meta at slug page / ogLocale / meta tag
bKoZii · Sep 25, 2024 · 2ae41ce · 2ae41ce
1 parent 7dbde96
commit 2ae41ce
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 1 deletion.
diff --git a/app.vue b/app.vue
@@ -22,6 +22,10 @@ useHead({
     }
   ]
 })
+
+useSeoMeta({
+  ogLocale: 'th_TH'
+})
 </script>
 
 <style>

diff --git a/nuxt.config.ts b/nuxt.config.ts
@@ -31,6 +31,11 @@ export default defineNuxtConfig({
     layoutTransition: { name: 'layout', mode: 'out-in' },
     head: {
       titleTemplate: '%s - Konkamon Sion',
+      meta: [
+        { name: 'author', content: 'Konkamon Sion' },
+        { name: 'viewport', content: 'width=device-width, initial-scale=1' },
+        { name: 'charset', content: 'utf-8' }
+      ],
       htmlAttrs: {
         lang: 'th'
       },

diff --git a/pages/blog/[slug].vue b/pages/blog/[slug].vue
@@ -72,7 +72,20 @@ useSeoMeta({
   description: blogSlug.value?.subtitle,
   ogDescription: blogSlug.value?.subtitle,
   ogImage: blogSlug.value?.mainImage.data.attributes.url,
-  ogUrl: `https://konkamon.live/blog/${blogSlug.value?.slug}`
+  ogImageType: 'image/png',
+  ogImageAlt: `รูปภาพปกประจำโพสต์ ${blogSlug.value?.title}`,
+  ogImageSecureUrl: blogSlug.value?.mainImage.data.attributes.url,
+  ogUrl: `https://konkamon.live/blog/${blogSlug.value?.slug}`,
+  publisher: 'Konkamon Sion',
+  robots: {
+    index: true
+  },
+  ogType: 'article',
+  articlePublishedTime: blogSlug.value?.publishedAt,
+  articleModifiedTime: blogSlug.value?.updatedAt,
+  articleTag: blogSlug.value?.categories.data.map((category) => category.attributes.name),
+  articleAuthor: ['Konkamon Sion'],
+  author: 'Konkamon Sion'
 })
 
 definePageMeta({
-Original file line number
+Diff line change
@@ Expand Up / @@ -22,6 +22,10 @@ useHead({ @@
         }
       ]
     })
+    useSeoMeta({
+      ogLocale: 'th_TH'
+    })
     </script>
     <style>
@@ Expand Down @@