@extends('layouts.app')
@section('title', $page['title'] . ' — kotsch.tech')
@section('meta_description', $page['description'])
@push('head')
<script type="application/ld+json">
{
  "@@context": "https://schema.org",
  "@@type": "WebPage",
  "name": "Kostenlose SEO-Checkliste 2026",
  "description": "20 Maßnahmen, die deine Website nach vorne bringen",
  "isAccessibleForFree": false,
  "hasPart": [{"@@type": "WebPageElement","isAccessibleForFree": false,"cssSelector": ".gated-content"}]
}
</script>
@endpush
@section('content')
<div style="max-width:760px;margin:0 auto;padding:60px 20px 40px;">
    <h1 style="font-size:2.4rem;font-weight:800;letter-spacing:-.03em;line-height:1.2;margin-bottom:16px;">
        Kostenlose SEO-Checkliste 2026
    </h1>
    <p style="font-size:1.15rem;color:#475569;margin-bottom:36px;line-height:1.7;">
        20 konkrete Maßnahmen, die jede Website braucht — von technischen Grundlagen bis zu Content-Strategie. Als PDF zum Mitnehmen.
    </p>

    <h2 style="font-size:1.3rem;font-weight:700;margin:0 0 12px;">Was steckt drin?</h2>
    <ul style="line-height:2;color:#334155;padding-left:20px;margin-bottom:32px;">
        <li>✅ Core Web Vitals verstehen &amp; messen</li>
        <li>✅ Title-Tags &amp; Meta-Descriptions richtig schreiben</li>
        <li>✅ Interne Verlinkung strategisch aufbauen</li>
        <li>✅ Schema.org Markup für mehr Rich Snippets</li>
        <li>… und 16 weitere Punkte</li>
    </ul>

    <x-content-gate source="{{ $page['source'] }}" incentive="{{ $page['magnet'] }}"
        headline="PDF kostenlos herunterladen"
        subline="Trag deine E-Mail ein — wir schicken dir die Checkliste sofort zu.">
        <x-slot name="teaser"></x-slot>
        <x-slot name="gated">
            <div class="gated-content" style="background:#f0f9ff;border-radius:18px;padding:28px;margin-top:24px;">
                <h3 style="font-size:1.1rem;font-weight:700;margin:0 0 16px;">Die vollständige Checkliste:</h3>
                <ol style="line-height:2;color:#1e3a5f;padding-left:20px;">
                    <li>PageSpeed auf 90+ bringen (Google PageSpeed Insights)</li>
                    <li>HTTPS &amp; korrekte 301-Weiterleitungen</li>
                    <li>Mobile-First: Viewport + Touch-Targets</li>
                    <li>Canonical-Tags auf jeder Seite setzen</li>
                    <li>Sitemap.xml erstellen &amp; in Search Console einreichen</li>
                    <li>robots.txt prüfen — keine wichtigen Seiten gesperrt</li>
                    <li>Title-Tags optimieren (50–60 Zeichen, Keyword vorne)</li>
                    <li>Meta-Descriptions schreiben (145–160 Zeichen, Call-to-Action)</li>
                    <li>Überschriften-Hierarchie: genau 1× H1, H2–H3 strukturiert</li>
                    <li>Alt-Texte für alle inhaltlichen Bilder</li>
                    <li>Interne Links mit beschreibenden Ankertexten</li>
                    <li>Duplicate Content vermeiden (Parameter, Trailing-Slash)</li>
                    <li>Bildkomprimierung: WebP + lazy loading</li>
                    <li>Strukturierte Daten: FAQ, Artikel, BreadcrumbList</li>
                    <li>Google Search Console einrichten &amp; Fehler beheben</li>
                    <li>Backlink-Profil analysieren (Ahrefs / Search Console)</li>
                    <li>FAQ-Seiten für People Also Ask (PAA)</li>
                    <li>Lokale SEO: Google Business Profil &amp; NAP-Konsistenz</li>
                    <li>Content-Aktualität: veraltete Artikel aktualisieren</li>
                    <li>Core Web Vitals monatlich messen &amp; verbessern</li>
                </ol>
            </div>
        </x-slot>
    </x-content-gate>
</div>
@endsection