Hoe ziet HTML eruit?
Een HTML-document bestaat uit elementen. Elk element staat tussen tags met punthaken, meestal een openingstag en een sluittag. Met attributen geef je extra informatie mee, zoals het adres van een link:
<a href="https://www.example.nl/contact/">Neem contact op</a>Een pagina heeft twee hoofddelen. In de head staan gegevens over de pagina, zoals de title en de meta-description. In de body staat de inhoud die de bezoeker ziet. Of je tagnamen met hoofdletters of kleine letters schrijft, maakt niet uit. Kleine letters zijn de gewoonte.
Het woord hypertext slaat op tekst met links naar andere pagina’s. Tim Berners-Lee omschreef hypertext in 1990 als onderdeel van zijn plan voor het web. Een jaar later werkte hij dat uit in een opmaaktaal.
Wat leest Google uit je HTML?
- Links: Google kan een link meestal alleen volgen als het een
<a>-element met eenhrefis. Een knop die alleen via een script naar een andere pagina gaat, kan Google niet betrouwbaar volgen. - Gegevens in de head: Google haalt metadata zoals de title en meta-tags uit de head. Daar horen alleen bepaalde elementen thuis, zoals
title,meta,linkenscript. - Fouten: Google probeert ook HTML met fouten te begrijpen. Fouten in de opmaak kunnen er wel voor zorgen dat Google je metadata niet goed gebruikt.
Voorbeeld: een afbeelding in de head
Een hotel in Valkenburg installeert een plug-in voor een trackingpixel. De plug-in zet een <img>-element bovenaan in de head. Daaronder staan de meta-description en de canonical tag.
Een afbeelding hoort niet in de head. Komt Google zo’n element tegen, dan neemt Google aan dat de head daar ophoudt. Alles wat erna komt, leest Google niet meer als metadata. Het hotel verplaatst de pixel naar de body. Daarna leest Google de head weer helemaal.
Verwar HTML niet met
- CSS: de taal voor de vormgeving, zoals kleuren, lettertypen en lay-out. HTML zegt wat iets is, CSS hoe het eruitziet.
- JavaScript: een programmeertaal die een pagina interactief maakt. Bouwt JavaScript de inhoud pas in de browser op, dan heeft Google extra werk. Lees meer over JavaScript SEO.
- HTML5: geen aparte taal. Volgens MDN is HTML5 vooral een modewoord voor moderne webtechniek binnen de HTML Living Standard. Sinds 2019 werken de WHATWG en het W3C samen aan die ene versie.
Veelgestelde vragen over HTML
Waar staat HTML voor?
HTML staat voor HyperText Markup Language. Hypertext is tekst met links naar andere pagina’s. Markup betekent dat je tekst voorziet van tags die aangeven wat elk stuk is.
Is HTML een programmeertaal?
Nee, HTML is een opmaaktaal. Je beschrijft ermee wat de inhoud is, zoals een kop of een link. Voor interactie gebruik je een programmeertaal zoals JavaScript.
Moet mijn HTML foutloos zijn voor Google?
Niet helemaal. Google probeert ook HTML met fouten te begrijpen. Fouten in de head kunnen wel schade doen. Google kan dan je meta-tags of canonical tag missen.