Veel bezoekers geven een pagina ongeveer zeven seconden voordat ze besluiten te blijven of weg te gaan. In die tijd doen voorbeelden van alt-tekst meer werk dan je verkooptekst. Visuele helderheid levert de extra seconden op die je nodig hebt om je aanbod uit te leggen.
Voorbeelden van alt-tekst beschrijven in korte, gewone taal wat er op een afbeelding staat en wat de afbeelding doet. In dit hoofdstuk lees je in gewone taal wat dat betekent, waarom het je website en marketing beïnvloedt en hoe je het toepast zonder te verdwalen in vakjargon. Je ziet ook welke rol afbeeldingen voor SEO daarbij speelt. We lopen het stap voor stap door.
Wat voorbeelden van alt-tekst in de praktijk betekenen
Voorbeelden van alt-tekst beschrijven in korte, gewone taal wat er op een afbeelding staat en wat de afbeelding doet.
Goede alt-tekst helpt bij SEO en toegankelijkheid, zonder dat je er zoekwoorden in hoeft te proppen.
Laat bij alt-tekst voor afbeeldingen zinnen als "afbeelding van" weg, tenzij ze nodig zijn.
Zo pas je voorbeelden van alt-tekst toe op je site
Schrijf alt-tekst voor informatieve afbeeldingen en markeer decoratieve afbeeldingen op de juiste manier.
Begin met één pagina, zoals je homepage of belangrijkste landingspagina. Los eerst het grootste probleem op en pas hetzelfde patroon daarna toe op andere sjablonen.
Combineer dit hoofdstuk met bestandstypes voor afbeeldingen voor de basis en websiteafbeeldingen voor de volgende stap in deze module.
Praktische checklist voor vandaag
Schrijf alt-tekst voor informatieve afbeeldingen en markeer decoratieve afbeeldingen op de juiste manier.
Vraag je bij elke pagina af of voorbeelden van alt-tekst op mobiel binnen de eerste scroll zichtbaar zijn. Zo niet, zet dan eerst de onderdelen in een andere volgorde voordat je details gaat bijschaven.
Bewaar schermafbeeldingen van voor en na elke aanpassing, zodat je ziet wat er voor voorbeelden van alt-tekst echt verschil maakte.
Deel deze checklist met iedereen die je site bijwerkt, zodat afbeeldingen voor SEO ook op nieuwe pagina's consistent blijven.
Kies deze maand één cijfer om te volgen, zoals de tijd op de pagina of het aantal gestarte formulieren. Zo koppel je aanpassingen aan je design aan bedrijfsresultaten in plaats van aan smaak alleen.
Hoe dit onderwerp aansluit op je hele merk
Visuele keuzes blijven zelden bij één pagina. Laat bij alt-tekst voor afbeeldingen zinnen als "afbeelding van" weg, tenzij ze nodig zijn.
Je social posts, e-mails en drukwerk horen dezelfde hiërarchie, kleuren en typografieregels te volgen als je site.
Als je merkbeeld uit elkaar loopt, voelen klanten een subtiel verschil, ook als ze niet kunnen uitleggen wat er niet klopt.
Lees websiteafbeeldingen om dit hoofdstuk te vergelijken met een verwant hoofdstuk in deze module.
Goede alt-tekst helpt bij SEO en toegankelijkheid, zonder dat je er zoekwoorden in hoeft te proppen.
Vragen die mensen vaak over het hoofd zien
Verwante termen zoals afbeeldingen voor SEO en alt-tekst voor afbeeldingen helpen je om verder te zoeken naar voorbeelden en je werk te vergelijken met gangbare normen.
Laat bij alt-tekst voor afbeeldingen zinnen als "afbeelding van" weg, tenzij ze nodig zijn.
Schrijf op welke ene wijziging je deze week op een live pagina gaat testen, met een situatie voor en na. Kleine, gemeten aanpassingen werken beter dan vage plannen.
Als je team dezelfde woorden gebruikt voor voorbeelden van alt-tekst, heb je minder correctierondes met ontwerpers en bureaus.
Tools die visuele aanpassingen makkelijker maken
Voor veel problemen met opmaak en stijl heb je geen eigen code nodig. In een visuele editor pas je ruimtes, kleuren en typografie aan en bekijk je tegelijk de mobiele en de desktopversie.
WEMASY heeft een Websitebouwer met visueel bewerken, zodat je wijzigingen kunt publiceren zonder voor elke kleinigheid op een ontwikkelaar te wachten. Open de Websitebouwer zodra je klaar bent om toe te passen wat je hebt geleerd.
Bekijk bestandstypes voor afbeeldingen en afbeeldingen optimaliseren voor het web opnieuw als je updates publiceert, zodat je de module als geheel in je hoofd houdt.
Je hebt nu een werkbare kijk op voorbeelden van alt-tekst. Gebruik die als je je site doorloopt, marketingmateriaal goedkeurt of een ontwerper briefet. Ga verder met afbeeldingen optimaliseren voor het web en websiteafbeeldingen om in deze module vaart te houden.
Veelgestelde vragen
Hoe lang duurt het om voorbeelden van alt-tekst te verbeteren?
De meeste kleine bedrijven zien binnen een paar gerichte sessies duidelijkere pagina's, zodra ze de basis uit dit hoofdstuk toepassen. Begin met je homepage en pas dezelfde regels daarna toe op je dienstenpagina's en contactpagina.
Heb je een ontwerper nodig voor voorbeelden van alt-tekst?
Een ontwerper helpt bij een grote restyling, maar veel verbeteringen rond voorbeelden van alt-tekst kun je zelf doen zodra je weet waar je op moet letten. Lees bestandstypes voor afbeeldingen naast dit hoofdstuk voor verwante tips.
Kan WEMASY je helpen met voorbeelden van alt-tekst?
WEMASY heeft in de Websitebouwer een visuele editor, zodat je opmaak, kleuren en typografie zonder code aanpast. Open de Websitebouwer om sjablonen aan te passen en wijzigingen op mobiel te bekijken.
Wat is de meest gemaakte fout bij voorbeelden van alt-tekst?
Mensen proberen alles tegelijk te verbeteren in plaats van pagina voor pagina. Kies één prioriteit, zoals leesbaarheid of contrast, en bekijk daarna afbeeldingen optimaliseren voor het web voor de volgende verbetering.
Hoe hangen voorbeelden van alt-tekst samen met SEO?
Een duidelijke visuele hiërarchie en leesbare tekst houden bezoekers langer op de pagina. Dat ondersteunt de betrokkenheidssignalen waar zoekmachines naar kijken. Combineer verbeteringen aan je design met een stevige contentstructuur voor het beste resultaat.
Waar ga je verder na voorbeelden van alt-tekst?
Ga verder met bestandstypes voor afbeeldingen en afbeeldingen optimaliseren voor het web in dit boek om een compleet visueel systeem voor je merk online op te bouwen.