UA-2131491-6

Leesvoer - oftewel ons blog

Over afbeeldingen op je website

Een vaak terugkerende vraag is “Wat is de beste afmeting van een foto op een website of in een blog?”. Deze vraag is ook gesteld in het door mij verzorgde vragenuurtje van de Academie van Ik help jou online. Een belangrijke vraag, want het hebben van aantrekkelijke afbeeldingen is cruciaal voor een blog.

Een afbeelding uploaden
Een afbeelding is belangrijk voor je blogpost

De beste afmeting van een afbeelding

De afmeting van je afbeeldingen heeft invloed op de snelheid van je website en dit heeft weer invloed op je ranking in Google. Sterker, tijdens het Yoast webinar over SEO in 2019 van 20 november 2018 wordt snelheid nog belangrijker in 2019.

Upload de afbeelding dan ook in het formaat dat je deze op je website getoond wilt hebben. Specifiek betekent dit: de breedte/hoogte maximaal tussen de 1000 en 1600 pixel maken. Nog beter: weet je welke ruimte beschikbaar is voor je afbeeldingen, gebruik deze dan! In het WordPress thema welke ik voor de Buro RaDer website gebruik worden afbeeldingen niet groter dan 945 x 680 pixels weergegeven. Het heeft dan ook geen enkele zijn om afbeeldingen met een groter formaat up te loaden.

Hier heb je gelukkig geen duur fotobewerkingsprogramma voor nodig. Ikzelf gebruik bijvoorbeeld het gratis programma Irfanview. Met dit programma kun je niet alleen foto’s verkleinen, maar ook heel eenvoudig uitsnedes maken.

Vervolgens zou je de bestandsgrootte van de foto’s nogmaals kunnen verkleinen door gebruik te maken van het programma TinyPNG. Ook kun kun je gebruik maken van de gratis plugin Smush waarmee je meerdere op je website geplaatste afbeeldingen in 1 keer kunt verkleinen. Je kunt deze plugin deactiveren wanneer je gedurende een periode geen afbeeldingen aan je website toevoegt.

Het nut van een fotobijschrift

Tijdens het vragenuurtje kwam ook de vraag “Is het nodig om onder elke foto een bijschrift te plaatsen?” voorbij. Het gebruik van bijschriften is belangrijk voor de SEO. Fotobijschriften zijn samen met kopjes en afbeeldingen datgene waar bezoekers als eerste naar kijken. Een dergelijk bijschrift moet natuurlijk wel meerwaarde voor de bezoeker hebben. Verplaats je hiervoor in de bezoeker.

Bestandsnaam, alt- en title teksten

En als we het dan toch over afbeeldingen hebben denk dan ook aan:

  • De juiste bestandsnaam – hier kijkt Google namelijk ook naar. Dus niet DSC63240.jpg maar bijvoorbeeld website-stappenplan-bouw.jpg waarbij website vooraan staat omdat dit in dit geval het belangrijkste sleutelwoord is.
  • De alt-tekst is de tekst die zichtbaar is wanneer de afbeelding om de één of andere reden niet getoond wordt. Hierdoor is deze zeer belangrijk voor mensen met een visuele handicap. Deze tekst zul je altijd moeten ingeven! Het is ook de tekst die in Internet Explorer verschijnt wanneer je met je muis over de afbeelding gaat. Chrome toont juist de hierna beschreven title-tekst.
    Google kijkt zeer zeker naar de alt-tekst en het is dan ook belangrijk om hier een voor de foto relevant sleutelwoord te gebruiken. De alt-tekst mag ook redelijk lang zijn, maar mag niet volgepropt worden met woorden waarop je gevonden wilt worden. Dit straft Google namelijk direct af!
  • De title-tekst hoeft niet ingegeven te worden, maar dan verschijnt er in bepaalde webbrowsers dus geen tekst wanneer je met je muis over de afbeelding gaat. Deze tekst kan bijvoorbeeld ook gebruikt worden om bij een knop/button een extra ‘call to action’ in geven: “Nu reserveren met 10% korting”.

Foto’s die op Facebook en Twitter verschijnen manipuleren

Je kunt de foto’s die op Facebook en Twitter verschijnen wanneer je een web- of blogpagina deelt, manipuleren via Yoast. Je zult hier wel een zogenaamde Social Bar voor op je website moeten hebben. Een Social Bar zijn de knoppen op de website waarmee je in één klik de pagina of post kunt delen op social media zoals Facebook, Twitter, LinkedIn, etc.

  • Ga op de betreffende pagina of betreffende blog naar het Yoast SEO gedeelte
  • Klik op de social icon, een soort van open driehoekje met 3 rondjes
  • Vervolgens kun je de titel van de blog overrulen zodat de Facebook post een andere titel krijgt dan die van je blog. Tevens kun je een foto uploaden die jij bij je Facebook post getoond wilt hebben.
Facebook en Twitter afbeeldingen aanpassen via Yoast
Hier pas je de Facebook en Twitter afbeeldingen aan in Yoast

Waar haal je je afbeeldingen vandaan?

Let op dat je niet zo maar willekeurig een afbeelding van internet plukt; dit kan je duur komen te staan! Mocht je vaak afbeeldingen nodig hebben dan heb ik hier een tip: in het kader van Black Friday kun je nu heel eenvoudig een tegoed van 100 afbeeldingen van Depositphotos kopen voor rond de € 45 (afhankelijk van de koers van de dollar). Het tegoed blijft altijd geldig en de keuze op deze website is enorm! Meer informatie is te vinden op de appsumo.com website.

3 comments

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *