Alt tekst: wat het is en hoe je een goede schrijft

Een alt tekst is een korte beschrijving van een afbeelding die in de code van je website staat. Bezoekers zien hem niet, maar schermlezers lezen hem voor en Google gebruikt hem om te begrijpen wat er op de foto staat. Een goede alt tekst beschrijft concreet wat je ziet, in één zin. Hieronder lees je hoe je dat doet en waar je hem invult in WordPress en Framer.

1. Waarom alt tekst belangrijk is

• Toegankelijkheid. Mensen die slecht of niet zien gebruiken een schermlezer. Zonder alt tekst horen ze alleen "afbeelding" of een bestandsnaam.

• Vindbaarheid in Google. Google noemt alt tekst de belangrijkste eigenschap om extra informatie aan een afbeelding mee te geven. Het helpt je foto's ook in Google Afbeeldingen te laten verschijnen.

• Als de afbeelding niet laadt. Bij een trage verbinding of een kapotte link toont de browser de alt tekst.

• Bij afbeeldingen die een link zijn. Dan werkt de alt tekst als ankertekst voor die link.

In de code ziet het er zo uit:

<img src="dakkapel-zeist.jpg" alt="Nieuwe witte dakkapel op een jaren 30 woning in Zeist">

Je hoort ook wel "alt tag". Technisch is het een attribuut, maar het gaat om hetzelfde.

2. Zo schrijf je een goede alt tekst

1. Beschrijf wat je echt ziet. Wie, wat, waar. Stel je voor dat je de foto aan iemand door de telefoon beschrijft.

2. Houd het kort. Eén zin is genoeg. Begin niet met "afbeelding van" of "foto van". Een schermlezer meldt zelf al dat het een afbeelding is.

3. Gebruik je zoekwoord alleen als het past. Google waarschuwt dat het volproppen met zoekwoorden een slechte ervaring geeft en als spam kan worden gezien.

4. Denk aan de context. Dezelfde foto kan op een andere pagina een andere alt tekst nodig hebben. Op een productpagina beschrijf je het product, op een teampagina de persoon.

5. Sluit af met een punt. Framer adviseert dat, en een schermlezer pauzeert dan netjes.

3. Voorbeelden van goede en slechte alt tekst

Google geeft zelf een voorbeeld met een puppy. Van slecht naar best: geen alt tekst, een rij zoekwoorden ("puppy dog baby dog pup pups puppies"), alleen "puppy", en als beste "Dalmatian puppy playing fetch". Vertaald naar een paar Nederlandse situaties:

3.1 Wanneer laat je de alt tekst leeg?

Bij puur decoratieve afbeeldingen, zoals een lijntje, een achtergrondpatroon of een sfeerfoto die niets toevoegt aan de tekst. Dan laat je het veld bewust leeg (alt=""). Een schermlezer slaat de afbeelding dan over. Laat het veld niet weg, want dan leest een schermlezer soms de bestandsnaam voor.

4. Alt tekst toevoegen in WordPress

4.1 In de blokeditor (per pagina)

1. Klik op het Afbeelding blok.

2. Zie je geen zijbalk? Klik rechtsboven op Instellingen, naast de knop Opslaan of Publiceren.

3. Vul in het tabblad met de blokinstellingen het veld Alternatieve tekst in.

4. Is de afbeelding decoratief? Vink dan Markeren als decoratief aan.

Alt tekst die je hier invult, geldt alleen voor de afbeelding op die ene pagina.

4.2 In de mediabibliotheek (als standaard)

1. Ga naar Media en klik op de afbeelding.

2. Vul het veld Alternatieve tekst in. Daar staan ook Titel, Bijschrift en Beschrijving.

Die tekst wordt de standaard als je de afbeelding later ergens invoegt. Afbeeldingen die al op een pagina staan, worden niet automatisch bijgewerkt.

Werk je met een pagebuilder zoals WPBakery of Elementor? Dan haalt die de alt tekst meestal uit de mediabibliotheek. Vul hem daar dus altijd in.

5. Alt tekst toevoegen in Framer

5.1 Op het canvas

1. Selecteer de afbeelding.

2. Klik in het Styles paneel op Fill.

3. Vul in het venster dat opent de alt tekst in.

5.2 In het CMS

1. Ga naar het CMS en kies de collectie.

2. Open het item dat je wilt bewerken.

3. Klik bij het afbeeldingsveld op Choose Image en vul de alt tekst in.

Staat de afbeelding in een tekstveld met opmaak? Klik dan op de afbeelding zelf en vul de alt tekst in het pop-upvenster in.

6. Snel je hele site nalopen

Ontbrekende alt teksten vind je met een crawler zoals Screaming Frog of met de toegankelijkheidscheck in Chrome (Lighthouse). Begin met de pagina's die het meest bezocht worden, zoals je homepage, dienstpagina's en populairste producten. Wil je meer weten over teksten die Google begrijpt, lees dan ook SEO teksten schrijven en onze SEO tips.

Lukt het niet?

Heb je honderden afbeeldingen zonder alt tekst, of wil je dat iemand je hele site technisch nakijkt? Dat nemen we graag van je over. Bekijk wat SEO uitbesteden bij Rocketstyle inhoudt of plan een kennismaking.

Veelgestelde vragen

Wat is het verschil tussen alt tekst en de titel van een afbeelding?

De alt tekst beschrijft de afbeelding voor schermlezers en zoekmachines. De titel verschijnt bij sommige browsers als je met je muis over de afbeelding gaat. Voor SEO en toegankelijkheid is de alt tekst het belangrijkst.

Hoe lang mag een alt tekst zijn?

Er is geen harde grens in de richtlijnen van Google. Houd het bij één zin. Lange teksten zijn vervelend om te beluisteren met een schermlezer.

Moet mijn zoekwoord in de alt tekst?

Alleen als het de afbeelding echt beschrijft. Zet je hem er geforceerd in, dan helpt dat niet en kan Google het als spam zien.

Kan ik alt teksten automatisch laten maken?

Er bestaan plugins voor WordPress en Framer die met AI alt teksten genereren. Dat scheelt tijd, maar controleer ze altijd. Een AI weet niet welke dienst of welk product je wilt laten zien.

Moet ik ook alt tekst invullen bij een logo?

Ja, als het logo een link is, bijvoorbeeld naar je homepage. Beschrijf dan de bedrijfsnaam en waar de link heen gaat.