Checklist voor thumbnails met hoge CTR: 7 visuele principes die opvallen

Wat het doorklikpercentage meet, en wat niet

Het doorklikpercentage is het deel van de thumbnailvertoningen dat een weergave oplevert. Het hangt af van het publiek, het onderwerp, de titel en waar de video wordt getoond, dus er bestaat geen universeel “goed” getal; dezelfde thumbnail kan op de startpagina heel andere percentages halen dan in de zoekresultaten. Wat een thumbnail wel bepaalt, is de eerste halve seconde: of het oog erop blijft hangen en of de kijker begrijpt waar de video over gaat.

Daarom gaat deze checklist over zichtbaarheid en helderheid, niet over trucs. Een ontwerp dat op klein formaat makkelijk te zien en te begrijpen is, geeft de titel en het onderwerp een eerlijke kans. Een rommelig ontwerp met weinig contrast verliest al voordat de kijker één woord heeft gelezen. Platformtests belonen bovendien de lange termijn: thumbnailexperimenten worden beoordeeld op aandeel in kijktijd, niet alleen op klikken, dus een misleidend beeld dat klikken wint maar kijkers verliest, helpt niet.

“Goede thumbnails hebben een belangrijk doel dat verder gaat dan kijkers laten klikken.”

Test & compare thumbnails — video platform help center · citaat vertaald uit het Engels

1. Eén blikvanger

Het oog heeft één plek nodig om te landen. Thumbnails met drie gezichten, twee objecten en een kop verdelen de aandacht en worden op klein formaat ruis. Kies het allerbelangrijkste element, meestal een gezicht met een duidelijke uitdrukking of het object waar de video over gaat, en maak het groot, bij voorkeur 25–45% van het beeld.

De knijptest maakt dit objectief: vervaag de afbeelding tot de details verdwijnen. Springt er nog één vorm uit, dan heb je een blikvanger. Smelt alles samen tot een grijze massa, vereenvoudig dan. Eyetrackingonderzoek op webpagina’s laat zien dat mensen in snelle fixaties scannen en overslaan wat niet opvalt, en een drukke feed is daar het extreme voorbeeld van.

Doorloop de checklist in vijf minuten

1. 01

   Laad je versies

   Zet maximaal vier exports in de feedpreview, elk met een eigen titel.

2. 02

   Knijptest en grijstinten

   Zet het vervagingsfilter aan en daarna grijstinten. Noteer welke versies een duidelijke blikvanger houden.

3. 03

   Schakel naar de zijbalkweergave

   Check of onderwerp en woorden leesbaar zijn op 168×94.

4. 04

   Wissel tussen donker en licht

   Zorg dat elke versie zich in beide thema’s losmaakt van de thumbnails eromheen.

5. 05

   Lees de uitsplitsing van de audit

   Open de uitsplitsing per onderdeel en repareer rode rijen: contrast, scherpte, hoek, tekst.

6. 06

   Test de overblijvers blind

   Doe vijf blinde rondes met de versies die slagen om te zien welke je als eerste opmerkt.

3. Een onderwerp dat leesbaar is op 168×94

Gezichten werken omdat mensen ze snel herkennen, maar alleen als het gezicht groot is. Een gezicht dat minder dan ongeveer 4% van het beeld vult, wordt op zijbalkformaat een paar pixels. Snij strak bij, laat de uitdrukking duidelijk zien en zorg dat ogen en mond contrast hebben met huid en achtergrond.

Heeft de video geen gezicht, dan geldt dezelfde regel voor het product, het resultaat of de voor-en-na. Toon één object, groot, vanuit een hoek die de vorm overduidelijk maakt.

5–7. Kleur, hoek en titel

Kleurscheiding: bekijk de thumbnail in een donkere en een lichte feed. Een ontwerp op een bijna zwarte achtergrond kan verdwijnen in de donkere modus; een bleek ontwerp kan verdwijnen in de lichte modus. Eén verzadigde accentkleur die zeldzaam is in je niche helpt vaak meer dan een regenboog.

Vrije hoek: de duurbadge bedekt de hoek rechtsonder. Houd tekst, gezichten en logo’s uit de rechter 22% en de onderste 22% van het beeld. Samenspel met de titel: titel en thumbnail horen als duo te werken, elk met andere informatie. Toont het beeld het resultaat, laat de titel dan de methode noemen; stelt de titel een vraag, laat het beeld dan naar het antwoord hinten.

• Bekijk hem in donkere en lichte feeds
• Houd de badgehoek vrij
• Titel en beeld dragen verschillende informatie

Uitgewerkt voorbeeld: twee versies van een kookthumbnail

Versie A toont een kom ramen van bovenaf met de woorden “10-MIN RAMEN THAT BEATS TAKEOUT” in dunne witte letters langs de onderkant. Versie B toont dezelfde kom schuin, met zichtbare stoom, en “10 MIN” in grote gele letters linksboven met een donkere rand.

In de checklist zakt A op drie rijen: de zes woorden zijn te klein op 168×94, de tekst staat deels onder de badge en het RMS-contrast is 0,14. B slaagt op alle zeven. In een blinde test van vijf rondes zag de maker B in vier rondes als eerste, gemiddeld na 0,8 seconde tegenover 1,4 seconde voor A.

Veelgemaakte fouten die zichtbaarheid kosten