Thumbnail-Text: wie viele Wörter, wie groß und wohin damit

Warum weniger Wörter besser wirken

Wer durch einen Feed scrollt, schenkt jedem Thumbnail einen Sekundenbruchteil. In dieser Zeit erfasst man ein Gesicht, eine Form und ein oder zwei Wörter, keinen Satz. Text, der den Titel wiederholt, verschwendet Platz; Text, der eine Zahl, ein Ergebnis oder eine Wendung ergänzt, gibt einen zweiten Grund zum Klicken.

Dazu kommt ein Größenproblem. Jedes zusätzliche Wort macht alle Wörter kleiner, weil die Bildbreite fix ist. Von drei auf sieben Wörter halbiert sich die mögliche Buchstabenhöhe ungefähr – und in Seitenleistengröße ist das der Unterschied zwischen lesbar und unsichtbar.

Wie viele Wörter in lesbarer Größe passen

Mit mindestens 100 Pixel hohen Buchstaben und normalem Abstand fasst eine 1280 Pixel breite Leinwand etwa 10–14 Zeichen pro Zeile, wenn du Ränder lässt und die rechte Seite frei hältst. Zwei Zeilen großer Text sind das praktische Maximum, bevor für das Bild selbst kein Platz mehr bleibt.

Lesbaren Thumbnail-Text in sechs Schritten gestalten

1. 01

   Festlegen, was der Text ergänzt

   Schreib die eine Tatsache oder Wendung auf, die das Bild nicht zeigen kann. Gibt es keine, verzichte auf Text.

2. 02

   Auf fünf Wörter oder weniger kürzen

   Streiche Artikel, Füllwörter und alles, was schon im Titel steht.

3. 03

   Groß und fett setzen

   Das kleinste wichtige Wort mindestens 100 px hoch auf einer 1280×720-Leinwand.

4. 04

   Trennung hinzufügen

   Kontur, Schatten oder Fläche, bis der Text eine 4,5:1-Kontrastprüfung besteht.

5. 05

   Oben links platzieren

   Aus den rechten 22 % und unteren 22 % des Bildes heraushalten.

6. 06

   Bei 168 Pixel prüfen

   Öffne den Safe-Zone-Checker bei 168px Breite und lies die Wörter ohne Zoom.

Wo Text hingehört

Zuschauer in Sprachen mit Leserichtung von links nach rechts scannen meist von oben links, und Eye-Tracking-Studien zu Webseiten zeigen, dass Menschen sich auf Zeilenanfänge und die linke Seite des Inhalts konzentrieren. Oben links und oben mittig sind daher starke Plätze für Wörter. Unten rechts ist der schlechteste, weil das Dauer-Badge ihn fast überall verdeckt.

Lass auf einer 1280×720-Leinwand rundum etwa 50 Pixel Rand und halte Text aus den rechten 22 % und unteren 22 % des Bildes heraus. Lege keinen Text über das Gesicht des Motivs, sondern daneben in einen ruhigen Hintergrundbereich.

Zahlen, Symbole und Emojis auf Thumbnails

Zahlen gehören zu den wirksamsten Wörtern auf einem Thumbnail, weil sie kurz und konkret sind: „$0“, „30 DAYS“, „1 vs 100“. Ziffern in fetten Schriften sind breit und klar und überstehen das Verkleinern gut. Halte Währungszeichen und Einheiten gleich groß wie die Ziffern oder etwas kleiner, aber nie winzig.

Symbole wie Pfeile, Fragezeichen und Häkchen können Wörter ersetzen, aber jedes ist ein weiteres Element, das um Aufmerksamkeit konkurriert. Nutze höchstens eines. Emojis werden im Editor als Bilder dargestellt und skalieren wie jede Grafik; ein einzelnes großes Emoji kann als Reaktion wirken, mehrere kleine werden bei 168×94 zu Farbpunkten.

• Ziffern statt Zahlwörter
• Höchstens ein Symbol oder Pfeil
• Ein großes Emoji, nie eine Reihe kleiner

Rechenbeispiel: von neun Wörtern auf drei

Der erste Entwurf eines Tech-Reviewers schreibt „I USED THIS CHEAP LAPTOP FOR 30 DAYS“ quer über den unteren Bildrand, in 64 Pixel, damit es passt. Bei 168×94 sind die Buchstaben 8 Pixel hoch, und die letzten zwei Wörter liegen unter dem Dauer-Badge.

Der zweite Entwurf verschiebt die Aussage in den Titel und behält oben links nur „30 DAYS LATER“ mit 130 Pixel und dunkler Kontur. In Seitenleistengröße sind die Buchstaben 17 Pixel hoch, die Ecke ist frei, und die Textprüfung im Audit wird grün.

Häufige Fehler bei Thumbnail-Text