In einem aktuellen Video beantwortete John Mueller von Google eine Frage dazu, wie semantisches HTML Suchmaschinen hilft, Website-Inhalte zu verstehen.
Mueller erläuterte, wie sich semantisches HTML auf die Suchmaschinenoptimierung, Zugänglichkeit und Suchrankings einer Website auswirkt.
Aber zunächst definieren wir semantisches HTML und seine Funktionsweise.
Semantisches HTML 101
Semantische HTML-Elemente verleihen Webinhalten Bedeutung und Struktur.
Es hilft Suchmaschinen und Browsern, den Inhalt und die Zusammenhänge auf der Seite besser zu verstehen.
Zu den gebräuchlichen semantischen Elementen gehören die folgenden:
- Überschriften werden verwendet, um Wichtigkeit zu kennzeichnen und Hierarchien zu schaffen.
ist am wichtigsten,
am wenigsten.
- Absätze werden zur Darstellung von Textblöcken verwendet. Das
-Element definiert einen Absatz.
Listen werden zum Organisieren von Gegenständen verwendet.- und
- definiert ein Listenelement.
- Tische Tabellendaten strukturieren.
erstellt eine Tabelle,
definiert Zeilen, definiert Spaltenüberschriften und definiert Datenzellen. - Links oder Anker () erstellen Hyperlinks zwischen Seiten. Sie helfen dabei, Zusammenhänge zwischen Inhalten aufzuzeigen.
- Bilder () repräsentieren Fotos oder Grafiken. Das Alt-Attribut stellt eine Textbeschreibung des Bildes bereit, was bei der Zugänglichkeit und SEO hilft.
- Artikel (
) repräsentieren unabhängige, wiederverwendbare Inhalte wie Blog-Beiträge oder Nachrichten. - Abschnitte (
) gruppiert verwandte Inhalte, z. B. Kapitel oder Teile eines Dokuments. - Nebenbemerkungen (
- Figuren (
Semantisches HTML – ein Rankingfaktor?
Obwohl semantisches HTML Suchmaschinen dabei hilft, Seiteninhalte und -struktur zu analysieren, ist es kein direkter Rankingfaktor, stellt Mueller klar:
„Semantisches HTML hilft, eine Seite zu verstehen. Allerdings ist es kein magischer Multiplikator für einen höheren Rang einer Website.“
Auch wenn semantisches HTML das Ranking nicht sofort steigert, verbessert es SEO und Zugänglichkeit und bleibt eine grundlegende Best Practice.
Damit können Sie für Suchmaschinen optimieren und gleichzeitig ein optimales Benutzererlebnis schaffen.
Wie Google von semantischem HTML profitiert
Die richtige Verwendung semantischer HTML-Elemente kann bei der Suchmaschinenoptimierung auf folgende Weise hilfreich sein:
- Mit Überschriften können Sie Textpassagen strukturieren
- Platzieren Sie Bilder neben den Wörtern, die für sie relevant sind
- Verwendung von Tabellen-Tags für Datentabellen, nicht nur zur Positionierung von Inhalten
- Ankerlinks anstelle von Links, die über JavaScript funktionieren
Mueller weist darauf hin, dass die Algorithmen von Google bei ähnlichen Elementen nicht sehr genau sind.
Wenn Google beispielsweise Textabschnitte gruppiert, behandelt es Abschnitts-, Artikel- und Div-Elemente gleich. Das konkret verwendete Element ist weniger wichtig als eine klare Struktur und Beziehung zwischen den Elementen.
Wie Menschen von semantischem HTML profitieren
Semantisches HTML verbessert die Erfahrung von Benutzern mit unterschiedlichem Hintergrund, einschließlich Menschen mit Behinderungen, erheblich.
Dies geschieht auf folgende Weise:
- Semantisches HTML unterstützt Screenreader-Software bei der Übermittlung von Webinhalten an blinde oder sehbehinderte Benutzer.
- Semantisches HTML gewährleistet die Navigation über die Tastatur. Auf Elemente wie „“-Links und „“/„
- Unterstützende Technologien wie Braille-Lesegeräte und Text-to-Speech-Software profitieren von der klaren Struktur und Bedeutung von semantischem HTML.
- Semantische Elemente ermöglichen ein responsives Webdesign und stellen sicher, dass Inhalte auf verschiedenen Geräten zugänglich sind.
- Semantisches HTML macht Inhalte durch die Einhaltung von Webstandards zukunftssicher. Dies bedeutet, dass wahrscheinlich alle Benutzer auch bei fortschreitender Technologie auf die Inhalte zugreifen können.
Entwickler können Webinhalte erstellen, die Menschen und Maschinen verstehen, indem sie semantischen HTML-Prinzipien folgen und so zu einem integrativen Weberlebnis führen.
Muellers Appell an Website-Besitzer
Mueller schließt das Video mit einem Appell an Websitebesitzer ab, semantisches HTML zu verwenden, auch wenn es kein direkter Rankingfaktor ist.
„Bitte verwenden Sie semantisches HTML. Es ist kein Rankingfaktor, aber es kann unseren Systemen helfen, Ihre Inhalte besser zu verstehen.“
Quelle: Google Search Central
Ausgewähltes Bild: Screenshot von YouTube.com/GoogleSearchCentral, Juni 2023.
- erstellen ungeordnete bzw. geordnete Listen.