Schrijf duidelijke, bondige afbeeldingsbeschrijvingen om je SEO te verbeteren en je content toegankelijker te maken.

Alt-tekst is tekst die je aan afbeeldingen toevoegt om ze toegankelijker te maken voor bezoekers. Zoekmachines gebruiken alt-tekst ook om de inhoud van de afbeelding te identificeren, dus het is een geweldige manier om je site een SEO-boost te geven. Op sommige plaatsen dient de bestandsnaam van je afbeelding als alt-tekst als je niet handmatig alt-tekst toevoegt. Voor afbeeldingblokken en Automatische lay-outs moet je handmatig alt-tekst toevoegen. 

Alt-tekst is ook handig voor ondersteunende schermlezers of browsers met uitgeschakelde afbeeldingen. Als een browser de afbeelding niet kan weergeven, wordt mogelijk de alt-tekst getoond. Alt-tekst hoeft niet als platte tekst op de pagina zichtbaar te zijn om door een schermlezer te kunnen worden gelezen. Als je alt-tekst toevoegt, gebruik dan korte, leesbare voorwaarden die de afbeelding beschrijven. Volg onze tips om je beelden toegankelijk te maken.

In deze gids lees je hoe je alt-tekst toevoegt aan de afbeeldingen op je site en hoe je afbeeldingen automatisch van alt-tekst voorziet.

Een video kijken

Best practices voor alt-teksten

Denk er bij het schrijven van alt-tekst aan dat je schrijft voor mensen die ondersteunende schermlezers gebruiken of die afbeeldingen in hun browser hebben uitgeschakeld. Houd er rekening mee:

• Wees beschrijvend en behulpzaam. Hoe zou je deze afbeelding beschrijven aan iemand die hem niet kan zien?
• Houd de tekst kort, bij voorkeur tussen de 150 en 200 tekens.
• Optimaliseer je tekst voor zoekopdrachten door trefwoorden toe te voegen, maar vermijd overmatig gebruik van trefwoorden.
• Schrijf in echte zinnen; gebruik geen koppeltekens om woorden te scheiden.
• Je kunt woorden zoals "de" en "een" weglaten, evenals voorwaarden zoals "foto" of "afbeelding". Gebruik bijvoorbeeld groene vaas in plaats van afbeelding van een groene vaas.
• Gebruik de SEO-rapporttool om je site te scannen op afbeeldingen die alt-tekst missen. 

Gebruik Squarespace AI om je alt tekst te genereren

Het gebruik van Squarespace AI om alt-tekst te genereren is alleen beschikbaar bij gebruik van Fluid Engine versie 7.1.

Je kunt de SEO-rapportagetool gebruiken om je site te scannen, afbeeldingen zonder alt-tekst te vinden en de suggesties voor die afbeeldingen te bekijken of te bewerken.

De tool scant ontbrekende alt-tekst in alle afbeeldingsblokken, galeriegedeelten en gedeelten voor Automatische lay-outs die zijn toegevoegd aan gewone en collectiepagina's. Afbeeldingen toegevoegd aan collectie-items worden niet opgenomen in de scan. 

Gebruik de SEO-rapporttool om alt-tekst te genereren:

1. Open het SEO/AI-visibilitypaneel.
2. Klik in het gedeelte SEO-voltooiingsscore op verbeteren met AI.
3. De SEO-rapportagetool scant je site en vlagt gebieden waar geen alt-tekst aanwezig is. Klik op Bewerken of Opnieuw genereren om de voorgestelde tekst te bewerken, of klik op Opslaan en doorgaan om de voorgestelde tekst op te slaan en toe te passen.

Namen van afbeeldingsbestanden

De bestandsnaam van een afbeelding fungeert als alt-tekst als er geen andere alt-tekst is toegevoegd, behalve bij afbeeldingblokken en automatische lay-outs. We raden aan om onze beste praktijken voor alt-tekst te gebruiken bij het maken van bestandsnamen voor je afbeeldingen.

Om de bestandsnaam te wijzigen, werk deze bij in de Assetbibliotheek.

Tip: Gebruik alleen letters, cijfers, underscores en koppeltekens in bestandsnamen.

Websitelogo

De sitetitel dient als de alt-tekst voor het site-logo.

Afbeeldingblokken

Je kunt alt-tekst van maximaal 250 tekens toevoegen aan elke lay-out van een afbeeldingblok. Als je geen alt-tekst toevoegt aan afbeeldingblokken, wordt de afbeelding verborgen voor ondersteunende technologieën zoals schermlezers. Hoe je alt-tekst toevoegt aan een afbeeldingblok hangt er vanaf op welke versie van Squarespace je site draait.

Automatische lay-outs en afbeeldingen voor het galeriegedeelte

Automatische lay-outs en galeriegedeelten worden alleen ondersteund in versie 7.1.

Je kunt alt-tekst toevoegen aan automatische lay-outs en galeriegedeelten, maar elk gebruikt een andere methode.

Automatische lay-outs

Als het veld met de alt-tekst van de afbeelding niet verschijnt in het tabblad Elementen, zet dan de schakelaar Afbeelding weergeven aan. Alt-tekst toevoegen aan afbeeldingen in Automatische lay-outsgedeelten:

1. Terwijl je een pagina bewerkt, zweef je over het gedeelte voor Automatische lay-outs en klik je op Inhoud bewerken.
2. Klik op het tabblad content.
3. Klik op de afbeelding waaraan je alt-tekst wilt toevoegen.
4. Scroll naar alt-tekst bij afbeelding en voer je alt-tekst in het veld in.
5. Klik op Terug en vervolgens op Opslaan.

Als je geen alt-tekst toevoegt aan automatische lay-outs, wordt er geen alt-tekst weergegeven.

Galeriesecties

Galeriegedeelten laten vooral afbeeldingen zien. Als je een beschrijving toevoegt aan afbeeldingen in het galeriegedeelte, wordt deze automatisch omgezet in alt-tekst en het onderschrift voor de afbeelding.

Afbeeldingen van galerieblokken

In versie 7.1 kun je alleen galerieblokken toevoegen aan blogposts, productelementen en individuele evenementen.

Om alt-tekst toe te voegen aan een afbeelding in een galerieblok:

1. Dubbelklik op het galerieblok of klik op Bewerken.
2. Zoek de afbeelding die je wilt bewerken, zweef erover en klik op .
3. Voeg alt-tekst toe aan het veld "Enter an image title". Als je geen afbeeldingstitel toevoegt, wordt de tekst in het beschrijvingsveld alt-tekst.
4. Klik op opslaan.

Uitgelichte afbeeldingen van blogpost en evenement

De titel van een blogpost of evenement dient als de alt-tekst voor de uitgelichte afbeelding van de post of het evenement. Voor evenementenpagina's geldt hetzelfde voor zowel de lijst- als de agenda-lay-outs.

Pagina uitgelichte afbeeldingen

Bestandsnamen dienen als alt-tekst voor uitgelichte afbeeldingen op pagina's. Zorg ervoor dat je alle uitgelichte afbeeldingen een naam geeft zoals je wilt dat ze verschijnen voordat je ze uploadt.

Miniatuur van het videoblok

Wanneer je videoblokken aan je pagina toevoegt met een URL, genereert het blok automatisch een miniatuur en verschijnt deze als een overlay. Als je een aangepaste miniatuur toevoegt, wordt de bestandsnaam weergegeven in de statische URL, maar niet als alt-tekst. Het is niet mogelijk om alt-tekst toe te voegen aan miniaturen van een videoblok.

Productafbeeldingen

Je kunt alt-tekst van maximaal 200 tekens toevoegen aan elke productafbeelding. Als je geen alt-tekst toevoegt, wordt de productnaam alt-tekst. Om alt-tekst toe te voegen:

1. Zweef over een product op je winkelpagina en dubbelklik erop.
2. Zweef over de productafbeelding, klik op de drie puntjes en klik vervolgens op Metagegevens bewerken.
3. Voeg je tekst toe aan het Alt-tekst veld.
4. Klik op Toepassen.

Voorpagina-afbeeldingen (versie 7.0)

Om alt-tekst toe te voegen aan een afbeelding op de voorpagina:

1. Klik in het voorpagina-menu op het Media-paneel.
2. Zweef over de afbeelding en klik op .
3. Voeg alt-tekst toe aan het veld Voer alt-tekst in…
4. Klik op opslaan.

Afbeeldingen van de galeriepagina (versie 7.0)

Om alt-tekst toe te voegen aan een afbeelding op een galeriepagina:

1. Klik op de galeriepagina in het paneel Pagina's.
2. Zoek de afbeelding die je wilt bewerken, zweef erover en klik op .
3. Voeg alt-tekst toe in het veld Afbeeldingstitel. Als je geen afbeeldingstitel toevoegt, wordt de tekst in het beschrijvingsveld de alt-tekst.
4. Klik op opslaan.

Afbeeldingen, blogberichten en productgedeelten voor Email Campaigns

In Squarespace Email Campaigns kun je alt-tekst toevoegen aan afbeeldingen, blogposts en producten die je aan je campagne toevoegt:

1. Klik in je campagneconcept op een afbeeldingsgedeelte, bloggedeelte of productgedeelte.
2. Klik in het rechterpaneel op de afbeelding, blogpost of product waar je alt-tekst wilt toevoegen.
3. Voeg alt-tekst toe onder Image Alt Text. De alt-tekst wordt automatisch opgeslagen.

Als je geen alt-tekst toevoegt aan deze gedeelten, wordt er geen alt-tekst weergegeven. Het is niet mogelijk om alt-tekst toe te voegen aan afbeeldingen of logo's in de campagneheader.

Achtergrondafbeeldingen gedeelte

Het is niet mogelijk om alt-tekst toe te voegen aan achtergrondafbeeldingen. Puur decoratieve afbeeldingen, zoals abstracte achtergrondafbeeldingen of grafische elementen die content scheiden, vereisen geen beschrijvingen. Zie de Richtlijnen voor toegankelijkheid van webcontent voor meer informatie.

Als je nog steeds geïnteresseerd bent in het toevoegen van alt-tekst aan een achtergrondafbeelding, kun je een afbeeldingblok als achtergrond voor het gedeelte gebruiken, het blok vullen en er alt-tekst aan toevoegen.

Je kunt mogelijk ook alt-tekst toevoegen aan een achtergrondafbeelding door aangepaste code toe te voegen. Zie deze post in het Squarespace Forum voor meer informatie. Houd er rekening mee dat aangepaste codewijzigingen buiten het bereik van onze ondersteuning vallen. Dit betekent dat we je niet kunnen helpen bij het opzetten of oplossen van problemen met op code gebaseerde oplossingen.

Volgende stappen

• Zie Hoe kan ik de zichtbaarheid van mijn site vergroten voor zoekmachines? voor meer SEO-tips.
• Zie Je Squarespace-site toegankelijker maken om te lezen hoe je je site toegankelijker kunt maken.

Tip: Zorg ervoor dat de afmetingen, bestandsnamen en alt-tekst van je afbeeldingen geoptimaliseerd zijn voor zoekmachines en bezoekers door de TinyIMG -extensie te koppelen. TinyIMG biedt ook een SEO-audit die problemen identificeert die de SEO van je afbeeldingen beïnvloeden. Hoewel we samenwerken met derden om ervoor te zorgen dat Squarespace Extensions goed werken, vallen extensies buiten onze Ondersteuning. We kunnen je helpen met het aansluiten of loskoppelen van je extensies. Neem voor alle andere vragen rechtstreeks contact op met de aanbieder van de extensies.