In een recente video beantwoordde Googler John Mueller de vraag hoe semantische HTML zoekmachines helpt de inhoud van websites te begrijpen. Mueller besprak hoe semantische HTML de SEO, het bereik en de zoekrangschikking van een website beïnvloedt. Maar laten we eerst semantische HTML definiëren en hoe het werkt.
Semantische HTML 101
Semantische HTML-elementen voegen betekenis en structuur toe aan webcontent. Dit helpt zoekmachines en browsers om de inhoud en links van de pagina beter te begrijpen. Enkele veel voorkomende semantische elementen zijn:
- Krantenkoppen worden gebruikt om belangrijkheid te markeren en hiërarchie te creëren.
is het belangrijkste
is het minste.
- Alinea’s worden gebruikt om tekstblokken weer te geven. Element
definieert een paragraaf.
Lijsten gebruikt om dingen te organiseren.- En
- definieert een lijstelement.
- Tafels tabelgegevens structureren.
maakt een tabel,
definieert rijen, definieert kolomkoppen en definieert gegevenscellen. - Koppelingen of ankers () creëert hyperlinks tussen pagina’s. Ze helpen relaties tussen inhoud te tonen.
- Afbeeldingen (
) betekent foto’s of afbeeldingen. Het alt-attribuut geeft een tekstuele beschrijving van de afbeelding, wat helpt bij toegankelijkheid en SEO.
- Lidwoord (
) is onafhankelijke, herbruikbare inhoud zoals blogposts of nieuwsverhalen. - Secties (
) groepsgerelateerde inhoud, zoals hoofdstukken of delen van een document. - Afzonderlijk (<šalyje>) is inhoud die tangentieel gerelateerd is aan de hoofdinhoud, zoals zijbalken.
- Figuren (
En ) betekent een afbeelding, diagram of illustratie samen met een onderschrift. Ze tonen de relatie tussen de media en de omringende tekst. Semantische HTML – rankingfactor?
Hoewel semantische HTML zoekmachines helpt bij het analyseren van de inhoud en structuur van een pagina, is het geen directe rankingfactor, legt Mueller uit: “Semantische HTML helpt de pagina te begrijpen. Dit is echter geen magische multiplier om de positie van uw site te verhogen. Hoewel semantische HTML de rankings misschien niet meteen verhoogt, verbetert het SEO en toegankelijkheid en blijft het een kern best practice. Je kunt het gebruiken om zoekmachines te optimaliseren en een optimale gebruikerservaring te creëren.
Hoe semantische HTML Google ten goede komt.
Correct gebruik van semantische HTML-elementen kan SEO op de volgende manieren helpen:
- Koppen om tekstpassages te structureren
- Afbeeldingen plaatsen naast woorden die voor hen relevant zijn
- Tabeltags gebruiken voor tabellen met gegevens, niet alleen voor inhoudslay-out
- Ankerlinks, geen links die werken met JavaScript.
Mueller merkt op dat de algoritmen van Google niet overdreven nauwkeurig zijn voor vergelijkbare items. Bij het groeperen van stukjes tekst behandelt Google bijvoorbeeld sectie-, artikel- en div-elementen hetzelfde. Het specifieke gebruikte element is minder belangrijk dan de duidelijke structuur en relatie tussen de elementen.
Hoe semantische HTML nuttig is voor mensen
Semantische HTML verbetert de ervaring van gebruikers van alle achtergronden aanzienlijk, inclusief die met een handicap. Dit gebeurt op de volgende manieren:
- Semantische HTML helpt software voor schermlezers om webinhoud te leveren aan blinde of slechtziende gebruikers.
- Semantische HTML biedt toetsenbordnavigatie. Artikelen zoals “” koppelingen en ““/”
- Hulptechnologieën zoals braillelezers en tekst-naar-spraaksoftware profiteren van de duidelijke structuur en betekenis van semantische HTML.
- Semantische elementen vergemakkelijken interactief webontwerp en zorgen ervoor dat inhoud toegankelijk is op verschillende apparaten.
- Semantische HTML maakt inhoud toekomstbestendig door vast te houden aan webstandaarden. Dit betekent dat alle gebruikers waarschijnlijk toegang zullen hebben tot inhoud, zelfs als de technologie voortschrijdt.
Ontwikkelaars kunnen webinhoud creëren die door mensen en machines wordt begrepen door de semantische principes van HTML te volgen, wat resulteert in een inclusieve webervaring.
Mueller’s pleidooi aan website-eigenaren
Mueller beëindigt de video door website-eigenaren aan te moedigen semantische HTML te gebruiken, ook al is dit geen directe rankingfactor. “Gebruik alstublieft semantische HTML. Dit is geen rankingfactor, maar kan onze systemen helpen uw inhoud beter te begrijpen.
Bron: Google-zoekcentrum
Vergelijkbare afbeelding: screenshot van YouTube.com/GoogleSearchCentral, 2023 in juni
- produceert respectievelijk ongeordende en geordende lijsten.