Die meisten Teams behandeln Bilder als Performance-Problem, das es zu bändigen gilt. Das ist nur die halbe Geschichte. Bilder sind auch ein Traffic-Kanal – Google Bilder, Discover, Rich Results und KI-Antworten tragen Seiten über ihre Visualisierungen nach oben – und ein Qualitätssignal: Ein Leitfaden mit 2000 Wörtern ohne eine einzige eigene Grafik wirkt nach geringem Aufwand, für Nutzer wie für Rankingsysteme.
Jede Inhaltsseite verdient echte Bilder
- Wählen Sie informative, eigene Visualisierungen statt generischer Stockfotos. Ein originales Diagramm, ein kommentierter Screenshot oder ein Foto eines realen Ergebnisses kann Kontext liefern, der in der Suche nützlich ist. Ein Stockfoto von „Geschäftsleuten beim Händeschütteln" trägt meist wenig Information bei.
- Google Discover bevorzugt deutlich Seiten mit großen, hochwertigen Bildern (ab 1200 px Breite) – für Content-Websites ist das kostenloser Traffic.
- Diagramme und Screenshots können eine Erklärung eigenständiger machen. Sind dieselben Informationen auch im Text verfügbar, erhalten KI-Systeme zudem womöglich klareren Kontext.
- Sperren Sie wichtigen Text nicht in Bilder ein – Crawler lesen HTML, Text im Bild ist für sie unsichtbar (und für Screenreader ebenfalls).
Mechanik: benennen, beschreiben, bemaßen
<Image
src="/images/next-seo/isr-revalidation-flow.png" // beschreibender Name in kebab-case
alt="ISR-Ablauf: Die Veröffentlichung im CMS löst einen Webhook aus, revalidatePath leert den Cache"
width={1400}
height={800}
/>
- Dateinamen sind ein Rankingsignal in der Bildersuche:
isr-revalidation-flow.pngschlägtscreenshot-final-2.png. - Der Alt-Text beschreibt das Bild für Screenreader und Suchmaschine. Schreiben Sie, was tatsächlich auf dem Bild zu sehen ist; Keywords nur dort, wo sie natürlich klingen. Ein leeres
alt=""ist bei rein dekorativen Grafiken korrekt. - Der Text um das Bild (Bildunterschrift, vorangehender Absatz) liefert ihm Kontext – Google rankt Bilder zu großen Teilen nach ihrem Umfeld.
Strukturierte Daten: Eigentum an Ihren Bildern kennzeichnen
Zeichnen Sie Bilder mit dem ImageObject-Schema aus – mit license und creator erhalten Sie in Google Bilder das Label Lizenzierbar, was wichtig ist, wenn Sie eigene Visualisierungen erstellen:
const imageSchema: WithContext<ImageObject> = {
"@context": "https://schema.org",
"@type": "ImageObject",
contentUrl: `${baseUrl}/images/next-seo/isr-revalidation-flow.png`,
creator: { "@type": "Person", name: "Vlad Sedenko" },
license: `${baseUrl}/image-license`,
creditText: "sedenko.net",
};
Nehmen Sie Bilder in die Sitemap auf – sitemap.ts im App Router unterstützt für jeden Eintrag ein images-Array:
{
url: `${baseUrl}/blog/${post.slug}`,
images: [`${baseUrl}${post.heroImage}`],
}
KI-generierte Bilder: mit Vorsicht
Generierte Illustrationen sind als Dekoration in Ordnung, aber kennzeichnen Sie sie ehrlich (die IPTC-Metadaten DigitalSourceType sind ein entstehender Standard, den Google bereits liest) und setzen Sie sie nicht dort ein, wo der Beleg aus erster Hand zählt: Ein generierter „Screenshot" von Ergebnissen, die Sie nie erzielt haben, ist eine Belastung für das Vertrauen, kein Gewinn. Originale Screenshots und echte Diagramme tragen das Gewicht von E-E-A-T; siehe Vertrauen und E-E-A-T.
Checkliste:
- Jede wichtige Seite hat mindestens ein einzigartiges, inhaltliches Bild
- Beschreibende Dateinamen und ehrlicher Alt-Text; wichtiger Text steckt nicht in Bildern
- Hero-/OG-Bilder ab 1200 px – Voraussetzung für Discover
-
ImageObject-Schema mit Lizenz/Urheber bei eigenen Visualisierungen - Bilder in der Sitemap; KI-Grafiken gekennzeichnet und nie als Belege getarnt