knso/beh-rde-brief
1
0
Fork 0
generated from knso/webklar-preview-template
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
- 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>
This commit is contained in:
JUSN
2026-07-23 22:24:37 +02:00
parent 78d8c6246a
commit 02523b0467
11 changed files with 161 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
webseite/ar.html
View File

@@ -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/ar">
<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="ar_AR">
<meta property="og:url" content="https://behoerdenklar.pages.dev/ar">
<meta property="og:title" content="وصلتك رسالة من دائرة حكومية ألمانية؟">
<meta property="og:description" content="صوّر الرسالة — التطبيق يشرحها بالعربية وبلغة بسيطة ويحدد المواعيد المهمة. سجّل في قائمة الانتظار: 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;

14
webseite/en.html
View File

@@ -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/en">
<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="en_US">
<meta property="og:url" content="https://behoerdenklar.pages.dev/en">
<meta property="og:title" content="Got a letter from a German authority?">
<meta property="og:description" content="Take a photo – BehördenKlar explains official German letters in plain language, in 9 languages. Join the waiting list for 5 free analyses.">
<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;

1
webseite/favicon.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><text y="82" font-size="82">📬</text></svg>
Side by Side

After

Width:  |  Height:  |  Size: 108 B

64
webseite/index.html
View File

@@ -3,8 +3,8 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>BehördenKlar – Brief rein. Klartext raus.</title>
<meta name="description" content="BehördenKlar übersetzt Behördenbriefe in einfache Sprache. Foto machen, verstehen, richtig reagieren. Bald für iPhone – Warteliste sichert 5 Gratis-Analysen.">
<title>Behördenbriefe einfach erklärt – per Foto | BehördenKlar</title>
<meta name="description" content="Brief vom Amt? Foto machen – BehördenKlar erklärt ihn in einfacher Sprache, zeigt Fristen, übersetzt in 9 Sprachen. Warteliste: 5 Gratis-Analysen.">
<link rel="alternate" hreflang="de" href="https://behoerdenklar.pages.dev/">
<link rel="alternate" hreflang="tr" href="https://behoerdenklar.pages.dev/tr">
<link rel="alternate" hreflang="ar" href="https://behoerdenklar.pages.dev/ar">
@@ -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/">
<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/">
<meta property="og:title" content="Brief vom Amt? Endlich verstanden.">
<meta property="og:description" content="Foto machen – BehördenKlar erklärt Behördenbriefe in einfacher Sprache und 9 Sprachen. Warteliste sichert 5 Gratis-Analysen.">
<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;
@@ -239,6 +253,44 @@
.wl-input::placeholder { color: #9a958a; }
.wl-btn { width: 100%; cursor: pointer; text-align: center; font-family: inherit; }
</style>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "Was kostet die App?",
"acceptedAnswer": { "@type": "Answer", "text": "Die App ist gratis. Die ersten 3 Briefe sind auch gratis (mit Code: 5). Danach gibt es ein günstiges Abo. Sie testen zuerst — dann entscheiden Sie." }
},
{
"@type": "Question",
"name": "Welche Briefe kann die App erklären?",
"acceptedAnswer": { "@type": "Answer", "text": "Briefe vom Jobcenter, von der Ausländerbehörde, Rentenversicherung, Krankenkasse, Familienkasse (Kindergeld), vom Finanzamt oder der Bußgeldstelle — kurz: fast jeden offiziellen Brief und Bescheid." }
},
{
"@type": "Question",
"name": "In welche Sprachen übersetzt die App?",
"acceptedAnswer": { "@type": "Answer", "text": "Arabisch, Türkisch, Englisch, Ukrainisch, Russisch, Polnisch, Farsi, Rumänisch und Französisch. Die deutschen Amts-Wörter bleiben sichtbar, damit Sie sie im Brief wiederfinden." }
},
{
"@type": "Question",
"name": "Was passiert mit meinen Briefen?",
"acceptedAnswer": { "@type": "Answer", "text": "Ihre Briefe bleiben auf Ihrem Handy — sicher verschlüsselt. Für die Analyse wird das Foto einmal sicher an die KI geschickt. Nach spätestens 30 Tagen wird es dort gelöscht. Sie brauchen kein Konto." }
},
{
"@type": "Question",
"name": "Ersetzt die App einen Anwalt?",
"acceptedAnswer": { "@type": "Answer", "text": "Nein. Die App erklärt Briefe — sie ist keine Rechtsberatung. Bei wichtigen Entscheidungen (z. B. Widerspruch) hilft eine Beratungsstelle oder ein Anwalt." }
},
{
"@type": "Question",
"name": "Kommt die App auch für Android?",
"acceptedAnswer": { "@type": "Answer", "text": "Ja, Android ist geplant. Das iPhone kommt zuerst. Auf der Warteliste erfahren Sie es als Erste." }
}
]
}
</script>
</head>
<body>
<div class="wrap">
@@ -379,6 +431,14 @@
<summary>Was kostet die App?</summary>
<p>Die App ist gratis. Die ersten 3 Briefe sind auch gratis (mit Code: 5). Danach gibt es ein günstiges Abo. Sie testen zuerst — dann entscheiden Sie.</p>
</details>
<details>
<summary>Welche Briefe kann die App erklären?</summary>
<p>Briefe vom Jobcenter, von der Ausländerbehörde, Rentenversicherung, Krankenkasse, Familienkasse (Kindergeld), vom Finanzamt oder der Bußgeldstelle — kurz: fast jeden offiziellen Brief und Bescheid.</p>
</details>
<details>
<summary>In welche Sprachen übersetzt die App?</summary>
<p>Arabisch, Türkisch, Englisch, Ukrainisch, Russisch, Polnisch, Farsi, Rumänisch und Französisch. Die deutschen Amts-Wörter bleiben sichtbar, damit Sie sie im Brief wiederfinden.</p>
</details>
<details>
<summary>Was passiert mit meinen Briefen?</summary>
<p>Ihre Briefe bleiben auf Ihrem Handy — sicher verschlüsselt. Für die Analyse wird das Foto einmal sicher an die KI geschickt. Nach spätestens 30 Tagen wird es dort gelöscht. Sie brauchen kein Konto. Mehr dazu in der <a href="datenschutz.html">Datenschutzerklärung</a>.</p>

14
webseite/pl.html
View File

@@ -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/pl">
<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="pl_PL">
<meta property="og:url" content="https://behoerdenklar.pages.dev/pl">
<meta property="og:title" content="List z niemieckiego urzędu?">
<meta property="og:description" content="Zrób zdjęcie – BehördenKlar wyjaśni list prostym językiem, po polsku. Zapisz się na listę: 5 bezpłatnych analiz.">
<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;

4
webseite/robots.txt Normal file
View File

@@ -0,0 +1,4 @@
User-agent: *
Allow: /
Sitemap: https://behoerdenklar.pages.dev/sitemap.xml

14
webseite/ru.html
View File

@@ -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/ru">
<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="ru_RU">
<meta property="og:url" content="https://behoerdenklar.pages.dev/ru">
<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;

10
webseite/sitemap.xml Normal file
View File

@@ -0,0 +1,10 @@
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url><loc>https://behoerdenklar.pages.dev/</loc><lastmod>2026-07-23</lastmod></url>
<url><loc>https://behoerdenklar.pages.dev/en</loc><lastmod>2026-07-23</lastmod></url>
<url><loc>https://behoerdenklar.pages.dev/tr</loc><lastmod>2026-07-23</lastmod></url>
<url><loc>https://behoerdenklar.pages.dev/ar</loc><lastmod>2026-07-23</lastmod></url>
<url><loc>https://behoerdenklar.pages.dev/uk</loc><lastmod>2026-07-23</lastmod></url>
<url><loc>https://behoerdenklar.pages.dev/ru</loc><lastmod>2026-07-23</lastmod></url>
<url><loc>https://behoerdenklar.pages.dev/pl</loc><lastmod>2026-07-23</lastmod></url>
</urlset>

14
webseite/tr.html
View File

@@ -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/tr">
<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="tr_TR">
<meta property="og:url" content="https://behoerdenklar.pages.dev/tr">
<meta property="og:title" content="Alman resmî mektubu mu geldi?">
<meta property="og:description" content="Fotoğraf çekin – BehördenKlar resmî mektupları basit bir dille, Türkçe açıklar. Bekleme listesine katılın: 5 ücretsiz analiz.">
<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;

14
webseite/uk.html
View File

@@ -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;

BIN
webseite/vorschau.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 80 KiB