Ein HTML-Validator hilft, Fehler im Markup einer veröffentlichten Seite zu finden. Aus einem Hinweis wird erst dann eine sinnvolle Aufgabe, wenn Sie die Ursache im Template oder in der Komponente kennen. Die Korrektur erfolgt in Ihrem Projekt. Anschließend prüfen Sie die veröffentlichte Seite erneut.
Eine geeignete Seite auswählen
Beginnen Sie mit einer Produktseite, einem Artikel oder einer Landingpage. Verwenden Sie die endgültige URL nach Weiterleitungen. Prüfen Sie bei unterschiedlichen Templates jeweils ein Beispiel. Ein fehlerfreier Artikel belegt nicht, dass auch das Kontaktformular funktioniert.
Öffnen Sie den HTML-Check von Milten. Notieren Sie die URL und die Hinweise, die Sie später vergleichen möchten. Ein nicht abgeschlossener Teil der Prüfung bleibt ungeprüft.
Einen Hinweis im Code nachvollziehen
Demonstrationsbeispiel ohne Messdaten eines Kunden: Zwei Formularfelder verwenden dieselbe ID email. Vergeben Sie unterschiedliche IDs und passen Sie die zugehörigen for-Attribute der Beschriftungen an. Prüfen Sie anschließend, ob jede Beschriftung das richtige Feld anspricht.
Ändern Sie die Komponente, die das Markup erzeugt, und kontrollieren Sie ihre weiteren Einsatzorte. Löschen Sie ein Attribut nicht nur, um eine Warnung zu entfernen. Die MDN-Erklärung zum label-Element beschreibt die Zuordnung zwischen Beschriftung und Feld.
HTML, Barrierefreiheit und SEO getrennt prüfen
Ein gültiges Dokument beweist weder vollständige Barrierefreiheit noch eine Aufnahme in den Suchindex. Prüfen Sie Formulare auch mit der Tastatur und achten Sie auf verständliche Beschriftungen. Der automatische Barrierefreiheitstest ergänzt diese Arbeit.
Für Indexierungsregeln, Canonical und Metadaten verwenden Sie den SEO-Check. Vergleichen Sie die Konformität des Markups bei Bedarf mit dem Nu Html Checker des W3C.
Die veröffentlichte Korrektur kontrollieren
Rufen Sie dieselbe URL nach der Veröffentlichung erneut auf. Vergleichen Sie den ursprünglichen Hinweis und testen Sie die betroffene Funktion. Kontrollieren Sie weitere Seiten, die dieselbe Komponente verwenden. Halten Sie fest, was korrigiert und was weiterhin nicht geprüft wurde.
Korrigiert der Validator den Code automatisch?
Die Änderungen nehmen Sie selbst im Template vor. Der Bericht liefert Hinweise für die Untersuchung und die erneute Prüfung.
Muss jede Warnung verschwinden?
Bewerten Sie Ursache und Wirkung. Beheben Sie bestätigte Fehler und dokumentieren Sie beabsichtigte Ausnahmen. Eine bessere Punktzahl allein rechtfertigt nicht, nützlichen Inhalt zu entfernen.
Eine HTML-Seite prüfen. Für langsame Klicks lesen Sie den Leitfaden zu INP und Interaktionen.
