Die Seite mit HTML-Tags gliedern, die ihre Rolle angeben
Beschreibung
Dieses Kriterium prüft, ob der Code Ihrer Seite die Rolle jedes Teils angibt. iPand prüft drei Punkte: ein Element <main> (oder role="main") und mindestens zwei der Elemente <header>, <nav> und <footer>; mindestens die Hälfte des Haupttextes in Textelementen (Absätze, Listen, Überschriften, Tabellenzellen, Zitate, Bildunterschriften); ein gültiges Attribut lang (BCP 47) am <html>.
Der zweite Punkt wird nicht bewertet, wenn der Haupttext weniger als 100 Wörter umfasst.
Warum es für KI-Assistenten zählt
Semantische Tags trennen den Hauptinhalt vom Kopfbereich, vom Menü und von der Fußzeile und sagen, was jeder Block ist: Absatz, Liste, Tabelle. Ein Programm, das den Code liest, findet so den nützlichen Text der Seite, ohne ihn aus dem Layout erraten zu müssen.
- <main> trennt den Inhalt, der zur Seite gehört, von dem, was sich auf der ganzen Website wiederholt.
- Text in Absätzen und Listen lässt sich sauberer zerlegen als Text in <div>-Elementen ohne Rolle.
- Laut W3C nutzen Suchmaschinen, Übersetzungswerkzeuge und Sprachausgaben das Attribut lang.
So korrigieren Sie es
- 1 Grenzen Sie die großen Bereiche der Seite ab Fassen Sie den Inhalt, der zur Seite gehört, in ein einziges Element <main>, den Kopfbereich der Website in ein <header>, das Menü in ein <nav> und die Fußzeile in ein <footer>. Verwendet Ihr Theme nur <div>-Elemente, bitten Sie Ihren Entwickler oder den Anbieter des Themes, sie zu ersetzen.
- 2 Schreiben Sie den Text in Absätzen und Listen Setzen Sie jeden Absatz in ein <p>, Aufzählungen in <ul> oder <ol> mit einem <li> pro Eintrag, vergleichbare Daten in eine <table>. Vermeiden Sie Text, der direkt in <div> oder <span> steht: Mindestens die Hälfte des Haupttextes muss in Textelementen stehen.
- 3 Geben Sie die Sprache der Seite an Ergänzen Sie das Tag <html> um das Attribut lang mit einem Code nach BCP 47: lang="de" für Deutsch, lang="de-AT" für österreichisches Deutsch, lang="en" für Englisch. Auf einer mehrsprachigen Website gibt jede Version ihre eigene Sprache an.
- 4 Prüfen Sie die Struktur Suchen Sie im Inspektionswerkzeug Ihres Browsers die Elemente <main>, <header>, <nav> und <footer> und danach das Attribut lang des Tags <html>. Prüfen Sie auch, ob der Haupttext in <p> und <li> steht statt in <div>.
Fazit
Benannte Bereiche, Text in Absätzen und eine angegebene Sprache machen die Seite lesbar, ohne dass ihr Layout erraten werden muss. iPand prüft diese drei Punkte jeden Tag im Code der Seite.
