wip

brendt · brendt · commit 813a032eeda1 · 2025-03-28T13:46:31.000+01:00
diff --git a/src/Web/Blog/show.view.php b/src/Web/Blog/show.view.php
@@ -6,7 +6,7 @@
 
 ?>
 
-<x-base :meta-image-uri="uri([MetaImageController::class, 'blog'], slug: $post->slug)" :title="$post->title" :copy-code-blocks="true">
+<x-base :meta-image-uri="uri([MetaImageController::class, 'blog'], slug: $post->slug)" :title="$post->title" :description="$post->description" :copy-code-blocks="true">
   <!-- Main container -->
   <main class="container px-4 mx-auto xl:px-8 flex flex-col grow isolate items-center relative">
     <!-- Main content -->
diff --git a/src/Web/x-base.view.php b/src/Web/x-base.view.php
@@ -1,22 +1,39 @@
 <html lang="en" class="h-dvh flex flex-col scroll-smooth">
 <head>
-    <title :if="isset($fullTitle)">{{ $fullTitle }}</title>
-    <title :elseif="isset($title)">{{ $title }} — Tempest</title>
-    <title :else>Tempest</title>
+    <!-- Meta title -->
+    <?php $title = match (true) {
+        isset($fullTitle) => $fullTitle,
+        isset($title) => "{$title} — Tempest",
+        default => 'Tempest',
+    }; ?>
+
+    <title>{{ $title }}</title>
+    <meta name="title" :content="$title">
+    <meta name="twitter:title" :content="$title">
+    <meta property="og:title" :content="$title">
+    <meta itemprop="name" :content="$title">
 
     <meta charset="UTF-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 
-    <!-- Current meta image -->
-    <?php
-    $metaImageUri ??= ($meta ?? \App\Web\Meta\MetaType::HOME)->uri();
-    ?>
+    <!-- Meta description -->
+    <?php $description = match (true) {
+        isset($description) => $description,
+        default => 'The PHP framework that gets out of your way.',
+    }; ?>
+
+    <meta name="description" :content="$description">
+    <meta name="twitter:description" :content="$description">
+    <meta property="og:description" :content="$description">
+    <meta itemprop="description" :content="$description">
 
-    <!-- Social -->
-    <meta property="og:image" content="<?= $metaImageUri ?>"/>
-    <meta property="twitter:image" content="<?= $metaImageUri ?>"/>
-    <meta name="image" content="<?= $metaImageUri ?>"/>
+    <!-- Meta image -->
+    <?php $metaImageUri ??= ($meta ?? \App\Web\Meta\MetaType::HOME)->uri(); ?>
+    <meta property="og:image" :content="$metaImageUri"/>
+    <meta property="twitter:image" :content="$metaImageUri"/>
+    <meta name="image" :content="$metaImageUri"/>
     <meta name="twitter:card" content="summary_large_image"/>
+    <meta property="og:type" content="article">
 
     <!-- Favicon -->
     <link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png"/>
