Over afbeeldingen op WordPress websites

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.

De beste afmeting van afbeeldingen op WordPress websites

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 voor foto’s die je klikbaar maakt: de breedte maximaal 1920 pixel maken of maximaal 1200 pixels hoog. Voor niet klikbare afbeeldingen gebruik je de ruimtedie beschikbaar is voor de afbeeldingen! Zo heeft Divi, het thema waar ik veel mee werk, een handige overzicht.

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 reSmush.it 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 de SEO plugins Yoast en RankMath.

In Yoast

  • Ga op de betreffende pagina of betreffende blog naar het Yoast SEO gedeelte
  • Klik op de social icon, een 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

In Rank Math

In Rank Math werkt het eigenlijk hetzelfde:

  • Ga op de betreffende pagina of betreffende blog naar het Rank Math SEO gedeelte
  • Klik op de social icon, een rondje met 3 uitstekende rondjes
  • Vervolgens kun je de titel van de blog overrulen zodat de Facebook of Twitter post een andere titel krijgt dan die van je blog. Tevens kun je een foto uploaden die jij bij je Facebook of Twitter post getoond wilt hebben.

Social media foto ingeven in RankMath

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 heeft Depositphotos elk jaar goede aanbiedingen. Bij een aantal aanbiedingen blijft het tegoed altijd geldig en de keuze op deze website is enorm! Meer informatie is te vinden op de website van Depositphotos.

5 Reacties

  1. Karine

    thx, ik verkleinde de foto’s voor de website eigenlijk niet. En een goede reminder voor de alt-teksten, vergeet ik ook vaak.

    Antwoord
  2. Griet

    Als de bestandsnaam uit verschillende woorden bestaat moeten daar dan streepjes tussen?

    Antwoord
    • margriet

      Ja, dat maakt de woorden voor Google herkenbaar.

      Antwoord
  3. Jaap

    Bedankt voor de uitleg, nog vraagje: Als er verschil zit in weergave formaat van foto voor bv. laptop en telefoon (vaak kleiner 😉 Is het dan verstandig om 2 foto’s in passend formaat te uploaden?

    Antwoord
    • margriet

      Dat heeft geen zin, want dan zul je via media queries in CSS moeten gaan aangeven wanneer welke foto gebruikt moet gaan worden.

      Antwoord

Een reactie versturen

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

Verder lezen

Ontvang waardevolle Tips & tricks over webdesign

Regelmatig publiceert Margriet nuttige Tips & tricks en waardevolle blogs over webdesign.

Wil je deze niet missen? Schrijf je dan snel in.