SEO Quick Wins 1-5: Social-Vorschau, Title, FAQ-Schema, Sitemap

- Open-Graph-Tags + Vorschaubild (1200x630, Papier-Design) auf allen
  7 Sprachseiten, lokalisierte og:title/description je Sprache
- Title-Tag mit Suchwort vorn: 'Behördenbriefe einfach erklärt – per Foto'
- Meta-Description gestrafft (146 Zeichen, mit Handlungsaufruf)
- FAQPage-Schema (JSON-LD) mit 6 Fragen
- 2 neue FAQ-Einträge (Long-Tail: Jobcenter, Ausländerbehörde, Sprachen)
- canonical + hreflang x-default auf allen Seiten
- robots.txt, sitemap.xml, favicon.svg

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

webseite/uk.html

@@ -12,6 +12,20 @@
   <link rel="alternate" hreflang="uk" href="https://behoerdenklar.pages.dev/uk">
   <link rel="alternate" hreflang="ru" href="https://behoerdenklar.pages.dev/ru">
   <link rel="alternate" hreflang="pl" href="https://behoerdenklar.pages.dev/pl">
+  <link rel="alternate" hreflang="x-default" href="https://behoerdenklar.pages.dev/">
+  <link rel="canonical" href="https://behoerdenklar.pages.dev/uk">
+  <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="uk_UA">
+  <meta property="og:url" content="https://behoerdenklar.pages.dev/uk">
+  <meta property="og:title" content="Лист від німецької установи?">
+  <meta property="og:description" content="Сфотографуйте лист — BehördenKlar пояснить його простою мовою, українською. Запишіться в список: 5 безкоштовних аналізів.">
+  <meta property="og:image" content="https://behoerdenklar.pages.dev/vorschau.png">
+  <meta property="og:image:width" content="1200">
+  <meta property="og:image:height" content="630">
+  <meta property="og:image:alt" content="BehördenKlar – Brief vom Amt. Endlich verstanden.">
+  <meta name="twitter:card" content="summary_large_image">
   <style>
     :root {
       --papier: #faf7f0; --papier-dunkel: #f1ecdf; --tinte: #21211d;