{"id":567,"date":"2025-09-01T10:51:59","date_gmt":"2025-09-01T10:51:59","guid":{"rendered":"https:\/\/1v0.net\/blog\/?p=567"},"modified":"2025-09-01T10:52:01","modified_gmt":"2025-09-01T10:52:01","slug":"adding-meta-tags-and-open-graph-data-dynamically-in-laravel","status":"publish","type":"post","link":"https:\/\/1v0.net\/blog\/adding-meta-tags-and-open-graph-data-dynamically-in-laravel\/","title":{"rendered":"Adding Meta Tags and Open Graph Data Dynamically in Laravel"},"content":{"rendered":"\n

Adding Meta Tags and Open Graph Data Dynamically in Laravel<\/strong><\/h1>\n\n\n\n

Meta tags, Open Graph, and Twitter Cards help search engines and social networks understand your content. In Laravel, you can dynamically generate these tags per page, pulling from your database or model attributes. This guide shows how to add SEO meta, Open Graph, and Twitter tags in controllers, Blade templates, and admin forms.<\/p>\n\n\n\n

<\/div>\n\n\n\n

Controller-Driven Dynamic Meta Tags<\/strong><\/h2>\n\n\n\n

For each resource (like posts), you can pass meta data from the controller into the view. If a post has a meta_title<\/code> and meta_description<\/code> column, use them to build SEO-friendly tags.<\/p>\n\n\n

\/\/ app\/Http\/Controllers\/PostController.php<\/span>\nnamespace<\/span> App<\/span>\\Http<\/span>\\Controllers<\/span>;\n\nuse<\/span> App<\/span>\\Models<\/span>\\Post<\/span>;\n\nclass<\/span> PostController<\/span> extends<\/span> Controller<\/span>\n<\/span>{\n    public<\/span> function<\/span> show<\/span>(Post $post)<\/span>\n    <\/span>{\n        return<\/span> view('posts.show'<\/span>, [\n            'post'<\/span> => $post,\n            'meta'<\/span> => [\n                'title'<\/span> => $post->meta_title ?? $post->title,\n                'description'<\/span> => $post->meta_description ?? str($post->content)->limit(160<\/span>),\n                'image'<\/span> => $post->cover_image,\n            ]\n        ]);\n    }\n}<\/code><\/span>Code language:<\/span> PHP<\/span> (<\/span>php<\/span>)<\/span><\/small><\/pre>\n\n\n
This way, the Blade view can render correct tags for each post, falling back to defaults when needed.<\/p>\n\n\n\n
<\/div>\n\n\n\n
Blade Example: Meta + Open Graph + Twitter<\/strong><\/h2>\n\n\n\n
Inside your layout Blade, add a @yield('meta')<\/code> section so each page can define its own tags. Here\u2019s an example:<\/p>\n\n\n
<!-- resources\/views\/layouts\/app.blade.php -->\n<head>\n  <title>@yield<\/span>('title'<\/span>, 'My Blog'<\/span>)<\/title>\n  @yield<\/span>('meta'<\/span>)\n<\/head><\/code><\/span>Code language:<\/span> PHP<\/span> (<\/span>php<\/span>)<\/span><\/small><\/pre>\n\n
<!-- resources\/views\/posts\/show.blade.php -->\n@extends('layouts.app'<\/span>)\n\n@section('title'<\/span>, $meta['title'<\/span>])\n\n@section('meta'<\/span>)\n  <meta name=\"description\"<\/span> content=\"{{ $meta['description'] }}\"<\/span>>\n\n  <!-- Open Graph -->\n  <meta property=\"og:title\"<\/span> content=\"{{ $meta['title'] }}\"<\/span>>\n  <meta property=\"og:description\"<\/span> content=\"{{ $meta['description'] }}\"<\/span>>\n  <meta property=\"og:type\"<\/span> content=\"article\"<\/span>>\n  <meta property=\"og:url\"<\/span> content=\"{{ url()->current() }}\"<\/span>>\n  <meta property=\"og:image\"<\/span> content=\"{{ asset('storage\/'.$meta['image']) }}\"<\/span>>\n\n  <!-- Twitter Cards -->\n  <meta name=\"twitter:card\"<\/span> content=\"summary_large_image\"<\/span>>\n  <meta name=\"twitter:title\"<\/span> content=\"{{ $meta['title'] }}\"<\/span>>\n  <meta name=\"twitter:description\"<\/span> content=\"{{ $meta['description'] }}\"<\/span>>\n  <meta name=\"twitter:image\"<\/span> content=\"{{ asset('storage\/'.$meta['image']) }}\"<\/span>>\n@endsection\n\n@section('content'<\/span>)\n  <h1>{{ $post->title }}<\/h1>\n  <p>{{ $post->content }}<\/p>\n@endsection<\/code><\/span>Code language:<\/span> PHP<\/span> (<\/span>php<\/span>)<\/span><\/small><\/pre>\n\n\n
This setup ensures each post page has correct SEO meta, Open Graph for Facebook\/LinkedIn, and Twitter card tags for rich previews.<\/p>\n\n\n\n
<\/div>\n\n\n\n
UI Example: Admin Form for Meta Fields<\/strong><\/h2>\n\n\n\n
Allow editors to define meta title, description, and OG image directly in the admin panel. Add these fields in your post form:<\/p>\n\n\n
<form action=\"{{ route('posts.store') }}\"<\/span> method=\"POST\"<\/span> enctype=\"multipart\/form-data\"<\/span>>\n  @csrf\n\n  <label>Title<\/label>\n  <input type=\"text\"<\/span> name=\"title\"<\/span>>\n\n  <label>Meta Title<\/label>\n  <input type=\"text\"<\/span> name=\"meta_title\"<\/span>>\n\n  <label>Meta Description<\/label>\n  <textarea name=\"meta_description\"<\/span>><\/textarea>\n\n  <label>OG\/Twitter Image<\/label>\n  <input type=\"file\"<\/span> name=\"cover_image\"<\/span>>\n\n  <button type=\"submit\"<\/span>>Save<\/button>\n<\/form><\/code><\/span>Code language:<\/span> PHP<\/span> (<\/span>php<\/span>)<\/span><\/small><\/pre>\n\n\n
These values are then stored in your posts<\/code> table and rendered dynamically in the head tags.<\/p>\n\n\n\n
<\/div>\n\n\n\n
Global Defaults with Middleware or Service<\/strong><\/h2>\n\n\n\n
To avoid missing tags on pages without meta fields, create a middleware or service that sets global defaults.<\/p>\n\n\n
\/\/ app\/Http\/Middleware\/DefaultMeta.php<\/span>\nnamespace<\/span> App<\/span>\\Http<\/span>\\Middleware<\/span>;\n\nuse<\/span> Closure<\/span>;\n\nclass<\/span> DefaultMeta<\/span>\n<\/span>{\n    public<\/span> function<\/span> handle<\/span>($request, Closure $next)<\/span>\n    <\/span>{\n        view()->share('defaultMeta'<\/span>, [\n            'title'<\/span> => 'My Laravel Blog'<\/span>,\n            'description'<\/span> => 'Latest Laravel tutorials and guides'<\/span>,\n            'image'<\/span> => '\/images\/default-og.png'<\/span>,\n        ]);\n\n        return<\/span> $next($request);\n    }\n}<\/code><\/span>Code language:<\/span> PHP<\/span> (<\/span>php<\/span>)<\/span><\/small><\/pre>\n\n\n
Register this middleware globally, then in your views use $meta ?? $defaultMeta<\/code> to ensure every page has valid meta tags.<\/p>\n\n\n\n
<\/div>\n\n\n\n
Wrapping Up<\/strong><\/h2>\n\n\n\n
Dynamic meta tags let you optimize every page for SEO and social sharing. With controller-driven meta, Blade templates for OG and Twitter cards, admin UI fields, and global defaults, your Laravel app is fully SEO-ready and shares beautifully on social media.<\/p>\n\n\n\n
<\/div>\n\n\n\n
What\u2019s Next<\/strong><\/h2>\n\n\n\n
Keep building your SEO toolkit with these related guides:<\/p>\n\n\n\n