# Auditor für Überschriftenhierarchie Prüft die Überschriftenstruktur aus URL oder eingefügtem HTML und erkennt Sprünge, mehrere h1, rein dekorativen Heading-Missbrauch und Abweichungen zu Meta-Titeln > Kanonische Seite: https://elysiatools.com/de/tools/heading-hierarchy-auditor - **Kategorie:** Validation - **Schlagwörter:** überschriftenhierarchie, semantik, html, seo ## Überblick Füge HTML ein oder gib eine Seiten-URL an, um die semantische Überschriftenstruktur statt der visuellen Leserichtung zu prüfen. Der Bericht zeigt Ebenensprünge, mehrere h1, vermutlich nur dekorative Heading-Nutzung, leere Überschriften und Abweichungen zwischen dem Haupt-h1, und og:title. So verwendest du das Tool: - HTML-Eingabe: Markup für eine stabile Analyse einfügen - Seiten-URL: veröffentlichte Struktur prüfen - Mit Metadaten-Titeln vergleichen: gleicht die Hauptüberschrift mit \`\` und \`og:title\` ab - Korrekturhinweise anzeigen: ergänzt eine empfohlene Ebene oder Ersetzung pro Knoten Der Bericht zeigt: - Einen visuellen h1-h6-Baum - Eine Heatmap-artige Schwereverteilung - Die empfohlene Ebene für jede Überschrift - Mehrere h1 und Ebenensprünge - Als Heading verkleidete UI-Labels - Abweichungen zwischen h1 und Meta-Titeln</x-turndown> ## Eingaben - **HTML-Eingabe** (textarea): # Pricing ### Plans ## FAQ - **Seiten-URL** (text): https://example.com - **Mit Metadaten-Titeln vergleichen** (checkbox) - **Korrekturhinweise anzeigen** (checkbox) ## Wann verwenden - Vor dem Live-Gang einer neuen Webseite, um die Barrierefreiheit und SEO-Konformität der Überschriftenstruktur zu validieren. - Bei der Optimierung bestehender Seiten, wenn Diskrepanzen zwischen dem Haupt-h1-Tag und den Meta-Titeln vermutet werden. - Zur Bereinigung von HTML-Templates, in denen CSS-Klassen fälschlicherweise als Überschriften-Tags missbraucht wurden. ## Funktionsweise - Fügen Sie den rohen HTML-Code in das Eingabefeld ein oder geben Sie die URL einer veröffentlichten Webseite an. - Aktivieren Sie optional den Abgleich mit Metadaten-Titeln und die Anzeige von konkreten Korrekturhinweisen. - Das Tool analysiert die semantische Hierarchie der h1-h6-Knoten und vergleicht sie mit den Dokument-Titeln. - Sie erhalten einen visuellen Überschriftenbaum inklusive einer Heatmap zur Fehlerpriorisierung und konkreten Empfehlungen für jeden Knoten. ## Anwendungsfälle - Überprüfung von Blog-Artikeln auf logische Strukturierung vor der Veröffentlichung. - SEO-Audit von Kunden-Websites zur Identifikation von fehlerhaften Überschriften-Hierarchien und doppelten h1-Tags. - Bereinigung von UI-Templates, um sicherzustellen, dass Design-Elemente keine semantischen Überschriften-Tags missbrauchen. ## Häufig gestellte Fragen ### Warum warnt das Tool vor mehreren h1-Überschriften? Ein einziges h1-Tag definiert das Hauptthema einer Seite. Mehrere h1-Tags können Suchmaschinen verwirren und die semantische Struktur schwächen. ### Was bedeutet ein Ebenensprung in der Hierarchie? Ein Ebenensprung liegt vor, wenn beispielsweise direkt auf ein h1-Tag ein h3-Tag folgt, ohne dass dazwischen ein h2-Tag zur Strukturierung genutzt wird. ### Kann ich auch passwortgeschützte Seiten über die URL prüfen? Nein. Für passwortgeschützte Seiten kopieren Sie bitte den gerenderten HTML-Quelltext und fügen ihn direkt in das HTML-Eingabefeld ein. ### Wie hilft der Vergleich mit Meta-Titeln? Er stellt sicher, dass die Hauptüberschrift (h1) thematisch mit dem Title-Tag und dem og:title übereinstimmt, was für SEO und Social Sharing wichtig ist. ### Was sind dekorative Headings? Das sind Textabschnitte wie Button-Beschriftungen oder UI-Labels, die fälschlicherweise als h-Tags formatiert wurden, um ein bestimmtes Design zu erzielen. ## Ähnliche Tools - [Screen-Reader-Simulation-Tester](https://elysiatools.com/de/tools/screen-reader-simulation-tester): Simuliert die Vorlesereihenfolge und gesprochene Semantik eines Screenreaders aus URL oder HTML - [HTML-Attribut-Extraktor](https://elysiatools.com/de/tools/html-attribute-extractor): Extrahiert angegebene Attribute (href, src, data-*, etc.) aus HTML-Inhalten mit Unterstützung für Tag-Name-Filterung - [Bildquellen-Extraktor](https://elysiatools.com/de/tools/image-source-extractor): Extrahieren Sie Bild-URLs (src-Attribute) aus HTML-Quellcode. Unterstützt lazy-loading Bilder und srcset-Attribute. - [Meta-Tag-Extraktor](https://elysiatools.com/de/tools/meta-tag-extractor): Extrahiert und analysiert Meta-Tags, Open Graph, Twitter Cards und strukturierte Daten von Webseiten - [HTML-Tag-Entferner](https://elysiatools.com/de/tools/new-html-tag-stripper): Entfernt HTML-Tags aus dem Code und extrahiert sauberen Textinhalt - [PDF-Tabellenextraktor zu CSV/JSON](https://elysiatools.com/de/tools/pdf-table-extractor-to-csv-json): Extrahiert Tabellen aus PDFs mit OpenDataLoader und exportiert sie als JSON, CSV oder HTML - [AsciiMath-/LaTeX-/MathML-Formelkonverter](https://elysiatools.com/de/tools/asciimath-latex-mathml-equation-converter): Wandelt Formeln zwischen AsciiMath, LaTeX und MathML um: erkennt das Eingabeformat und erzeugt kanonisches LaTeX, annotiertes Presentation-MathML, eine best-effort-AsciiMath-Rückübersetzung, ein aria-label-Snippet für Screenreader sowie eine KaTeX-Vorschau. - [PDF-Bild- und Caption-Extraktor](https://elysiatools.com/de/tools/pdf-image-caption-extractor): Extrahiert PDF-Bilder, ordnet nahe Captions zu und erstellt einen durchsuchbaren HTML-Index ## Beispiele - [Contentful Cloud-basierte CMS Beispiele](https://elysiatools.com/de/samples/contentful-samples): Umfassende Contentful Beispiele mit Content Modeling, API Integration, Webhooks und Frontend Integration Patterns - [HTML mit Bildern Proben](https://elysiatools.com/de/samples/html-with-images): HTML-Quellcodeproben mit Bildern zum Testen der Extraktion - [JWT-Beispiele](https://elysiatools.com/de/samples/jwt-samples): Umfassende JWT-Beispiele von der grundlegenden Token-Struktur bis zu fortgeschrittenen Sicherheitsimplementierungen - [Sanity Echtzeit-CMS Beispiele](https://elysiatools.com/de/samples/sanity-samples): Umfassende Sanity Beispiele für Echtzeit-Inhaltsverwaltung, API-Integration und Bereitstellungsmuster ## Verwandte Inhalte - [HTML-Extraktions-, Bereinigungs- und Markdown/PDF-Export-Tools](https://elysiatools.com/de/hubs/html-convert): Vergleichen Sie HTML-Bereinigung, Attribut- und Bildquellen-Extraktion, HTML-zu-Markdown und HTML-zu-PDF in einem Hub für Web-Content-Konvertierungs-Workflows. - [Tools fuer Web-Accessibility-Audits und lesbare Farbpruefung](https://elysiatools.com/de/hubs/web-accessibility-audits): Pruefen Sie WCAG-Probleme, Screenreader-Reihenfolge, Kontrastfehler, Risiken bei Farbsehschwaechen und zugaengliche Farbwahl in einem Hub fuer Web-Accessibility-Workflows. - [Tools für HTML-Extraktion, Bereinigung und Auslieferung](https://elysiatools.com/de/hubs/html-content-extraction-cleanup-and-delivery): Extrahieren Sie Links, Bilder, Tabellen und sauberen Text aus HTML und konvertieren oder rendern Sie das Ergebnis. - [Tools fur Audio-Encoding und Formatkonvertierung](https://elysiatools.com/de/hubs/audio-convert): Vergleiche Audioformat-Konvertierung, Bitratenanderungen, Abtastraten-Konvertierung, Codec-Wechsel und Export-Tools in einem Hub.