bishtyogeshsingh's avatar

Correct way to include seo tags in laravel blade

I'm building a website using Laravel 11 and a component-based structure. Here is an example of the structure I'm using:

Directory Structure: Views ├── Components │ ├── header │ │ └── header.blade.php │ ├── navbar │ │ ├── navbar.blade.php │ │ └── navbarlink.blade.php │ └── app.blade.php ├── Frontend │ ├── about.blade.php │ └── home.blade.php

I want to implement dynamic titles, meta descriptions, and canonical tags in header.blade.php. Additionally, I want to make this implementation flexible so that I can add more SEO-related tags in the future.

I want to pass this data from the controller to make it dynamic. What is the best way to achieve this, and are there any other options I should consider for more flexibility in handling additional tags?

0 likes
5 replies
tykus's avatar

It is just Blade, render the SEO data passed from the Controller into the document head

If you're struggling to understand how to put it together, consider this [Laravel SEO package] instead

martinbean's avatar

@bishtyogeshsingh I’d personally create some sort of singleton “metadata bag” that you can set keys on in your controllers (or elsewhere), and then display them in another location (such as your layout component).

public function someAction()
{
    Metadata::set('title', 'Page Title');
    Metadata::set('description', 'Page meta description.');

    // Return response...
}

<!-- resources/views/layout.blade.php -->
<!DOCTYPE html>
<html>
    <head>
        <title>{{ Metadata::get('title') }}</title>
        @foreach(Metadata::getMetaTags() as $name => $content)
            <meta name="{{ $name }}" content="{{ $content }}">
        @endforeach
        @foreach(Metadata::getOpenGraphMetaTags() as $property => $content)
            <meta property="{{ $property }}" content="{{ $content }}">
        @endforeach
    </head>
    <body>
        <!-- // -->
    </body>
</html>
catrin21's avatar

Late to the party, but have you tried adding a section in your layout like @yield('meta') and then letting each page push in its own tags with @section('meta')? That keeps your components clean and still lets every view set custom SEO data. Curious how you're handling dynamic titles right now—using a component, a helper, or just sections?

Please or to participate in this conversation.