Add SEO meta tags

jbrooksuk · jbrooksuk · commit 51c7c1fd6d7d · 2024-10-08T08:21:53.000+01:00
diff --git a/resources/views/components/cachet.blade.php b/resources/views/components/cachet.blade.php
@@ -1,3 +1,4 @@
+@use('Cachet\Cachet')
 <!DOCTYPE html>
 <html lang="{{ str_replace('_', '-', app()->getLocale()) }}" class="bg-background-light text-base-light dark:bg-background-dark dark:text-base-dark">
     <head>
@@ -8,6 +9,20 @@
         <link rel="apple-touch-icon" href="{{ asset('vendor/cachethq/cachet/apple-touch-icon.png') }}" />
 
         <title>{{ $title ?: config('cachet.title', 'Cachet') }}</title>
+        <meta name="title" content="{{ $title ?: config('cachet.title', 'Cachet') }}" />
+        <meta name="description" content="Status page for {{ $site_name }}." />
+
+        <!-- Open Graph / Facebook -->
+        <meta property="og:type" content="website" />
+        <meta property="og:url" content="{{ url(Cachet::path()) }}" />
+        <meta property="og:title" content="{{ $title ?: config('cachet.title', 'Cachet') }}" />
+        <meta property="og:description" content="Status page for {{ $site_name }}." />
+
+        <!-- Twitter -->
+        <meta property="twitter:card" content="summary_large_image" />
+        <meta property="twitter:url" content="{{ url(Cachet::path()) }}" />
+        <meta property="twitter:title" content="{{ $title ?: config('cachet.title', 'Cachet') }}" />
+        <meta property="twitter:description" content="Status page for {{ $site_name }}." />
 
         @vite(['resources/css/cachet.css', 'resources/js/cachet.js'], 'vendor/cachethq/cachet/build')
         @filamentStyles
diff --git a/src/View/Components/Cachet.php b/src/View/Components/Cachet.php
@@ -14,12 +14,12 @@ class Cachet extends Component
      * Create a new component instance.
      */
     public function __construct(
-        private AppSettings $appSettings,
-        private CustomizationSettings $customizationSettings,
+        private readonly AppSettings $appSettings,
+        private readonly CustomizationSettings $customizationSettings,
         private ?string $title = null
     ) {
         if ($this->title) {
-            $this->title .= ' - ' . ($this->appSettings->name ?: config('cachet.title'));
+            $this->title .= ' - '.($this->appSettings->name ?: config('cachet.title'));
         }
 
         $this->title ??= ($this->appSettings->name ?? config('cachet.title'));
@@ -32,6 +32,7 @@ public function render(): View|Closure|string
     {
         return view('cachet::components.cachet', [
             'title' => $this->title,
+            'site_name' => $this->appSettings->name,
             'cachet_header' => $this->customizationSettings->header,
             'cachet_css' => $this->customizationSettings->stylesheet,
             'cachet_footer' => $this->customizationSettings->footer,
