feat: Enhance social media sharing meta image for blogpost

- Update OpenGraph and Twitter meta tags in app.blade.php to dynamically set og:image based on content.
- Modify show.blade.php to include post thumbnail as og_image for better social media sharing.
This commit is contained in:
Rico van Zelst
2024-04-01 16:22:23 +02:00
parent 87cf644b1e
commit 7ad53814d3
2 changed files with 6 additions and 3 deletions

View File

@@ -31,6 +31,7 @@
@stack('meta_tags')
<!-- OpenGraph -->
<meta property="og:site_name" content="Heimerdinger.LoL">
<meta property="og:title" content="@yield('title')">
@@ -38,14 +39,14 @@
<meta property="og:description" content="@yield('description')">
<meta property="og:locale" content="en">
<meta property="og:type" content="website">
<meta property="og:image" content="https://cdn.heimerdinger.lol/og-img-home.png">
<meta property="og:image" content="@yield('og_image', 'https://cdn.heimerdinger.lol/og-img-home.png')">
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">
<meta property="twitter:domain" content="heimerdinger.lol">
<meta property="twitter:title" content="@yield('title')">
<meta property="twitter:description" content="@yield('description')">
<meta property="twitter:image" content="https://cdn.heimerdinger.lol/og-img-home.png">
<meta property="twitter:image" content="@yield('og_image', 'https://cdn.heimerdinger.lol/og-img-home.png')">
@vite(['resources/css/app.css', 'resources/js/app.js'])