Technisch

Wat doet het HTML-attribuut lang nu eigenlijk?

Eén kort attribuut helpt browsers, vertaaltools en zoekmachines correct te bepalen in welke taal je pagina geschreven is.

Wat het is

Het lang-attribuut is een kort stukje code dat wordt toegevoegd aan de allereerste tag van een pagina (<html lang="nl"> voor Nederlands, <html lang="en"> voor Engels, enzovoort) en expliciet aangeeft in welke taal de inhoud van de pagina geschreven is. Het is verleidelijk om te denken dat dit vanzelfsprekend blijkt uit de woorden op de pagina, maar software leest niet zoals mensen — het heeft deze informatie expliciet nodig in plaats van uit de context te raden.

Browsers, vertaaltools en zoekmachines controleren allemaal eerst dit ene attribuut voordat ze iets taalafhankelijks doen, in plaats van eerst de daadwerkelijke tekst te analyseren.

Waarom het belangrijk is

Browsers gebruiken het lang-attribuut om te beslissen of ze überhaupt een automatische vertaling aanbieden, en om te kiezen vanuit welke taal ze dan vertalen — een ontbrekend of verkeerd lang-attribuut kan betekenen dat bezoekers een vertaling krijgen aangeboden naar hun eigen taal terwijl de pagina daar al in staat, of dat ze geen vertaling krijgen aangeboden terwijl ze die juist wel zouden willen. Zoekmachines gebruiken het ook als signaal om een pagina aan de juiste regionale of taalspecifieke zoekresultaten te koppelen.

Het is een klein, onzichtbaar detail, maar ook een fix van één regel zonder nadeel — er is geen enkele reden voor een pagina om dit over te slaan zodra die live staat voor echte bezoekers, in welke taal dan ook.

Hoe je het oplost

  1. Bepaal de hoofdtaal van de inhoud van je pagina.
  2. Voeg het lang-attribuut toe of corrigeer het op de <html>-tag, bijvoorbeeld <html lang="nl"> voor Nederlands of <html lang="fr"> voor Frans — gebruik een standaard tweeletterige taalcode.
  3. Heeft je site pagina's in meerdere talen, zorg er dan voor dat het lang-attribuut van elke pagina overeenkomt met de taal van díe specifieke pagina, niet alleen met de hoofdtaal van je site.
  4. De meeste websitebouwers (Squarespace, Wix, Webflow, WordPress) stellen dit automatisch in op basis van de taalinstelling van je site — controleer die sitebrede instelling in plaats van zelf code aan te passen als je een van deze platformen gebruikt.
  5. Voer je Launch Readiness-check opnieuw uit om te bevestigen dat het attribuut nu met de juiste taalcode wordt gedetecteerd.

Controleer of jouw eigen website dit probleem heeft

Launch Readiness scant je website in enkele seconden op dit en ~50 andere problemen vóór de lancering — gratis, zonder registratie.

Start een gratis controle