series.blade.php

<x-layout>
    <x-slot name="head">
        <x-social-media-meta
            title="Blade Component Examples"
            description="Learn about all sorts of Blade component tips and tricks."
            image="https://farm6.staticflickr.com/5510/14338202952_93595258ff_z.jpg"
            card="summary"
        />
    </x-slot>

    <x-section>
        <h1 class="font-bold text-lg">Blade Component Examples</h1>
    </x-section>
</x-layout>

social-media-meta.blade.php

@props(['card' => 'summary_large_image', 'title', 'description', 'image' => false])

<meta name="twitter:card" content="{{ $card }}" />
<meta name="twitter:site" content="@laracasts" />

<meta property="og:title" content="{{ $title }}" />
<meta property="og:description" content="{{ $description }}" />

@if ($image)
    <meta property="og:image" content="{{ $image }}" />
@endif

<meta property="og:url" content="{{ url()->current() }}" />