Alt Tekst

Een alt tekst is een korte beschrijving van een afbeelding die in de code van je website staat en die vertelt wat er op die afbeelding te zien is. Schermlezers lezen hem voor aan mensen die slecht of niet zien, en Google gebruikt hem om te begrijpen waar een afbeelding over gaat, zodat je ook in Google Afbeeldingen gevonden kunt worden. Je ziet hem zelf bijna nooit. Pas als een afbeelding niet laadt, verschijnt de alt tekst op de plek waar de foto had moeten staan. Toch is het een van die kleine dingen die een groot verschil maken. Wij zijn LarsWebdesign, een webdesign- en SEO-bureau uit het Westland, en wij bouwen websites die razendsnel en SEO-proof zijn. Afbeeldingen horen daar gewoon bij. Op deze pagina leggen we uit wat een alt tekst afbeelding precies doet, waarom hij telt voor toegankelijkheid en vindbaarheid, hoe je een goede schrijft en wanneer je hem beter leeg laat. En we kijken verder dan alleen de alt tag, want afbeeldingen optimaliseren voor SEO gaat ook over bestandsnamen, formaten en snelheid.

Wat is een alt tekst?

Wat is een alt tekst nu precies? Elke afbeelding op een website wordt in de code geplaatst met een stukje HTML. Daarin staat waar het bestand te vinden is, en daarnaast kun je een extra eigenschap meegeven: het alt-attribuut. Alt staat voor alternatief.

De tekst die je daar invult, is het alternatief voor iedereen die de afbeelding zelf niet kan zien. In de volksmond heet het vaak een alt tag. Technisch gezien is dat niet helemaal juist, want het is een eigenschap van de afbeelding en geen losse tag, maar iedereen bedoelt hetzelfde. Zoek je op alt tag, alt tekst of alternatieve tekst, dan gaat het steeds over dat ene veldje.

In de meeste systemen waarmee je je website beheert, vul je hem in bij het uploaden van een afbeelding. Vaak staat er een veld met de naam alternatieve tekst naast de titel en het bijschrift. Veel ondernemers slaan dat veld over, omdat er op het scherm niets verandert als je het invult. Dat is begrijpelijk, maar zonde.

Wie heeft er dan wel iets aan? In de eerste plaats mensen die slecht of niet zien. Zij gebruiken vaak een schermlezer, software die de inhoud van een pagina hardop voorleest of omzet naar braille. Komt zo'n schermlezer een afbeelding tegen zonder alt tekst, dan hoort de bezoeker in het beste geval niets en in het slechtste geval een onleesbare bestandsnaam vol cijfers.

Stel je voor dat je op de website van een installateur zoekt naar een voorbeeld van een badkamer en je hoort alleen een reeks letters en cijfers. Je haakt af. Met een goede alt tekst hoort diezelfde bezoeker gewoon wat er te zien is. In de tweede plaats heeft Google er iets aan.

Google wordt steeds beter in het herkennen van beelden, maar leest nog altijd vooral tekst. De alt tekst is voor Google een duidelijke aanwijzing over wat er op een foto staat en hoe die foto past bij de rest van de pagina. Dat helpt bij je gewone posities en zeker bij Google Afbeeldingen, waar mensen zoeken op beeld. In de derde plaats helpt hij iedere bezoeker op het moment dat een afbeelding niet laadt, bijvoorbeeld door een trage verbinding onderweg.

Dan verschijnt de alt tekst op de plek van de foto en weet de bezoeker toch wat daar had moeten staan. Een alt tekst is dus geen trucje voor zoekmachines. Het is een stukje beschrijving dat je website bruikbaar maakt voor meer mensen, en Google beloont dat.

Waarom een alt tekst telt voor toegankelijkheid en Google

Een alt tekst lijkt een detail, maar hij raakt twee dingen waar je als ondernemer niet omheen kunt: wie je website kan gebruiken en hoe goed je gevonden wordt. Laten we bij toegankelijkheid beginnen. Een website is toegankelijk als zoveel mogelijk mensen hem kunnen gebruiken, ook als ze een beperking hebben. Denk aan mensen die blind of slechtziend zijn, maar ook aan oudere bezoekers die de tekst laten voorlezen.

Voor al die bezoekers is een afbeelding zonder alt tekst een gat in je verhaal. Vooral bij afbeeldingen die iets uitleggen, gaat het mis. Een foto van je team, een afbeelding van een product of een schema dat je werkwijze laat zien, draagt informatie. Mist de beschrijving, dan mist de bezoeker die informatie ook.

Het mooie is dat een toegankelijke website bijna altijd ook een betere website is voor iedereen. Duidelijke teksten, logische kopjes en goed beschreven afbeeldingen maken het voor elke bezoeker makkelijker om te vinden wat hij zoekt. Wij zeggen niet voor niets dat mooi niet genoeg is. Alles wat we bouwen is gericht op meer bezoekers, leads en omzet, en een bezoeker die afhaakt omdat hij je pagina niet kan volgen, levert niets op.

Wie toegankelijkheid meteen goed regelt, hoeft het later ook niet te repareren.

Alt tekst en Google Afbeeldingen

Dan de vindbaarheid. Google heeft een aparte zoekfunctie voor beelden, en daar zoeken mensen vaker dan je denkt. Iemand die een nieuwe keuken wil, een bepaald soort kas zoekt of wil zien hoe een verbouwing eruit kan zien, begint niet zelden bij de afbeeldingen. Staat jouw foto daar tussen, dan is dat een extra ingang naar je website.

Om daar te verschijnen, moet Google begrijpen wat er op je afbeelding staat. De alt tekst is daarbij een van de sterkste signalen, samen met de tekst rondom de afbeelding, de bestandsnaam en het onderwerp van de pagina. Ook voor je gewone posities telt het mee. Een pagina waarop tekst en beeld over hetzelfde onderwerp gaan, geeft Google een consistent beeld van waar die pagina over gaat.

Een pagina vol afbeeldingen zonder beschrijving laat die kans liggen. Houd het wel in verhouding. Van alle mensen zoekt 93% via Google en de top 3 krijgt ruim 70% van de klikken, maar een alt tekst alleen brengt je niet in die top 3. Het is een van de vele kleine onderdelen van on page SEO die samen het verschil maken, naast je teksten, kopjes en interne links.

Juist omdat het zo weinig moeite kost, is het zonde om het te laten liggen. Een paar minuten per afbeelding is genoeg.

Zo schrijf je een goede alt tekst

Een goede alt tekst schrijven is niet moeilijk, als je één vraag in je achterhoofd houdt: wat zou je vertellen als je deze afbeelding aan iemand aan de telefoon moet beschrijven? Dat is precies de toon die werkt. Beschrijvend, concreet en zonder omwegen. Neem een foto van een monteur die een airco ophangt in een woonkamer.

Een zwakke alt tekst is simpelweg airco. Een betere is monteur hangt een airco op aan de muur van een woonkamer. De bezoeker weet nu wat er gebeurt, en Google ook. Houd hem kort.

Een of twee zinnen is meestal genoeg, en vaak volstaat een beschrijving van een regel. Schermlezers lezen de hele tekst voor, en een lap tekst bij elke foto wordt snel vermoeiend. Begin ook niet met afbeelding van of foto van. Een schermlezer meldt zelf al dat het om een afbeelding gaat, dus dat is dubbel.

Denk daarnaast aan de context. Dezelfde foto kan op twee pagina's een andere alt tekst verdienen. Op een pagina over je team gaat het om wie er op de foto staat, op een pagina over je werkplaats gaat het eerder om de ruimte. Beschrijf wat de afbeelding op die plek toevoegt.

En dan het zoekwoord. Het is verleidelijk om in elke alt tekst je belangrijkste zoekwoord te stoppen, of zelfs een hele reeks. Doe dat niet. Een alt tekst als dakdekker Delft dakdekker Rijswijk goedkope dakdekker is geen beschrijving meer, maar een opsomming van zoekwoorden.

Google herkent dat en waardeert het niet, en voor iemand met een schermlezer is het onbruikbaar. Past het zoekwoord natuurlijk bij wat er te zien is, gebruik het dan gerust. Staat er echt een dakdekker aan het werk op een dak in Delft, dan mag dat er gewoon staan. Beschrijf eerst, en laat het zoekwoord alleen meekomen als het klopt.

Wanneer is een lege alt tekst juist goed? Niet elke afbeelding heeft een betekenis. Een sierlijn, een achtergrondpatroon of een icoontje naast een tekst die zelf al alles zegt, voegt inhoudelijk niets toe. Dat heten decoratieve afbeeldingen.

Geef je die een alt tekst, dan moet een bezoeker met een schermlezer daar steeds naar luisteren zonder dat het iets oplevert. Voor zulke afbeeldingen laat je de alt tekst bewust leeg. Let wel op het verschil tussen een lege alt tekst en helemaal geen alt tekst. Bij een leeg alt-attribuut weet de schermlezer dat hij de afbeelding mag overslaan.

Ontbreekt het attribuut helemaal, dan leest hij soms de bestandsnaam voor. Twijfel je of een afbeelding decoratief is? Vraag je af of de bezoeker iets mist als de afbeelding weg zou zijn. Is het antwoord nee, dan is leeg de juiste keuze.

Is het ja, dan verdient hij een beschrijving.

Afbeeldingen optimaliseren voor SEO: meer dan de alt tekst

Een goede alt tekst is een mooi begin, maar afbeeldingen optimaliseren voor SEO gaat verder. Het begint al voordat je een foto uploadt, bij de bestandsnaam. Een bestand dat van je camera of telefoon komt, heeft meestal een naam vol cijfers en letters die niemand iets zegt. Google leest die naam wel en haalt er dan niets uit.

Hernoem je het bestand naar een korte beschrijving, zoals monteur-airco-woonkamer.jpg, dan geef je Google een extra aanwijzing die past bij je alt tekst. Dan het formaat. Een foto hoeft op je website nooit groter te zijn dan de ruimte waarin hij getoond wordt. Toch zien we vaak afbeeldingen van duizenden pixels breed die op het scherm in een klein vakje staan.

De browser moet dan het hele zware bestand binnenhalen en het daarna verkleinen. Dat kost tijd, vooral op een telefoon. Verklein je afbeeldingen daarom eerst tot de maat die je echt nodig hebt. Ook het bestandstype telt.

Moderne bestandstypen zoals WebP zijn bij dezelfde kwaliteit een stuk lichter dan de klassieke formaten, en een gecomprimeerde foto is bijna altijd beter dan een zwaar origineel. Dat brengt ons bij bestandsgrootte en snelheid. Afbeeldingen zijn op veel websites de grootste reden dat pagina's traag laden. En een trage pagina kost je twee keer: bezoekers klikken weg voordat ze iets gezien hebben, en Google neemt de laadsnelheid mee in zijn beoordeling.

Een laatste slimme stap is lazy loading, waarbij afbeeldingen lager op de pagina pas laden als de bezoeker ernaartoe scrolt. Zo verschijnt het bovenste deel van je pagina sneller.

Hoe wij omgaan met afbeeldingen en alt teksten

Bij de websites die wij bouwen, nemen we dit vanaf het begin mee. In onze werkwijze van 14 dagen zitten de bouw en de SEO samen in dag 6 tot en met 13, en in die fase maken we de website razendsnel en SEO-proof. Afbeeldingen krijgen dan de juiste maat, een licht formaat, een logische bestandsnaam en een alt tekst die beschrijft wat er te zien is. Decoratieve afbeeldingen laten we bewust leeg.

Omdat je website in een CMS draait, kun je daarna zelf nieuwe foto's toevoegen. We laten je graag zien waar je de alt tekst invult, zodat je nieuwe afbeeldingen net zo goed beschrijft als de eerste. Goede foto's helpen natuurlijk ook. Echte beelden van je team, je werkplaats of je producten zeggen meer dan stockfoto's die ook op tien andere websites staan, en ze zijn veel makkelijker eerlijk te beschrijven.

Daarom zit in ons Dominantie-pakket, vanaf €4.500 exclusief btw, een fotografie-dag. Zo heb je eigen beeld dat bij je bedrijf past en dat wij direct goed verwerken. Meer over onze pakketten lees je op onze pagina over een website laten maken. Heb je al een website en vraag je je af hoe het met je afbeeldingen, alt teksten en laadsnelheid staat?

Vraag dan onze gratis SEO-scan aan of plan een vrijblijvend kennismakingsgesprek. Je krijgt binnen 24 uur een reactie, direct van ons team en zonder tussenlagen.