feat: improve seo meta

surmon-china · Jul 29, 2023 · bb95955 · bb95955
1 parent 76f6bbb
commit bb95955
Show file tree

Hide file tree

Showing 9 changed files with 25 additions and 11 deletions.
diff --git a/src/pages/naivebayes.vue b/src/pages/naivebayes.vue
@@ -22,8 +22,10 @@
       title: getMetaTitle(repository),
       keywords: getMetaKeywords(repository).join(','),
       description: getMetaDescription(repository),
+      ogUrl: getPageURL(route),
       ogImage: getGitHubOpenGraphImageURL(repository),
-      ogUrl: getPageURL(route)
+      ogImageWidth: 1200,
+      ogImageHeight: 600
     })
   )
 </script>

diff --git a/src/pages/readme-md.vue b/src/pages/readme-md.vue
@@ -12,8 +12,10 @@
       title: getMetaTitle(repository),
       keywords: getMetaKeywords(repository).join(','),
       description: getMetaDescription(repository),
+      ogUrl: getPageURL(route),
       ogImage: getGitHubOpenGraphImageURL(repository),
-      ogUrl: getPageURL(route)
+      ogImageWidth: 1200,
+      ogImageHeight: 600
     })
   )
 </script>

diff --git a/src/pages/videojs-player.vue b/src/pages/videojs-player.vue
@@ -19,8 +19,10 @@
       title: getMetaTitle(repository),
       keywords: getMetaKeywords(repository).join(','),
       description: getMetaDescription(repository),
+      ogUrl: getPageURL(route),
       ogImage: getGitHubOpenGraphImageURL(repository),
-      ogUrl: getPageURL(route)
+      ogImageWidth: 1200,
+      ogImageHeight: 600
     })
   )
 </script>

diff --git a/src/pages/vue-awesome-swiper.vue b/src/pages/vue-awesome-swiper.vue
@@ -18,8 +18,10 @@
       title: getMetaTitle(repository),
       keywords: [getMetaKeywords(repository), `How to use Swiper on vue3?`].join(','),
       description: getMetaDescription(repository),
+      ogUrl: getPageURL(route),
       ogImage: getGitHubOpenGraphImageURL(repository),
-      ogUrl: getPageURL(route)
+      ogImageWidth: 1200,
+      ogImageHeight: 600
     })
   )
 </script>

diff --git a/src/pages/vue-codemirror.vue b/src/pages/vue-codemirror.vue
@@ -23,8 +23,10 @@
       title: getMetaTitle(repository),
       keywords: getMetaKeywords(repository).join(','),
       description: getMetaDescription(repository),
+      ogUrl: getPageURL(route),
       ogImage: getGitHubOpenGraphImageURL(repository),
-      ogUrl: getPageURL(route)
+      ogImageWidth: 1200,
+      ogImageHeight: 600
     })
   )
 </script>

diff --git a/src/pages/vue-drag-zone.vue b/src/pages/vue-drag-zone.vue
@@ -12,8 +12,10 @@
       title: getMetaTitle(repository),
       keywords: getMetaKeywords(repository).join(','),
       description: getMetaDescription(repository),
+      ogUrl: getPageURL(route),
       ogImage: getGitHubOpenGraphImageURL(repository),
-      ogUrl: getPageURL(route)
+      ogImageWidth: 1200,
+      ogImageHeight: 600
     })
   )
 </script>

diff --git a/src/pages/vue-quill-editor.vue b/src/pages/vue-quill-editor.vue
@@ -12,8 +12,10 @@
       title: getMetaTitle(repository),
       keywords: getMetaKeywords(repository).join(','),
       description: getMetaDescription(repository),
+      ogUrl: getPageURL(route),
       ogImage: getGitHubOpenGraphImageURL(repository),
-      ogUrl: getPageURL(route)
+      ogImageWidth: 1200,
+      ogImageHeight: 600
     })
   )
 </script>

diff --git a/src/pages/vue-touch-ripple.vue b/src/pages/vue-touch-ripple.vue
@@ -18,8 +18,10 @@
       title: getMetaTitle(repository),
       keywords: getMetaKeywords(repository).join(','),
       description: getMetaDescription(repository),
+      ogUrl: getPageURL(route),
       ogImage: getGitHubOpenGraphImageURL(repository),
-      ogUrl: getPageURL(route)
+      ogImageWidth: 1200,
+      ogImageHeight: 600
     })
   )
 </script>

diff --git a/src/transforms/meta.ts b/src/transforms/meta.ts
@@ -38,8 +38,6 @@ export const normalizeSeoMetaObject = (i: SeoMetaObject): Parameters<typeof useS
     ogDescription: () => i.ogDescription ?? i.description ?? APP_META.description,
     ogUrl: () => i.ogUrl ?? '',
     ogImage: () => i.ogImage ?? '',
-    ogImageAlt: () => i.ogImageAlt ?? i.ogDescription ?? i.description ?? APP_META.description,
-    ogImageWidth: () => i.ogImageWidth ?? (i.ogImage ? '' : '1200'),
-    ogImageHeight: () => i.ogImageHeight ?? (i.ogImage ? '' : '600')
+    ogImageAlt: () => i.ogImageAlt ?? i.ogDescription ?? i.description ?? APP_META.description
   }
 }