SEO: Ratgeber-Bereich gestartet + Meta-Aufraeumung

- Neuer Ratgeber (/ratgeber/): Hub-Seite + erster Artikel 'Mitwirkungsaufforderung vom Jobcenter' in einfacher Sprache, mit FAQPage-Schema, sauberer URL, CTA zur Demo, Rechtshinweis - Von Startseite verlinkt (Fusszeile) + in sitemap.xml - index.html: wirkungsloser keywords-Tag entfernt, Beschreibung auf 138 Zeichen gekuerzt (Google schnitt sie sonst ab) Ziel: eigene Seiten fuer konkrete Suchfragen (Jobcenter, Finanzamt, Auslaenderbehoerde) statt nur einer Landingpage. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-08-11 23:03:12 +02:00
parent 8bd6bf2dce
commit 18a1480769
4 changed files with 233 additions and 5 deletions
--- a/webseite/ratgeber/index.html
+++ b/webseite/ratgeber/index.html
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Ratgeber: Behördenbriefe verstehen | BehördenKlar</title>
+  <meta name="description" content="Verständliche Ratgeber zu Briefen von Jobcenter, Finanzamt & Ausländerbehörde: was sie bedeuten, welche Fristen gelten und was Sie tun müssen. In einfacher Sprache.">
+  <link rel="canonical" href="https://behoerdenklar.pages.dev/ratgeber/">
+  <link rel="icon" href="/favicon.svg" type="image/svg+xml">
+  <meta property="og:site_name" content="BehördenKlar">
+  <meta property="og:type" content="website">
+  <meta property="og:locale" content="de_DE">
+  <meta property="og:url" content="https://behoerdenklar.pages.dev/ratgeber/">
+  <meta property="og:title" content="Ratgeber: Behördenbriefe verstehen">
+  <meta property="og:description" content="Verständliche Ratgeber zu Briefen von Jobcenter, Finanzamt & Ausländerbehörde – in einfacher Sprache.">
+  <meta property="og:image" content="https://behoerdenklar.pages.dev/vorschau.png">
+  <meta name="twitter:card" content="summary_large_image">
+  <style>
+    :root{--papier:#faf7f0;--tinte:#21211d;--grau:#6b675e;--amtsblau:#1d4e89;--marker:#ffe66b;color-scheme:light}
+    *{margin:0;padding:0;box-sizing:border-box}
+    body{font-family:Georgia,'Times New Roman',serif;background:var(--papier);color:var(--tinte);line-height:1.75;font-size:18px}
+    .wrap{max-width:680px;margin:0 auto;padding:0 20px 60px}
+    a{color:var(--amtsblau)}
+    .top{display:flex;justify-content:space-between;align-items:baseline;padding:18px 0;border-bottom:2px solid var(--tinte);font-size:15px}
+    .top .marke{font-weight:700;text-decoration:none;color:var(--tinte)}
+    .kicker{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--amtsblau);margin:32px 0 6px}
+    h1{font-size:clamp(28px,5vw,38px);line-height:1.2;margin-bottom:14px}
+    .intro{font-size:19px;margin-bottom:8px}
+    .artikel-liste{list-style:none;margin:26px 0 0}
+    .artikel-liste li{margin-bottom:14px}
+    .artikel-karte{display:block;background:#fff;border:1px solid rgba(33,33,29,.28);padding:18px 20px;text-decoration:none;color:var(--tinte);box-shadow:3px 4px 0 rgba(33,33,29,.08)}
+    .artikel-karte b{display:block;font-size:19px;color:var(--amtsblau);margin-bottom:4px}
+    .artikel-karte span{font-size:15px;color:var(--grau)}
+    .bald{opacity:.6;font-style:italic;font-size:15px;color:var(--grau);margin-top:18px}
+    footer{margin-top:44px;padding-top:16px;border-top:2px solid var(--tinte);font-size:14px;color:var(--grau)}
+    footer a{color:var(--grau)}
+  </style>
+</head>
+<body>
+  <div class="wrap">
+    <div class="top">
+      <a class="marke" href="/">📬 BehördenKlar</a>
+      <a href="/demo">Gratis testen</a>
+    </div>
+
+    <p class="kicker">Ratgeber</p>
+    <h1>Behördenbriefe verstehen</h1>
+    <p class="intro">
+      Ein Brief vom Amt macht schnell Angst. Hier erklären wir die häufigsten
+      Briefe in <strong>einfacher Sprache</strong>: was sie bedeuten, welche
+      Frist gilt und was Sie tun müssen — ohne Amtsdeutsch.
+    </p>
+
+    <ul class="artikel-liste">
+      <li>
+        <a class="artikel-karte" href="/ratgeber/jobcenter-mitwirkungsaufforderung">
+          <b>Mitwirkungsaufforderung vom Jobcenter</b>
+          <span>Was das Wort bedeutet, welche Unterlagen Sie brauchen und was passiert, wenn Sie nicht reagieren.</span>
+        </a>
+      </li>
+    </ul>
+
+    <p class="bald">Weitere Ratgeber (Finanzamt, Ausländerbehörde, Widerspruch) folgen in Kürze.</p>
+
+    <footer>
+      <a href="/">← Startseite</a> ·
+      <a href="/impressum.html">Impressum</a> ·
+      <a href="/datenschutz.html">Datenschutz</a>
+    </footer>
+  </div>
+  <!-- Cloudflare Web Analytics: cookielose Reichweitenmessung, keine Nutzer-Profile -->
+  <script type='module' src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "11f017e9a707466b9151921db6125dde"}'></script>
+</body>
+</html>