Wat is een title-attribuut?

« Back to Glossary Index

Het title-attribuut is een HTML-attribuut dat je aan vrijwel elk element kunt hangen om er extra informatie aan mee te geven. Browsers tonen die tekst als een tooltip zodra iemand met de muis over het element blijft hangen. Het is puur aanvullend: als je het weglaat, verandert er niets aan hoe de pagina werkt.

Niet te verwarren met de title-tag

Dit gaat vaak fout. De title-tag staat in de head van je pagina, is de klikbare blauwe regel in Google en weegt zwaar mee. Het title-attribuut is iets heel anders: een optioneel tooltip-tekstje bij een link, een afbeelding of een tabelcel. Als iemand zegt dat “de title belangrijk is voor SEO”, bedoelt hij de tag, niet het attribuut.

Wat het doet voor zoekmachines

Zo goed als niets. Google gebruikt het title-attribuut niet als ranking-signaal. Bij afbeeldingen is het alt-attribuut het veld dat telt, niet title. Het idee dat je je zoekwoord in elk title-attribuut moet stoppen komt uit 2008 en levert vandaag alleen rommelige code op.

En voor toegankelijkheid?

Ook daar is het minder nuttig dan mensen denken. Screenreaders lezen title-attributen inconsistent voor en op een telefoon of tablet bestaat hover niet, dus de tooltip verschijnt er nooit. Zet dus nooit informatie die je bezoeker nodig heeft alleen in een title-attribuut.

Er zijn wel plekken waar het wel degelijk hoort. Een iframe heeft een title nodig zodat een screenreader kan vertellen wat erin zit, bijvoorbeeld title=”Google Maps met onze locatie”. Bij een afkorting in een abbr-element is een title de nette manier om de volledige term te geven.

Een voorbeeld

Een link als <a href=”/tarieven” title=”Bekijk onze tarieven”>Tarieven</a> voegt niets toe. De ankertekst zegt al precies hetzelfde. Wat wel helpt is de ankertekst zelf verbeteren: schrijf “Bekijk onze SEO-tarieven” in plaats van “Lees meer”. Dat is beter voor je bezoeker, voor een screenreader en voor Google tegelijk. Wil je weten of dit soort details op je site kloppen, start dan met een SEO-scan.

« Back to Glossary Index