HTML-Validator
Kurze Antwort
Prüfen Sie die Dokument-Grundlagen (Doctype, Sprache, Zeichensatz, Viewport, Titel, eindeutige IDs), veraltete HTML-Tags und -Attribute sowie die Einbindung von iframes.
Was es macht
Prüft das HTML einer Seite in drei Teilen. Dokument-Grundlagen: ein DOCTYPE, ein `lang`-Attribut, eine Zeichensatz-Deklaration, ein Viewport-Meta-Tag, ein `<title>` und eindeutige `id`-Werte. Veraltetes HTML: Tags wie `<center>`, `<font>` und `<marquee>` sowie präsentationsbezogene Attribute wie `align` und `bgcolor`. Eingebettete Frames: ob jedes iframe einen Titel hat, außerhalb des sichtbaren Bereichs verzögert lädt, bei fremden Quellen sandboxed ist und HTTPS verwendet. Jeder Teil listet auf, was gefunden wurde.
Warum es wichtig ist
Browser reparieren defektes Markup stillschweigend, aber assistive Technologien und Crawler arbeiten mit dem, was der Parser tatsächlich erzeugt. Ein fehlendes `lang`- oder Viewport-Tag, doppelte IDs, präsentationsbezogene Altlasten und iframes ohne Titel sind kleine, leicht behebbare Probleme, die sich auf Barrierefreiheit, mobile Darstellung und die zuverlässige Lesbarkeit der Seite auswirken.
Wie es funktioniert
-
Geben Sie eine Seiten-URL ein oder fügen Sie deren HTML ein
-
Wir parsen das rohe HTML in Ihrem Browser
-
Wir führen die Prüfungen zu Dokument-Grundlagen, veraltetem HTML und iframes durch
-
Sie erhalten ein Ergebnis für jeden Teil, mit den gefundenen doppelten IDs, veralteten Elementen und iframes
Beispiel-Ein- und Ausgabe
url: https://rankproof.eu/tools
Dokument-Grundlagen 100/100 HTML5-Doctype deklariert OK html-lang-Attribut gesetzt OK Zeichenkodierung deklariert OK Viewport-Meta vorhanden OK title-Element vorhanden OK keine doppelten IDs OK Veraltetes HTML 100/100 keine veralteten Tags (center, font, …) OK keine veralteten Attribute (align, …) OK Eingebettete Frames (iframes): 2 jedes iframe hat einen Titel warn (1 von 2) Offscreen-iframes laden verzögert OK Iframes von Drittanbietern sind sandboxed OK alle iframes nutzen HTTPS OK 2 von 3 Bereichen sehen gut aus
Wer es nutzt
-
Frontend-Entwickler
Prüfen Sie einen Vorschau-Build vor dem Merge und beheben Sie doppelte IDs oder fehlende Meta-Tags, bevor sie live gehen.
-
QA-Ingenieur
Fügen Sie die Prüfung Ihrer Release-Checkliste hinzu, um Markup zu erkennen, das eine CMS-Vorlagenänderung beschädigt hat.
-
Accessibility-Prüfer
Beheben Sie iframes ohne Titel, ein fehlendes lang-Attribut und doppelte IDs, bevor Sie mit einer vollständigen WCAG-Prüfung beginnen.
Häufig gestellte Fragen
Sind HTML-Fehler ein Rankingfaktor?
Nicht direkt – Google hat erklärt, dass gültiges HTML kein Rankingfaktor ist. Defektes Markup kann dennoch indirekte Probleme verursachen, etwa strukturierte Daten oder Inhalte, die nicht wie beabsichtigt gelesen werden.
Was gilt als veraltetes HTML?
Elemente und Attribute, die der HTML-Standard für die Darstellung nicht mehr unterstützt, wie `<center>`, `<font>`, `<marquee>`, `<big>`, `<strike>`, `align`, `bgcolor` und `border`. Ersetzen Sie sie durch CSS.
Warum brauchen iframes einen Titel?
Screenreader kündigen den Titel an, damit Nutzer wissen, was ein Frame enthält, bevor sie ihn betreten. Es gehört dazu, jedem Frame unter WCAG 2.1 einen barrierefreien Namen zu geben.
Validiert es per JavaScript gerenderte Inhalte?
Nein – wir prüfen die rohe HTML-Quelle, entweder eingefügt oder direkt abgerufen, nicht das DOM nach der JavaScript-Ausführung.
Prüft es jede HTML-Regel?
Nein – es ist eine schnelle Prüfung der Grundlagen, veralteten Markups und iframes, kein vollständiger Validator für den HTML-Standard.