GePeCa Tekst en Web

Category: Afbeeldingen

Afbeeldingen optimaliseren

Het is belangrijk je afbeeldingen te optimaliseren voor het web, ze moeten duidelijk zijn, maar niet groter dan noodzakelijk omdat grote afbeeldingen de laadtijd van je website ernstig kunnen vertragen. Verder is het voor de vindbaarheid (SEO) van je website goed om je afbeeldingen een duidelijke naam en een zogenaamde alt-tag mee te geven.
De verschillende optimalisaties op een rij:

Bestandsformaten

Foto’s kun je het beste opslaan als een jpg-bestand. Dat is een gecomprimeerd bestand, waardoor de bestandsgrootte kleiner is geworden. Dat brengt iets kwaliteitsverlies met zich mee, maar dat is vaak met het blote oog niet te zien. Door de kleinere bestandsgrootte wordt een jpg-afbeelding wel sneller geladen.
Andere afbeeldingen zoals logo’s, iconen en grafieken, maar ook foto’s met een transparante achtergrond sla je op als png. Een png-bestand is ook een gecomprimeerd bestand, maar hier is geen sprake van kwaliteitsverlies. Het nadeel van een png is echter dat het niet zoveel kleuren kan bevatten en veel zwaarder is dan een jpg-bestand.

Resolutie

Resolutie is het aantal pixels per inch van een afbeelding. Hoe meer pixels, hoe meer informatie de afbeelding bevat en hoe scherper de afbeelding, maar de foto wordt hierdoor ook zwaarder en dat vertraagt de laadtijd. Waar voor gedrukte media meestal een resolutie van 300 dpi (dots per inch) wordt gebruikt is online 72 dpi voldoende. Verwar resolutie niet met afmetingen (de lengte maal de breedte van een afbeelding).

Afmeting

Hoe groter je afbeeldingen, hoe meer ruimte ze in beslag nemen. Maak je afbeelding daarom eerst met een fotobewerkingsprogramma ongeveer op maat voordat je hem uploadt. Daarna kun je hem altijd nog een beetje groter of kleiner maken.

Bestandsnaam

Als je een foto maakt met bijvoorbeeld je mobiele telefoon, heeft die een naam die niet veel zegt. Geef je foto’s voordat je ze naar je WordPressomgeving uploadt altijd een naam die iets zegt over de pagina waarop je hem plaatst. Dus niet 123.jpg, maar bijvoorbeeld afbeeldingen_optimaliseren.jpg,

Alt-tags

Als je een afbeelding in WordPress hebt geüpload, vul dan altijd de alt-tag en de titel in. Dat is niet alleen handig voor blinden en slechtzienden, maar ook goed voor de vindbaarheid van je website. Google ziet namelijk geen afbeeldingen, maar wel de tags die daar als het ware achter hangen.

Wat is een alt-tekst

alt-tag

Een alt-tekst is bedoeld voor mensen met een visuele beperking, zij kunnen die tag met speciale apparatuur lezen wat er op de afbeelding te zien is. Een alt-tekst kan ook goed voor je SEO worden ingezet. Deze tekst hangt als het ware achter een afbeelding op je website en is voor mensen niet te zien, maar wel voor Google. Dat is handig omdat Google de afbeelding zelf niet ziet.

Hoe schrijf je een goede alt-tekst

Als het goed is heeft je afbeelding te maken met de tekst op je webpagina en de alt-tekst kun je dan gebruiken voor een korte omschrijving van de inhoud van je pagina. Die leest Google en dat is goed voor je SEO. Als je een headerafbeelding op je website hebt, komt diezelfde afbeelding meestal op iedere pagina terug en zegt vaak niet veel over de inhoud, een beschrijving van deze afbeelding, voegt daardoor niks toe als je hem laat voorlezen met een screenreader. Om die reden kun je ervoor kiezen om geen alt-tekst in te geven, maar voor je SEO is dat wel verstandig.