Add keywords to PostResource and update meta tags in Post.vue for imp…

…roved SEO; streamline sitemap route
abdessamadbettal · Dec 14, 2024 · c7431be · c7431be
1 parent 7f3d806
commit c7431be
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 18 deletions.
diff --git a/app/Http/Resources/PostResource.php b/app/Http/Resources/PostResource.php
@@ -26,6 +26,7 @@ public function toArray(Request $request): array
             'image' =>  $this->getFirstMediaUrl('thumbnail') ?? null,
             'content' => MarkdownHelper::convertToHtml($this->content),
             'excerpt' => Str::limit($this->content, $excerptLength, '...'),
+            'keywords' => $this->tags->pluck('name')->implode(', '),
             'author' => new UserResource($this->author),
             'category' => new CategoryResource($this->category),
             'is_published' => $this->is_published,

diff --git a/resources/js/Pages/Post/Post.vue b/resources/js/Pages/Post/Post.vue
@@ -21,28 +21,24 @@ const post = computed(() => props.post.data);
 
 <template>
 
-    <Head>
+<Head>
         <title>{{ post?.name }}</title>
-        <meta name="description" content="{{ post?.excerpt }}">
-        <meta property="og:title" content="{{ post?.name }}">
-        <meta property="og:description" content="{{ post?.excerpt }}">
-        <meta property="og:image" content="{{ post?.image }}">
-        <meta property="og:url" content="{{ window.location.href }}">
+        <meta name="description" :content="post?.excerpt">
+        <meta name="keywords" :content="post?.keywords">
+        <meta property="og:title" :content="post?.name">
+        <meta property="og:description" :content="post?.excerpt">
+        <meta property="og:image" :content="post?.image">
+        <meta property="og:url" :content="`/posts/${post?.slug}`">
         <meta property="og:type" content="article">
-        <meta property="article:published_time" content="{{ post?.created_at }}">
-        <meta property="article:author" content="{{ post?.author?.name }}">
-        <meta property="article:section" content="{{ post?.category?.name }}">
-        <meta property="article:tag" content="{{ post?.tags }}">
-        <meta property="article:modified_time" content="{{ post?.updated_at }}">
-        <meta property="article:published_time" content="{{ post?.created_at }}">
-        <meta property="article:author" content="{{ post?.author?.name }}">
-        <meta property="article:section" content="{{ post?.category?.name }}">
-        <meta property="article:tag" content="{{ post?.tags }}">
-        <meta property="article:modified_time" content="{{ post?.updated_at }}">
+        <meta property="article:published_time" :content="post?.created_at">
+        <meta property="article:author" :content="post?.author?.name">
+        <meta property="article:section" :content="post?.category?.name">
+        <meta property="article:tag" :content="post?.keywords">
+        <meta property="article:modified_time" :content="post?.updated_at">
     </Head>
 
     <section
-        class="relative table w-full items-center py-36 bg-[url('../../assets/images/bg/cta.jpg')] bg-top bg-no-repeat bg-cover">
+        class="relative table w-full items-center py-12">
         <div class="absolute inset-0 bg-gradient-to-b from-slate-900/60 via-slate-900/80 to-slate-900"></div>
         <div class="container relative">
             <div class="grid grid-cols-1 pb-8 text-center mt-10">

diff --git a/routes/web.php b/routes/web.php
@@ -8,13 +8,13 @@
 use App\Http\Controllers\ProfileController;
 use Mcamara\LaravelLocalization\Facades\LaravelLocalization;
 
+
 Route::get('/sitemap.xml', function () {
     return \Spatie\Sitemap\Sitemap::create()
         ->add(\Spatie\Sitemap\Tags\Url::create('/'))
         ->add(\Spatie\Sitemap\Tags\Url::create('/about'))
         ->writeToFile(public_path('sitemap.xml'));
 });
-
 Route::group(
     [
         'prefix' => LaravelLocalization::setLocale(),