Sie haben Stunden damit verbracht, Ihre Inhalte zu optimieren, Backlinks aufzubauen und Ihre Onpage-SEO zu verfeinern, und trotzdem erreichen Ihre Seiten nicht die verdienten Platzierungen. Der Übeltäter liegt oft direkt vor unseren Augen: Ihre Bilder.
Bilder machen aus mehr als 50 % des Gesamtgewichts einer durchschnittlichen WebseiteLaut Daten von HTTP Archive verlangsamen unoptimierte Bilder Ihre Seiten, beeinträchtigen Ihre Core Web Vitals-Werte und lassen Ihr Ranking unbemerkt sinken – unabhängig von der Qualität Ihrer Inhalte. Schlimmer noch: Schlecht beschriftete Bilder sind für Suchmaschinen unsichtbar, wodurch Ihnen eine wichtige Quelle organischen Traffics aus der Google-Bildersuche entgeht.
Die gute Nachricht? Bild-SEO gehört zu den technischen SEO-Maßnahmen mit dem höchsten ROI. Ein systematischer Ansatz benötigt auf den meisten Websites nur wenige Stunden und führt oft innerhalb weniger Wochen zu messbaren Verbesserungen bei Seitenladezeit, Ranking und Traffic.
Um Bilder für SEO zu optimieren: (1) Wählen Sie das richtige Format (WebP für die meisten Webbilder). (2) Komprimieren Sie Bilder, um die Dateigröße ohne Qualitätsverlust zu reduzieren. (3) Verwenden Sie aussagekräftige Dateinamen mit relevanten Schlüsselwörtern. (4) Schreiben Sie für jedes Bild einen aussagekräftigen Alternativtext. (5) Fügen Sie Bilder Ihrer XML-Sitemap hinzu. (6) Implementieren Sie Lazy Loading. (7) Verwenden Sie responsive Bilder mit `srcset`. (8) Stellen Sie sicher, dass die Bilder die Core Web Vitals-Werte unterstützen. Diese Schritte verbessern die Seitenladegeschwindigkeit, die Sichtbarkeit in der Google-Bildersuche und Ihr Suchmaschinenranking insgesamt.
Warum Bildoptimierung im Jahr 2026 für SEO wichtig ist
Bildoptimierung ist für SEO wichtig, da sie die Seitenladezeit (ein bestätigter Rankingfaktor von Google) direkt verbessert, die Core Web Vitals-Werte steigert, dazu beiträgt, dass Bilder in den Google-Bildersuchergebnissen erscheinen, und Suchmaschinen signalisiert, dass eine Seite gut gepflegt und benutzerfreundlich ist. Bilder auf 37 % der Suchergebnisseiten machen visuelle SEO zu einer wichtigen, bisher ungenutzten Quelle organischen Traffics.
Lassen Sie uns genauer erläutern, was auf dem Spiel steht, wenn Sie die Bildoptimierung ignorieren:
1. Die Seitenladezeit ist ein direktes Ranking-Signal
Google hat bestätigt, dass die Seitenladegeschwindigkeit ein Rankingfaktor ist und Bilder den größten Anteil an langen Ladezeiten ausmachen. Ein einzelnes, nicht optimiertes Heldenbild kann mehr wiegen als Ihr gesamtes HTML, CSS und JavaScript zusammen, und jede zusätzliche Sekunde Ladezeit führt zu höheren Absprungraten, geringerem Nutzerengagement und schlechteren Rankings.
2. Die Core Web Vitals sind jetzt ein Rankingfaktor
Googles Core Web Vitals, insbesondere Größte Inhaltsfarbe (LCP)Die Ladezeit (LCP), die misst, wie schnell der Hauptinhalt einer Seite geladen wird, wird maßgeblich von Bildern beeinflusst. Ein zu großes, nicht optimiertes Bild, das zufällig das Hauptelement einer Seite darstellt, drückt Ihren LCP-Wert in den Bereich „Verbesserungsbedürftig“ oder „Schlecht“ und wirkt sich somit direkt auf Ihr Ranking in den Suchergebnissen aus.
3. Die Google-Bildersuche generiert echten Traffic
Forschung zeigt Bilder an 37,81 % aller Google-SuchergebnisseDie Google-Bildersuche, Google Discover und Rich Results präsentieren Bilder getrennt von den Textergebnissen und bieten Ihnen so einen zweiten, oft übersehenen Kanal, um organischen Traffic zu generieren. Richtig optimierte Bilder werden dort angezeigt; nicht optimierte hingegen selten.
4. Die visuelle Suche wächst rasant.
Google Lens verarbeitet mittlerweile monatlich Milliarden von visuellen Suchanfragen. Da die visuelle Suche weiter an Bedeutung gewinnt, werden gut beschriftete und strukturierte Bilder immer wertvoller – nicht nur für die Suchmaschinenoptimierung (SEO) von heute, sondern auch als zukunftssichere Investition in die Weiterentwicklung von Suchmaschinen.
Schritt 1: Wählen Sie das richtige Bildformat für das Web
Das beste Bildformat für die meisten Webbilder im Jahr 2026 ist WebP. WebP bietet 25–34 % kleinere Dateigrößen als JPG und PNG bei gleicher Bildqualität, unterstützt Transparenz wie PNG und wird von allen modernen Browsern unterstützt. Verwenden Sie PNG für Grafiken, die verlustfreie Qualität oder Transparenz auf älteren Systemen erfordern, JPG für Fotos, wenn WebP nicht verfügbar ist, und SVG für Logos und Icons.
Die Formathierarchie 2026
| Format | Am besten geeignet für | Wichtige SEO-Überlegungen |
| WebP | Alle Webbilder – Fotos, Grafiken, transparente Bilder | 25–34 % kleiner als JPG/PNG. Von Google empfohlenes Format. Unterstützt von über 97 % der Browser. |
| AVIF | Hochwertige Fotos auf modernen Websites | Über 45 % kleiner als JPG, aber langsamere Kodierung. Gut geeignet für stark frequentierte Websites. Weniger verbreitet als WebP. |
| SVG | Logos, Icons, einfache Grafiken, Illustrationen | Unbegrenzt skalierbar, winzige Dateigröße. Indexierbarer Textinhalt. Ideal für Markenmaterialien. |
| PNG | Screenshots, Grafiken, die verlustfreie Qualität benötigen | Größere Dateien. Verwenden Sie in den meisten Fällen stattdessen WebP. Als Ausweichformat ist es aber weiterhin nützlich. |
| JPG/JPEG | Unterstützung für ältere Versionen, E-Mail, Drucken | Weitgehend kompatibel, aber größer als WebP. Nur verlustbehaftet. Für neue Webressourcen vermeiden. |
| GIF | Einfache Animationen (ältere Version) | Aus Performancegründen durch animiertes WebP oder CSS/Video ersetzt. Nicht empfehlenswert. |
So konvertieren Sie Ihre Bilder in WebP
Die Konvertierung Ihrer bestehenden PNG- und JPG-Bilder in WebP ist eine der wirkungsvollsten Maßnahmen zur Bild-SEO, die Sie durchführen können. BulkDapa's kostenloser Bulk WEBP Image Converter Ermöglicht die gleichzeitige Konvertierung von bis zu 4 Bildern (PNG, JPG, JPEG, AVIF, HEIC) direkt im Browser – kein Upload, kein Konto, absolute Privatsphäre.
Für WordPress-Nutzer bieten Plugins wie ShortPixel, Imagify oder Smush die automatische WebP-Konvertierung und die Auslieferung in Echtzeit an – eine lohnende Investition für jede Website mit vielen Bildern.
Schritt 2: Bilder komprimieren, ohne die Qualität zu beeinträchtigen
Bildkomprimierung reduziert die Dateigröße durch Entfernen redundanter Daten. Verlustbehaftete Komprimierung (JPG, WebP verlustbehaftet) verwirft einen Teil der Bilddaten, um eine deutlich kleinere Datei zu erzeugen; eine Qualitätseinstellung von 75–85 % ist für die meisten Webbilder optimal. Verlustfreie Komprimierung (PNG, WebP verlustfrei) reduziert die Größe ohne Datenverlust und ist ideal für Grafiken und Screenshots. Komprimieren Sie Bilder immer vor dem Hochladen; komprimierte Bilder laden schneller und verbessern die Core Web Vitals-Werte.
Verlustbehaftete vs. verlustfreie Komprimierung: Welche ist die richtige?
| Kompressionsart | Wann man es verwendet |
| Verlustbehaftet (WebP 75–85 %, JPG) | Fotos, Hero-Bilder, Produktfotos, Blogbilder – alle Bilder, bei denen geringfügige Qualitätseinbußen in Bildschirmauflösung nicht wahrnehmbar sind. |
| Verlustfrei (PNG, WebP verlustfrei) | Screenshots, UI-Mockups, Logos, Bilder mit Text – alles, wo pixelgenaue Präzision gefragt ist. |
Zieldateigrößen nach Bildtyp
- Hero-/Bannerbilder: Zielgröße in WebP: unter 150–200 KB
- Bilder im Blogbeitragstext: Zielgröße in WebP: unter 80–100 KB
- Produktminiaturen (E-Commerce): Zielgröße in WebP: unter 40–60 KB
- Logos & Symbole: Verwenden Sie SVG oder halten Sie PNG/WebP unter 20 KB.
- Hintergrundtexturen: Bei Dateien unter 100 KB sollten Sie nach Möglichkeit CSS-Verläufe verwenden.
Empfohlene Kompressionswerkzeuge
- BulkDapa WEBP-Konverter — kostenlos, Massen-Uploads, browserbasiert, kein Upload erforderlich
- Squoosh (Google) – squoosh.app – hervorragend geeignet für die Feinabstimmung einzelner Bilder mit visuellem Vergleich
- ShortPixel / Imagify – die besten automatisierten Komprimierungs-Plugins für WordPress
- Cloudinary – Bildverwaltung und CDN-Bereitstellung auf Unternehmensebene
Schritt 3: Verwenden Sie beschreibende, schlüsselwortreiche Dateinamen
Bilddateinamen sind ein wichtiges SEO-Signal; sie helfen Suchmaschinen, den Bildinhalt zu verstehen, bevor sie den Alternativtext oder den umgebenden Inhalt verarbeiten. Verwenden Sie aussagekräftige Dateinamen in Kleinbuchstaben, getrennt durch Bindestriche, mit 2–5 relevanten Schlüsselwörtern. Laden Sie niemals Bilder mit Standardkameranamen wie IMG_4821.jpg oder screenshot-2026.png hoch.
Best Practices für die Dateibenennung
- Verwenden Sie Bindestriche, keine Unterstriche: Google behandelt Bindestriche als Worttrennzeichen (“bulk-webp-converter”), Unterstriche hingegen als Verbindungszeichen (“bulk_webp” = ein Wort).
- Seien Sie beschreibend und präzise: „red-running-shoes-nike-air-max.webp“ schlägt „shoes.jpg“ jedes Mal.
- Integrieren Sie Ihr Zielkeyword auf natürliche Weise: Wenn die Seite die "Bildoptimierung für SEO" zum Ziel hat, benennen Sie relevante Bilder "image-optimization-seo-guide.webp".
- Fassen Sie sich kurz: 3–6 Wörter sind ideal. Vermeiden Sie Keyword-Stuffing wie „best-cheap-buy-seo-image-optimizer-tool-2026.webp“.
- Bitte nur Kleinbuchstaben verwenden: Verhindert serverseitige Fehler aufgrund von Groß-/Kleinschreibung und sorgt für saubere URLs.
Kurze Beispiele
| Ungültiger Dateiname ✗ | Guter Dateiname ✓ |
| IMG_4821.jpg | bulk-webp-image-converter-tool.webp |
| screenshot-final-final.png | google-pagespeed-insights-score-before.webp |
| image1.jpg | red-running-shoes-womens-nike.webp |
| DCIM_003.JPG | core-web-vitals-lcp-improvement-chart.webp |
| photo.png | seo-image-optimization-checklist-2026.webp |
Schritt 4: Verfassen Sie für jedes Bild einen aussagekräftigen Alternativtext.
Der Alt-Text (Alternativtext) ist ein HTML-Attribut, das den Inhalt eines Bildes für Suchmaschinen und Screenreader beschreibt. Er ist wohl das wichtigste SEO-Signal für Bilder. Schreiben Sie einen Alt-Text, der den Bildinhalt präzise und kontextbezogen beschreibt, Ihr Zielkeyword auf natürliche Weise einbindet, wenn es relevant ist, unter 125 Zeichen bleibt und keine Keyword-Stuffing-Mischung enthält. Lassen Sie den Alt-Text leer (alt=""); für dekorative Bilder, die keinen Informationswert bieten.
Die Alt-Text-Formel, die funktioniert
Betrachten Sie Alternativtext als Eine einzeilige Bildunterschrift, geschrieben für jemanden, der das Bild nicht sehen kann.Die Beschreibung sollte das Bild präzise darstellen und, wo es sinnvoll ist, einen Bezug zum Thema der Seite herstellen. Sie ist nicht der richtige Ort, um den Seitentitel zu wiederholen oder Schlüsselwörter aufzulisten.
| Alt-Text-Qualität | Beispiel |
| Zu ungenau ✗ | alt="Bild" |
| Keyword-Stuffing ✗ | alt="Günstige Bildoptimierung kaufen – Bestes kostenloses SEO-Tool 2026" |
| Beschreibend, aber ohne Kontext ✓ | alt="Screenshot der Google PageSpeed Insights-Ergebnisseite." |
| Beschreibend mit Kontext ✓ (am besten) | alt=„Google PageSpeed Insights zeigt nach der WebP-Bildkonvertierung einen Leistungswert von 94 an.“ |
| Dekoratives Bild – leer lassen ✓ | alt=”” (leer – korrekt für dekorative Trennlinien, Hintergrundmuster) |
Alternativtext für verschiedene Bildtypen
Produktbilder (E-Commerce)
Geben Sie den Produktnamen, die wichtigsten Merkmale und die Farbe/Variante an. Beispiel: alt=”Nike Air Max 270 Damen-Laufschuhe in Korallenrosa Größe 8″
Infografiken und Diagramme
Beschreiben Sie die zentrale Erkenntnis, nicht nur die visuelle Darstellung. Beispiel: alt="Balkendiagramm, das zeigt, dass WebP-Bilder bei gleicher Qualität 34 % kleiner sind als JPG-Bilder"
Blog-/Redaktionsbilder
Verknüpfen Sie das Bild auf natürliche Weise mit dem Thema des Artikels. Beispiel: alt="Webentwickler prüft SEO-Checkliste für Bilder auf dem Laptop am Schreibtisch"
Logos
Verwenden Sie den Markennamen und die Beschreibung. Beispiel: alt="BulkDapa-Logo – kostenlose SEO-Tools-Plattform"
Schritt 5: Korrekte Abmessungen festlegen und responsive Bilder implementieren
Die Bereitstellung von Bildern in der richtigen Größe ist entscheidend für die Core Web Vitals und die mobile Suchmaschinenoptimierung. Verwenden Sie das HTML-Attribut `srcset`, um unterschiedliche Bildgrößen für verschiedene Geräte bereitzustellen: 1200px auf Desktop-Computern, 600px auf Tablets und 400px auf Mobilgeräten. Geben Sie immer die Attribute `width` und `height` in `img`-Tags an, um den Cumulative Layout Shift (CLS) zu vermeiden – eine weitere Kennzahl der Core Web Vitals, die sich auf das Ranking auswirkt.
Warum übergroße Bilder Ihnen schaden
Einem mobilen Besucher ein 3000 Pixel breites Desktop-Bild zu liefern, ist, als würde man eine große Couch in eine Einzimmerwohnung stellen – verschwenderisch und langsam. Googles PageSpeed Insights kennzeichnet Bilder mit der „richtigen Größe“ aktiv als Problem, wenn Ihre Bilder größer sind als für den Anzeigekontext erforderlich.
Empfohlene Bildabmessungen je nach Anwendungsfall
| Anwendungsfall | Empfohlene Breite | Anmerkungen |
| Hero-/Banner-Funktion (volle Breite) | 1200–1600px | Verwenden Sie srcset, um eine kleinere Version für Mobilgeräte bereitzustellen. |
| Bilder im Blogbeitrag | 800–1200px | Passen Sie die Breite Ihrer Inhaltsspalte an. |
| Produktbilder (E-Commerce) | 800–1000px | Zoom zulassen; für schnelles Laden optimieren. |
| Vorschaubilder/Kartenbilder | 400–600px | Niemals vergrößern – Quelle in Anzeigegröße |
| Autoren-/Profilfotos | 200–400px | Quadratisch, WebP, unter 30 KB |
| Open Graph / Social-Media-Vorschau | 1200×630px | JPG für maximale soziale Kompatibilität |
Schritt 6: Lazy Loading korrekt implementieren
Lazy Loading verzögert das Laden von Bildern außerhalb des sichtbaren Bereichs, bis der Nutzer zu ihnen scrollt, wodurch die anfängliche Seitenladezeit verkürzt wird. Fügen Sie `loading="lazy"` zu jedem Bild unterhalb des sichtbaren Bereichs hinzu. Laden Sie Ihr Hero-Bild oder LCP-Element niemals per Lazy Loading; dies ist ein schwerwiegender Fehler, der Ihren Largest Contentful Paint-Wert negativ beeinflusst. Verwenden Sie stattdessen immer `fetchpriority="high"` für Ihr Hero-Bild oberhalb des sichtbaren Bereichs.
Die Regel: Daten nach unten verschieben, Daten oben priorisieren.
Betrachten Sie Ihre Seite als eine Seite mit einer Faltlinie – dem Punkt, an dem der Inhalt erst nach dem Scrollen sichtbar wird. Die Regeln lauten:
- Im sichtbaren Bereich (Hero-Bild, Header-Grafik): Bitte nicht verzögert laden. Fügen Sie `fetchpriority="high"` hinzu, um dem Browser mitzuteilen, dass dieses Bild Priorität haben soll.
- Unterhalb der Falz (Körperbilder, Galerieelemente, Produktübersichten): Fügen Sie loading="lazy" hinzu, um den Ladevorgang bis zum Bedarf zu verzögern.
- Wichtige Hintergrundbilder: Laden Sie sie vorab mit im HTML-Head.
Schritt 7: Strukturierte Daten hinzufügen, um Rich-Image-Ergebnisse freizuschalten
Strukturierte Daten (Schema.org-Markup) helfen Google, den Kontext Ihrer Bilder zu verstehen und ermöglichen so die Anzeige von Rich Results – beispielsweise Produktbilder in Google Shopping, Rezeptfotos in Rich Snippets oder Artikelbilder in Discover. Implementieren Sie das ImageObject-Schema für redaktionelle Bilder, das Product-Schema für Produktfotos im E-Commerce und gegebenenfalls das Recipe-Schema.
Wichtige Schematypen, die Bilder enthalten
- Artikel / Blogbeitrag: Die Eigenschaft „image“ steuert, welche Bilder Google in Discover und in Nachrichtenkarussells anzeigt.
- Produkt: Die Bild-Eigenschaft sorgt dafür, dass Ihr Produktfoto in Google Shopping und in produktreichen Suchergebnissen angezeigt wird.
- Rezept: Für die Anzeige von Rezepten mit Foto in der Google-Suche ist ein Bild erforderlich.
- Bildobjekt: Eigenständiges Schema für redaktionelle Bilder; enthält contentUrl, Beschreibung und Bildunterschrift.
Für einen tieferen Einblick in strukturierte Daten siehe offizielle Dokumentation von Google zu strukturierten Daten.
Schritt 8: Bilder zur XML-Sitemap hinzufügen
Google erkennt die meisten Bilder automatisch durch Crawling. Es kann jedoch vorkommen, dass Bilder übersehen werden – insbesondere, wenn sie per JavaScript geladen, von einem CDN auf einer separaten Domain bereitgestellt oder in Lazy-Loading-Karussells eingebettet sind. Durch das Hinzufügen von Bildern zu Ihrer XML-Sitemap stellen Sie sicher, dass Google diese findet und indexiert.
Wann Bild-Sitemaps besonders wichtig sind
- Ihre Bilder werden auf einem CDN oder einer separaten Subdomain gehostet.
- Ihre Website verwendet JavaScript-Frameworks (React, Vue, Next.js), die Bilder dynamisch laden.
- Sie verfügen über eine große Bildbibliothek (Produktfotos für den E-Commerce, Fotografie-Portfolio).
- Sie verwenden Lazy Loading in großem Umfang auf der gesamten Website.
Für WordPress bieten Plugins wie Yoast SEO, RankMath und All in One SEO die Möglichkeit, Bild-Sitemaps mit einem einzigen Klick zu generieren. Für individuell erstellte Websites stellt die Google-Dokumentation die XML-Spezifikation für Bild-Sitemaps bereit.
Schritt 9: Bildunterschriften und umgebenden Text strategisch einsetzen
Google gibt in seiner Dokumentation zur Bild-SEO ausdrücklich an, dass der Inhalt und die Metadaten von Seiten, auf denen Bilder eingebettet sind, einen starken Einfluss darauf haben, wie und wo Bilder in den Suchergebnissen platziert werden. Das bedeutet, dass der Text um Ihr Bild herum – die Überschrift darüber, der Absatz darunter, der Seitentitel selbst – allesamt dazu beitragen, wie Google das Bild interpretiert und einordnet.
Bewährte Verfahren für Bildplatzierung und Kontext
- Platzieren Sie Bilder in der Nähe von kontextbezogenem Text: Ein Foto eines WebP-Konverters gehört neben den Abschnitt, der die Verwendung erklärt, und nicht ans Ende der Seite.
- Verwenden Sie Untertitel, wo sie einen Mehrwert bieten: Google liest Bildunterschriften. Eine gut formulierte Bildunterschrift unterstreicht das Thema der Seite und liefert Kontext zu den relevanten Schlüsselwörtern. Vermeiden Sie allgemeine Bildunterschriften wie „Abbildung 1“ oder „Quelle: Google“.
- Bildinhalte dem Seitenthema zuordnen: Wenn es auf Ihrer Seite um Bild-SEO geht, verwenden Sie kein generisches Stockfoto einer Person, die tippt – verwenden Sie stattdessen einen relevanten Screenshot, ein Diagramm oder eine originelle Grafik.
- Verwenden Sie nach Möglichkeit Originalbilder: Einzigartige, originelle Fotos signalisieren Fachkompetenz und schaffen Vertrauen. Stockfotos, die auf Tausenden von Websites verwendet werden, bieten keine Wettbewerbsdifferenzierung.
Schritt 10: Überprüfen Sie Ihre Bilder anhand der Core Web Vitals
Drei wichtige Web-Vitals-Metriken werden direkt von Bildern beeinflusst: Largest Contentful Paint (LCP), die angibt, ob Ihr Hauptbild schnell geladen wird; Cumulative Layout Shift (CLS), die angibt, ob Bilder beim Laden zu Inhaltsverschiebungen führen; und Interaction to Next Paint (INP), die indirekt beeinflusst wird, wenn Bilder den Hauptthread blockieren. Nutzen Sie Google PageSpeed Insights oder den Core-Web-Vitals-Bericht der Google Search Console, um bildbezogene Probleme auf Ihren Seiten zu identifizieren.
Die drei Kennzahlen – und wie Bilder sie beeinflussen
| Metrisch | Wie Bilder es beeinflussen | Fix |
| LCP (Largest Contentful Paint) | Große, unkomprimierte Hero-Bilder sind die Hauptursache für schlechte LCP-Werte. | In WebP konvertieren, komprimieren, fetchpriority="high" hinzufügen, Hero-Bild vorladen |
| CLS (Kumulative Layoutverschiebung) | Bilder ohne deklarierte Breite/Höhe verursachen beim Laden Layoutverschiebungen. | Always declare width and height attributes on every <img> tag |
| INP (Interaktion zum nächsten Farbauftrag) | Bilder blockieren den Hauptthread während der Dekodierung. | Verwenden Sie loading="lazy" für Bilder außerhalb des Bildschirms; moderne Decoder verarbeiten WebP effizient. |
So führen Sie eine Image-Performance-Prüfung durch
- Gehen Sie zu PageSpeed Insights (pagespeed.web.dev) und geben Sie Ihre Seiten-URL ein.
- Suchen Sie im Abschnitt „Möglichkeiten“ nach „Bilder richtig skalieren“, „Bilder in Formaten der nächsten Generation bereitstellen“, „Bilder effizient kodieren“ und „Bilder außerhalb des Bildschirms verzögern“.
- Überprüfen Sie Ihr LCP-Element – falls es sich um ein Bild handelt, hat dessen Optimierung höchste Priorität.
- Öffnen Sie die Google Search Console > Experience > Core Web Vitals, um zu sehen, welche Seiten Ihrer gesamten Website nicht funktionieren.
- Verwenden Sie den Bulk WEBP Converter von BulkDapa. Stapelkonvertierung markierter Bilder in WebP
Häufige Fehler bei der Bild-SEO, die Sie vermeiden sollten
| ⚠️ Vermeiden Sie diese Fehler bei der Bild-SEO
Selbst erfahrene SEOs machen diese Fehler – und sie können Ihnen unbemerkt Rankings kosten. |
- Alternativtext mit Keyword-Stuffing: alt=”günstigen Bildoptimierer kaufen kostenloses SEO-Tool 2026 „best“ sieht für Google nach Spam aus und bietet keinen Mehrwert für die Barrierefreiheit.
- Lazy Loading des Hero-Bildes: Der häufigste Fehler bei den Core Web Vitals. Ihr LCP-Bild muss sofort geladen werden – verwenden Sie niemals loading="lazy".
- Vergessen der Breiten- und Höhenattribute: Dieses eine Versäumnis verursacht CLS-Probleme, die dazu führen können, dass Ihre Seite von einer "Guten" zu einer "Schlechten" Core Web Vitals-Bewertung zurückfällt.
- Denselben Alternativtext für mehrere Bilder verwenden: Doppelte Alt-Attribute verwirren Suchmaschinen. Jedes Bild sollte einen einzigartigen, beschreibenden Alt-Text haben.
- WebP auf älteren Systemen ohne Fallbacks bereitstellen: Verwenden Sie das -Element mit einem JPG/PNG-Fallback für die seltenen älteren Browser oder E-Mail-Clients.
- Keine Komprimierung vor dem Hochladen: Das erneute Komprimieren eines bereits hochgeladenen Bildes führt jedes Mal zu Qualitätsverlusten. Optimieren Sie Bilder daher immer offline, bevor Sie sie in Ihr CMS hochladen.
- Bilder in robots.txt blockieren: Ältere robots.txt-Konfigurationen blockieren manchmal versehentlich das Crawling von Googlebot-Bildern. Überprüfen Sie die Crawlbarkeit von Bildern in der Google Search Console.
Die vollständige Bild-SEO-Checkliste für 2026
Verwenden Sie diese Checkliste vor der Veröffentlichung einer neuen Seite oder bei der Überprüfung bestehender Seiten:
Format und Komprimierung
- ✓ Bilder im WebP-Format (oder SVG für Logos/Symbole) gespeichert
- ✓ Dateigröße unterhalb des Zielschwellenwerts für den jeweiligen Bildtyp (Hauptbild < 200 KB, Körperbilder < 100 KB)
- ✓ Die Qualität wurde für verlustbehaftete Bilder auf 75–85 % eingestellt.
- ✓ Verlustfreie Komprimierung wird nur dort eingesetzt, wo pixelgenaue Präzision erforderlich ist.
Dateibenennung
- ✓ Beschreibender, durch Bindestriche getrennter Dateiname (keine IMG_xxxx oder Standardnamen)
- ✓ Das Ziel-Keyword ist natürlich im Dateinamen enthalten.
- ✓ Der Dateiname ist kleingeschrieben und enthält keine Leerzeichen.
Alternativtext
- ✓ Jedes Informationsbild hat einen einzigartigen, beschreibenden Alternativtext.
- ✓ Der Alternativtext ist unter 125 Zeichen.
- ✓ Das Zielkeyword wurde natürlich eingebunden (nicht künstlich eingefügt).
- ✓ Dekorative Bilder haben leere Alt-Attribute (alt="””).
Technische Umsetzung
- ✓ Width and height attributes declared on every <img> tag
- ✓ loading=”lazy” wurde auf alle Bilder unterhalb der Falte angewendet.
- ✓ fetchpriority="high" auf das Hero-/LCP-Bild angewendet
- ✓ srcset wurde für die responsive Bildauslieferung implementiert.
- ✓ Bilder in der XML-Sitemap enthalten
Erweiterte / strukturierte Daten
- ✓ Das Schema „Artikel/Produkt/Rezept“ enthält die Eigenschaft „Bild“.
- ✓ Open Graph-Bild-Tag-Set (og:image) für das Teilen in sozialen Netzwerken
- ✓ PageSpeed Insights prüfte auf bildbezogene Optimierungsmöglichkeiten
- ✓ Der Core Web Vitals-Bericht wurde in der Google Search Console überprüft.
Empfohlene Bild-SEO-Tools für 2026
| Werkzeug | Was es bewirkt | Kosten |
| BulkDapa WEBP-Konverter | Konvertieren Sie PNG/JPG/HEIC in WebP im Stapelverfahren, browserbasiert und 100 % datenschutzkonform. | Frei |
| Google PageSpeed Insights | Überprüfen Sie die Bildleistung und die Core Web Vitals pro Seite | Frei |
| Google Search Console | Websiteweiter Core Web Vitals-Bericht, Status der Bildindexierung | Frei |
| Squoosh (Google) | Visuelles Komprimierungsvergleichstool, feinabgestimmte Qualitätskontrolle | Frei |
| ShortPixel (WordPress) | Automatisiertes WebP-Konvertierungs- und Komprimierungs-Plugin für WordPress | Kostenlos / Kostenpflichtig |
| Imagify (WordPress) | WebP/AVIF-Konvertierung mit einem Klick + intelligente Komprimierung | Kostenlos / Kostenpflichtig |
| BulkDapa Broken Link Checker | Finden Sie defekte Bildlinks auf Ihrer Website. | Frei |
| Wolkenhaft | Cloudbasiertes Bild-CDN mit dynamischer Größenanpassung und Optimierung | Kostenlose Version / Kostenpflichtige Version |
| TinyPNG / TinyJPG | Schnelle Online-Komprimierung für PNG- und JPG-Dateien | Frei |
Entdecken Sie alle kostenlosen SEO-Tools von BulkDapa unter bulkdapa.site/seo-tools/ — Keine Registrierung erforderlich.
Häufig gestellte Fragen
| Frage | Antwort |
| Führt Bildoptimierung zu einer direkten Verbesserung des Google-Rankings? | Ja, indirekt, aber dennoch bedeutend. Bildoptimierung verbessert die Seitenladegeschwindigkeit, was ein direkter Rankingfaktor ist, und erhöht die Werte der Core Web Vitals, die ein bestätigtes Rankingsignal darstellen. Gut optimierte Bilder erzielen zudem ein unabhängiges Ranking in der Google-Bildersuche. |
| Wie wichtig ist Alt-Text für SEO im Jahr 2026? | Der Alternativtext (Alt-Text) ist nach wie vor eines der wichtigsten SEO-Signale für Bilder. Er hilft Google zu verstehen, was ein Bild zeigt, verknüpft Bilder mit den Schlüsselwörtern des umgebenden Inhalts und ist die primäre Darstellungsweise von Bildern in Barrierefreiheitstools und Screenreadern. |
| Soll ich alle Bilder in WebP konvertieren? | Ja, für alle im Web veröffentlichten Bilder. WebP wird von über 97 % der Browser unterstützt und liefert bei gleicher Qualität 25–34 % kleinere Dateien als JPG/PNG. Bewahren Sie die originalen PNG/JPG-Backups auf, verwenden Sie aber WebP für die Webdarstellung. |
| Welche Bilddateigröße ist ideal für eine Webseite? | Es gibt keine allgemeingültige Zielvorgabe, aber als Richtwert gilt: Hero-Bilder unter 150–200 KB, Bildtext unter 80–100 KB, Vorschaubilder unter 40–60 KB. Die Gesamtgröße der Bilder pro Seite sollte idealerweise für die meisten Inhaltsseiten unter 500 KB liegen. |
| Schadet Lazy Loading der Suchmaschinenoptimierung? | Nein – Lazy Loading verbessert sogar die SEO, indem es die Seitenladezeit verkürzt. Eine wichtige Ausnahme: Laden Sie Ihr LCP-Bild (Hero-Bild) niemals per Lazy Loading. Das wirkt sich negativ auf Ihre Core Web Vitals-Werte aus. |
| Wie kann ich überprüfen, ob Google meine Bilder indexiert hat? | In der Google Search Console können Sie das URL-Prüftool verwenden und die direkte Bild-URL eingeben. Alternativ können Sie in der Google-Bildersuche nach Ihrer Bild-URL suchen, indem Sie `site:yourdomain.com filetype:webp` verwenden, um indexierte Bilder anzuzeigen. |
| Ist die Geotagging-Funktion für Bilder für die lokale Suchmaschinenoptimierung nützlich? | Google hat erklärt, dass EXIF-Geotag-Daten nicht als direkter Rankingfaktor verwendet werden. Konzentrieren Sie sich stattdessen auf aussagekräftige Alternativtexte mit relevanten Schlüsselwörtern, beschreibende Dateinamen und die Einbettung von Bildern in einen lokal relevanten Kontext. |
Externe Referenzen
