Over verouderde HTML-tags
Wat zijn verouderde HTML-tags?
Verouderde tags zijn elementen die uit de HTML-standaard zijn verwijderd, meestal omdat ze het uiterlijk in plaats van de betekenis beschreven: font, center, big, strike, marquee en soortgelijke tags uit die tijd. Ze stammen uit een tijd waarin van HTML werd verwacht dat het bepaalde hoe een pagina eruitzag.
Browsers geven de meeste ervan nog steeds weer, en daarom blijven ze bestaan. Weergave betekent niet hetzelfde als ondersteuning, en ondersteuning is eerder een gunst dan een garantie.
Een checker voor verouderde HTML-tags stelt eigenlijk een vraag over onderhoud. Markup uit die tijd komt niet voor op pagina's waar iemand onlangs nog naar heeft omgekeken.
Is dit nog steeds relevant in 2026?
De directe bestraffing is verwaarloosbaar, en het zou oneerlijk zijn om iets anders te beweren. Geen enkele zoekmachine verlaagt de ranking van een pagina vanwege een font-tag.
De waarde is diagnostisch. Verouderde markup wijst op content waar al jarenlang niemand meer aan heeft gewerkt, of op een visuele editor die markup uit een vorig tijdperk genereert. Beide gaan meestal gepaard met andere problemen: geen responsive lay-out, geen alt-tekst en een ontbrekende viewport-tag.
Het wijst ook op een echt structureel probleem. Markup die het uiterlijk beschrijft in plaats van de betekenis, bevat geen informatie voor alles wat de pagina leest in plaats van ernaar kijkt.
Hoe verouderde tags zich verhouden tot zoeken met AI
Presentatieopmaak biedt een parser geen bruikbare informatie. Een font-tag geeft aan dat tekst groot moet zijn; een heading-tag geeft aan dat deze een sectie introduceert. Alleen de tweede is nuttig bij het bepalen van de inhoud van een document en welke passage een vraag beantwoordt.
Het vervangen van presentatietags door semantische tags is een van de meest directe manieren om een oude pagina begrijpelijk te maken voor moderne systemen. Bovendien komt daarbij vaak content aan het licht die feitelijk onzichtbaar was.
Pagina's die op deze manier zijn opgebouwd, hebben vaak helemaal geen koppenstructuur, maar alleen tekst die zo is opgemaakt dat deze eruitziet als koppen. Daardoor kan niets aangeven waar de ene sectie eindigt en de volgende begint.
Wat ervoor in de plaats kwam
- font, big en small: stel typografie in met CSS.
- center: gebruik CSS-uitlijning of flexbox.
- strike en u: gebruik de semantische elementen del en ins wanneer de betekenis daarvan bedoeld is.
- b en i: gebruik strong en em wanneer nadruk bedoeld is, in plaats van alleen opmaak.
- Lay-outtabellen: gebruik CSS Grid of flexbox en bewaar tabellen voor tabelgegevens.
- frameset en frame: volledig verwijderd, zonder directe vervanging.
Markup moderniseren
- Verplaats de opmaak naar CSS en gebruik HTML voor de structuur.
- Gebruik heading-tags voor koppen in plaats van tekst met aangepaste grootte en vetgedrukte tekst.
- Gebruik semantische elementen zoals nav, main, article en footer.
- Controleer de uitvoer van de editor, die vaak een voortdurende bron van verouderde markup is.
- Beschouw een verouderde tag als aanleiding om de hele pagina te controleren, niet alleen die regel.
Wat deze tool controleert
De tool scant de markup van de pagina op verouderde elementen en slaagt wanneer er geen aanwezig zijn.
Het controleert op bekende verouderde tags in plaats van op markup die alleen maar ouderwets is. Daardoor kan een pagina slagen terwijl deze nog steeds is opgebouwd uit geneste layout-divs zonder enige semantische structuur.
Waar je nu verder kunt gaan
Verouderde markup staat zelden op zichzelf. Controleer of de pagina echte
header-tags bevat, zoek naar
inline CSS die uit dezelfde editors afkomstig is en bevestig met de
mobiele responsiviteit-test dat de pagina nog steeds goed werkt op een telefoon.