Productfoto's voor je webshop: hoeveel, welk formaat, en hoe je ze zelf maakt
Na deze gids weet je welke 5 à 6 foto's elk product nodig heeft, hoe je ze met je telefoon maakt en hoe je ze klaarzet zodat je shop er rustig en snel uitziet.
Een koper in een webshop kan je product niet vastpakken. Hij kan het niet omdraaien, niet wegen, niet in zijn hand houden. De foto's moeten dat allemaal doen. Daarom zijn ze bij kleine shops vaak het grootste lek, en ook het goedkoopste om te dichten.
Je hebt geen fotograaf nodig. Een recente telefoon, daglicht en een middag werk zijn genoeg voor een hele catalogus van een kleine shop.
Hoeveel foto's per product?
Wij gaan uit van minstens 5 à 6 foto's per product. Niet omdat meer altijd beter is, maar omdat elke foto een andere vraag beantwoordt. Dit is de set die we gebruiken:
| Foto | Welke vraag beantwoordt hij? |
|---|---|
| 1. Hoofdfoto, product op rustige achtergrond | Wat is het? |
| 2. Andere kant of schuin van boven | Hoe ziet het er van dichtbij uit? |
| 3. Alles wat in de doos zit, naast elkaar | Wat krijg ik precies? |
| 4. Product in gebruik | Hoe gebruik je het, en hoe groot is het echt? |
| 5. Detail (materiaal, naad, afwerking) | Is het goed gemaakt? |
| 6. Resultaat of sfeer thuis | Wil ik dit hebben? |
Foto 4 en 6 worden het vaakst overgeslagen. Het zijn net de foto's die overtuigen. Een houten speelgoedset op een witte achtergrond is een product; dezelfde set met een half gebouwde toren erop en een hand die een stuk vasthoudt is een belofte.
Heb je al oude foto's van klanten, van markten, van je werkplaats of van wat mensen ermee gemaakt hebben? Kijk die na voor je iets nieuws maakt. Daar zit vaak het beste materiaal tussen, omdat het echt is. Vraag wel toestemming voor alles waar mensen herkenbaar op staan, en zeker als er kinderen op staan.
Eén formaat voor alles: 4:5
Kies één beeldverhouding en hou je eraan. Wij gebruiken 4:5 staand (bijvoorbeeld 1600 bij 2000 pixels). Waarom:
- op een telefoon vult een staande foto meer van het scherm dan een vierkante,
- in een productoverzicht staan alle kaarten dan even hoog, zonder gaten of uitgerekte foto's,
- je kunt dezelfde foto's zonder veel bijsnijden ook voor Instagram gebruiken.
Vierkant (1:1) mag ook. Het gaat erom dat het overal hetzelfde is. Een overzichtspagina waar de ene foto vierkant is, de andere liggend en de derde een screenshot, ziet eruit als een rommelmarkt. En aan een rommelmarkt geef je niet graag je kaartgegevens.
Heb je foto's in het verkeerde formaat? Snij ze centraal bij naar 4:5. Is er te weinig beeld om bij te snijden, vul de rand dan aan in de achtergrondkleur van de foto (een egale grijze of witte strook valt nauwelijks op als de kleur klopt).
Achtergrond: rustig, en voor alle producten dezelfde
Voor de hoofdfoto: één effen achtergrond, voor al je producten dezelfde. Wit, lichtgrijs of een zachte kleur die bij je merk past. Een groot vel karton of een rol fotopapier uit de hobbywinkel volstaat, gebogen tegen de muur zodat je geen hoek ziet.
Voor de gebruiks- en sfeerfoto's mag er meer gebeuren: een tafel, een keuken, een klaslokaal. Hou het wel herkenbaar jouw stijl, dus steeds een beetje dezelfde ondergrond en hetzelfde licht.
Gebruik je Google Merchant Center om gratis in Google Shopping te staan, let dan op de hoofdfoto. Google wil daar geen promotietekst, prijzen, "gratis verzending", watermerken of randen op zien, en het product moet het grootste deel van het beeld vullen (Google Merchant Center Help, afbeeldingslink). Een mooi ontworpen kaart met prijs en logo erop is voor je site prima, als hoofdfoto in je feed niet. Meer over die gratis vermeldingen staat in webshop marketing.
Stapfoto's: laat zien hoe het werkt
Doet je product iets? Moet het in elkaar, opgezet, gevuld, aangesloten? Dan horen er stapfoto's bij. Drie is meestal genoeg:
- het begin (alles uit de doos),
- halverwege (de handeling die mensen niet kunnen voorstellen),
- het resultaat.
Zet onder elke foto één korte zin. Dit blok kan onder elk product terugkomen als "Zo werkt het", met eventueel een filmpje van 30 tot 60 seconden erbij. Waarom dat bestellingen oplevert lees je in conversie van je webshop verhogen.
Zelf fotograferen met je telefoon
Een telefoon van de laatste jaren is scherper dan wat je shop nodig heeft. Waar het misgaat is bijna altijd licht en beweging, niet de camera.
Licht - Fotografeer bij een groot raam, overdag, zonder direct zonlicht (bewolkt is ideaal). - Zet het raam naast het product, niet erachter. - Een wit stuk karton aan de andere kant vult de schaduw op. - Lampen uit. Gemengd licht geeft rare kleuren.
Stilstaan - Een klein statief met telefoonhouder kost weinig en lost wazige foto's op. - Gebruik de zelfontspanner (2 of 3 seconden), dan beweegt hij niet als je drukt.
Instellingen - Gebruik de gewone camera, geen zoom. Ga liever dichterbij staan. - Zet portretmodus en filters uit voor de hoofdfoto. Ze vervormen randen en kleuren. - Tik op het product om scherp te stellen, en schuif de belichting iets omlaag als wit uitbijt.
Vaste opstelling - Markeer met plakband waar het statief en het product staan. Zo zijn al je hoofdfoto's even groot en even hoog genomen, ook als je volgende maand een nieuw product fotografeert.
Fotografeer meer dan je nodig hebt. Van tien foto's van één hoek is er altijd één die klopt.
Bestandsgrootte: scherp, maar niet zwaar
Foto's zijn vaak het zwaarste deel van een pagina. Google zegt het zelf: afbeeldingen zijn vaak de grootste bijdrage aan de totale paginagrootte (Google Search Central, afbeeldingen). Een productpagina met zes foto's van elk 5 MB rechtstreeks van je telefoon is op mobiele data traag.
Onze vuistregels (geen wet, wel wat goed werkt in kleine shops):
- breedte rond 1600 pixels voor de grote productfoto, kleiner voor overzichten,
- JPEG of WebP, niet PNG voor foto's,
- streef naar een paar honderd kilobyte per foto,
- laat je platform de kleinere versies maken als het dat kan (veel platforms doen dat zelf, maar upload dan nog altijd geen bestand van 5 MB).
Hoe je nagaat of je foto's je shop vertragen, staat in webshop sneller maken.
Bestandsnaam en alt-tekst
Twee kleine dingen die bijna niemand doet en die je in Google Afbeeldingen helpen.
Bestandsnaam. Google raadt korte, beschrijvende namen aan (Google Search Central). Dus gietijzeren-theepot-zwart-08-liter.jpg, niet IMG_4821.jpg. Hernoem voor je uploadt, achteraf is het meer werk.
Alt-tekst. Dat is de tekst die een schermlezer voorleest en die Google gebruikt om te snappen wat er op de foto staat. Beschrijf wat je ziet, concreet:
- slecht: "theepot"
- slecht: "theepot kopen goedkoop beste theepot theepot zwart"
- goed: "zwarte gietijzeren theepot met bamboe handvat naast twee kopjes"
Google waarschuwt zelf tegen het volproppen van alt-tekst met zoekwoorden (Google Search Central). Schrijf het voor iemand die de foto niet kan zien. Dan zit je goed.
Waar je die alt-tekst invult verschilt per platform; voor JouwWeb staat het in JouwWeb SEO, voor de andere in Shopify SEO en WooCommerce SEO.
Een middag, een hele catalogus
Zo pak je het aan als je tien tot twintig producten hebt:
- Kies je formaat (4:5) en je achtergrond.
- Bouw de opstelling bij het raam en plak de plekken af.
- Fotografeer alle hoofdfoto's achter elkaar, zelfde hoogte, zelfde afstand.
- Daarna per product de inhoud van de doos en een detail.
- Gebruiks- en sfeerfoto's op een andere dag, als het licht goed is.
- Bijsnijden naar 4:5, verkleinen, hernoemen.
- Uploaden met alt-tekst, de hoofdfoto eerst.
Begin met je drie best verkopende producten. Daar levert het meteen het meest op.
Twijfel je of je foto's het probleem zijn of iets anders in je shop? De gratis scan kijkt je shop na en zet de vijf grootste lekken op één A4.
Veelgestelde vragen
Is een telefoon echt goed genoeg voor productfoto's?
Ja, voor een kleine webshop wel. Het verschil met een dure camera zie je zelden op een telefoonscherm. Licht, een statief en een vaste opstelling maken veel meer uit dan de camera.
Welke beeldverhouding is het beste voor productfoto's?
Er is geen beste, wel een vaste. Wij kiezen 4:5 staand omdat het goed werkt op telefoons en in productoverzichten. Gebruik voor alle producten dezelfde verhouding.
Moet de achtergrond van een productfoto wit zijn?
Niet per se. Een effen, rustige achtergrond die voor al je producten dezelfde is, werkt. Voor Google Merchant Center telt vooral dat er geen tekst, prijs, rand of watermerk op de hoofdfoto staat.
Hoe groot mag een productfoto zijn?
Scherp genoeg om in te zoomen (rond 1600 pixels breed) en licht genoeg om snel te laden (een paar honderd kilobyte). Een foto rechtstreeks van je telefoon is meestal vele malen te zwaar.
Wat zet ik in de alt-tekst van een productfoto?
Een korte, concrete beschrijving van wat er op de foto te zien is, zoals je het zou uitleggen aan iemand die de foto niet ziet. Geen rij zoekwoorden.