Beispielartikel – alle Content-Elemente im Überblick

Dies ist ein interner Referenzartikel. Er ist niemals live — published: false — und existiert nur, damit Redakteurinnen und Redakteure jedes unterstützte Content-Element an einer Stelle sehen.

Absätze, Hervorhebungen, Inline-Links

Der reguläre Fließtext sollte ausreichend groß und kontrastreich sein, weil unsere Zielgruppe älter ist. Lange Absätze werden in verdauliche Abschnitte geteilt. Wichtiges wird in Fettdruck oder Kursiv hervorgehoben. Inline-Links verweisen auf andere Artikel wie Hausnotruf Kosten oder direkt auf einen Funnel wie Hausnotruf anfragen.

Info-Box — Gut zu wissen

Aufzählungen

Nummerierte Listen eignen sich für Schritt-für-Schritt-Anleitungen:

1. Pflegegrad beim MDK beantragen.
2. Anbieter vergleichen.
3. Vertrag abschließen und Zuschuss bei der Pflegekasse einreichen.

Ungeordnete Listen eignen sich für Merkmale:

• Notrufknopf am Handgelenk oder als Kette
• Sprechverbindung über eine 24/7-Zentrale
• Optional: Rauchmelder, Sturzsensor, GPS-Ortung

Tabellen

Pflegegrad	Pflegegeld pro Monat	Pflegesachleistungen
2	332 €	761 €
3	573 €	1.432 €
4	765 €	1.778 €
5	947 €	2.200 €

Werte sind Platzhalter. Vor Launch mit aktuellen Zahlen aus Pflegereform 2026 abgleichen.

Bild (einfach, ohne Beschriftung)

Ein normales Bild ohne Caption — nur wenn weder Infografik noch Beschreibung nötig sind.

Infografik (figure + figcaption)

Für jede Infografik gelten die Regeln in .agents/rules/article-visuals.mdc: whiteboard-Diagramm mit Teal #48b8d0 als einziger Akzentfarbe, deutsche Labels, und Pflicht-Attribute alt (80–125 Zeichen inkl. Fokus-Keyword), title (40–70 Zeichen) sowie eine vollständige deutsche figcaption (15–30 Wörter).

Hinweis: Das Bild existiert in diesem Beispielartikel nicht tatsächlich — die <figure> zeigt nur die korrekte Markup-Struktur und die geforderten Attribute.

Artikel-CTA-Block

Zwischenheading (H3) innerhalb eines Abschnitts

Diese H3 dient der Feingliederung

H3-Ebenen helfen Leser:innen beim Überfliegen. Sie werden nicht in das Inhaltsverzeichnis aufgenommen (TOC zeigt nur H2).

Pull-Quote / Blockzitat

„Dank der Pflegeberatung konnten wir innerhalb einer Woche einen passenden Anbieter finden — ohne stundenlanges Recherchieren."

— Anja K., Angehörige

Download-Box

Schlusstext mit eingebettetem CTA-Button

Wenn Sie Fragen haben, starten Sie direkt Ihre Anfrage:

Hausnotruf-Anbieter vergleichen

Oder vertiefen Sie sich in weitere Themen in unserem Ratgeber.

Cheatsheet — welches Element wofür?

Element	Wofür?	Pflicht?
.info-box	Die eine wichtige Zahl / der eine Tipp, den Leser:innen mitnehmen sollen	mindestens 1 pro Artikel
.article-cta	Mittel-im-Artikel-CTA zum passenden Funnel (/anfrage/{slug}/)	1× empfohlen
.article-button	Standalone-Button im Fließtext, z. B. nach einer Anleitung	nach Bedarf
.download-box	PDFs (Checklisten, Antragsmuster)	bei passendem Thema
Markdown-Tabelle	Zahlenhaltige Vergleiche (Pflegegrad × Leistung, Kosten × Anbieter)	Pflicht bei zahlenhaltigen Themen
Blockquote (>)	Zitate, Experten-Aussagen, Gesetzestext	sparsam
<figure> + <figcaption>	Cover-Bild, Infografik, jedes beschriftete Bild	Cover Pflicht, Infografik empfohlen ab 1 000 Wörtern

Alle Komponenten sind in src/app/globals.css unter dem Selektor .ratgeber-body gestylt — das ist die Single Source of Truth. Keine Inline-Styles in Artikeln. Regeln zum Bild-Workflow und zu den Infografik-Prompts stehen in .agents/rules/article-visuals.mdc.