Informationswert
Nutze Bilder, die den Text wirklich ergänzen: Screenshots, Diagramme, Beispiele, Produktansichten oder eigene Visualisierungen.
Bilder-SEO für Anfänger · Alt-Texte · Ladezeit · Google Bilder
Bilder für SEO optimieren: Alt-Texte, Dateigröße und technische Einbindung richtig umsetzen.
Bilder können Inhalte verständlicher machen, Vertrauen schaffen und zusätzlich über Google Bilder sichtbar werden. Gleichzeitig gehören große oder falsch eingebundene Bilddateien zu den häufigsten Ursachen für unnötig langsame Seiten. Hier lernst du, wie du Bilder sinnvoll benennst, Alt-Texte schreibst, Dateigröße und Format wählst und technische Fehler vermeidest.
Kurzantwort
Was bedeutet Bilder-SEO?
Bilder-SEO bedeutet, Bilder so einzusetzen, dass sie für Besucher hilfreich, technisch effizient und für Suchmaschinen verständlich eingebunden sind.
Dazu gehören nicht nur Alt-Texte. Auch Bildqualität, Dateigröße, Dateiname, Platzierung im passenden Seitenkontext, technische Erreichbarkeit und eine saubere HTML-Einbindung spielen eine Rolle.
Ziel ist nicht, jedes Bild künstlich mit Keywords zu versehen. Ein gutes Bild sollte zuerst einen echten Zweck erfüllen: erklären, zeigen, vergleichen, dokumentieren oder den Inhalt sinnvoll ergänzen.
Die sechs wichtigsten Stellschrauben
Ein gutes Bild muss mehr können als nur gut aussehen.
Für SEO und Nutzererlebnis solltest du jedes wichtige Bild aus mehreren Perspektiven prüfen.
Dateiname
Verwende kurze, verständliche Dateinamen statt automatischer Kamera- oder Exportnamen wie IMG_4837.jpg.
Alt-Text
Beschreibe informative Bilder knapp und im Kontext der Seite. Keyword-Stuffing hilft weder Nutzern noch Suchmaschinen.
Kontext
Platziere Bilder möglichst in der Nähe des Textes, den sie erklären oder veranschaulichen.
Dateigröße und Format
Wähle eine passende Auflösung und ein effizientes Format, damit Qualität und Ladezeit im Verhältnis bleiben.
Technische Einbindung
Nutze echte Bild-Elemente, passende Abmessungen und responsive Varianten, damit Browser und Suchmaschinen das Bild sauber verarbeiten können.
Alt-Texte richtig schreiben
Nicht jedes Bild braucht denselben Alt-Text – und dekorative Bilder brauchen oft gar keinen Inhalt im Alt-Attribut.
Der Alt-Text beschreibt die Information oder Funktion eines Bildes. Er ist besonders wichtig für Barrierefreiheit und hilft Suchmaschinen zusätzlich dabei, den Bildinhalt im Seitenkontext einzuordnen.
Beschreibe das, was für den Inhalt relevant ist
Beispiel: Eine Grafik zeigt den Ablauf einer Keyword-Recherche mit fünf Schritten. Dann sollte der Alt-Text genau diesen Informationsgehalt beschreiben.
alt="Keyword-Recherche in fünf Schritten: Thema festlegen, Suchbegriffe sammeln, Suchintention prüfen, Keywords bewerten und Zielseite zuordnen"Beschreibe nicht jedes Pixel, sondern die relevante Aussage
Ein Screenshot der Search Console muss nicht jede Zahl wiederholen. Entscheidend ist, warum der Screenshot im Artikel steht.
alt="Google Search Console mit Suchanfragen, Klicks, Impressionen und durchschnittlicher Position"Kein zusätzlicher Informationswert
Ein rein dekoratives Trennelement, Muster oder Schmuckbild sollte Screenreader nicht mit einer unnötigen Beschreibung belasten.
alt="" Faustregel:
Beschreibe nicht für Google, sondern für jemanden, der das Bild nicht sehen kann und trotzdem verstehen soll,
welche Information dadurch verloren gehen würde.
Dateiname und Alt-Text im Vergleich
Aus „IMG_4837.jpg“ wird ein verständliches Bildsignal.
Automatischer Dateiname, unklarer Kontext und ein Alt-Text, der nur Keywords aneinanderreiht.
Dateiname
IMG_4837.jpg
Alt-Text
SEO Bilder SEO Alt Text Bilder optimieren Google Bilder Ranking SEO
Kurzer beschreibender Dateiname und ein Alt-Text, der genau die relevante Bildinformation erklärt.
Dateiname
alt-text-beispiel-seo.png
Alt-Text
Beispiel für einen beschreibenden Alt-Text bei einem SEO-Artikel
Bildformate sinnvoll wählen
Es gibt nicht das eine beste Bildformat für jede Situation.
Entscheidend sind Bildart, Transparenz, gewünschte Qualität, Browserunterstützung und Dateigröße.
Fotos und komplexe Motive
Bewährtes Format für Fotos. Gute Komprimierung, aber keine Transparenz.
Grafiken mit Transparenz
Geeignet, wenn Transparenz oder verlustfreie Darstellung wichtig ist. Dateien können deutlich größer werden.
Moderne Webformate
Können bei vergleichbarer Qualität kleinere Dateien liefern und eignen sich deshalb häufig gut für Websites.
Logos und Vektorgrafiken
Ideal für skalierbare Icons, Logos und einfache Illustrationen, wenn das Motiv als Vektor vorliegt.
Technische Bilder-SEO
Die richtige Datei bringt wenig, wenn sie technisch schlecht eingebunden ist.
Browser, Besucher und Suchmaschinen profitieren von einer klaren, stabilen und schnellen Einbindung.
Normales img-Element verwenden
Google kann Bilder über das src-Attribut eines normalen img-Elements entdecken. CSS-Hintergrundbilder werden nicht wie normale Inhaltsbilder indexiert.
Abmessungen reservieren
Width und height helfen dem Browser, vor dem Laden Platz zu reservieren und Layoutverschiebungen zu vermeiden.
Responsive Varianten anbieten
Mit srcset und sizes kann der Browser abhängig vom Display eine passend dimensionierte Datei auswählen.
Dateigröße reduzieren
Komprimiere Bilder vor dem Upload und lade nicht pauschal eine viel größere Auflösung als tatsächlich benötigt.
Lazy Loading gezielt nutzen
Bilder weit unterhalb des sichtbaren Bereichs können später geladen werden. Das wichtigste sichtbare Bild sollte dagegen nicht unnötig verzögert werden.
Mit PageSpeed prüfen
Kontrolliere, ob sehr große Bilder, falsche Dimensionen oder das Ladeverhalten die Seitengeschwindigkeit unnötig verschlechtern.
Google Bilder und Bildvorschauen
Damit Google ein Bild verstehen kann, braucht es mehr als nur die Datei selbst.
Google berücksichtigt den Seitenkontext, Alt-Text, Dateinamen, technische Erreichbarkeit und weitere Signale, um Bilder zu entdecken und thematisch einzuordnen.
Bild nahe am passenden Text platzieren
Ein Bild zu „Alt-Texte schreiben“ sollte nicht am anderen Ende der Seite stehen. Der umgebende Inhalt hilft bei der thematischen Einordnung.
Bild über crawlbare HTML-Struktur ausgeben
Normale Bild-Elemente sind für Suchmaschinen leichter auffindbar als rein dekorative CSS-Hintergründe.
Bild-Sitemap nur bei Bedarf ergänzen
Wenn wichtige Bilder schwer zu entdecken sind oder über externe Bild-CDNs laufen, kann eine Bild-Sitemap zusätzliche Hinweise liefern.
Bevorzugtes Vorschaubild konsistent angeben
Für Seitenvorschauen kann eine bevorzugte Bild-URL zusätzlich über Open-Graph-Angaben oder passende strukturierte Daten signalisiert werden. Die konkrete Umsetzung gehört in die jeweiligen Meta- beziehungsweise Schema-Felder, nicht in diesen Seiteninhalt.
Google wählt Vorschaubilder automatisiert aus. Eine saubere Bildauswahl und korrekte Metadaten können die Auswahl beeinflussen,
garantieren aber nicht, dass immer genau dein gewünschtes Bild angezeigt wird.
Praxis-Workflow
So optimierst du ein wichtiges Bild Schritt für Schritt.
01
Prüfe zuerst den Zweck des Bildes
Erklärt, zeigt, vergleicht oder dokumentiert das Bild etwas? Wenn es keinen echten Mehrwert liefert, brauchst du es möglicherweise gar nicht.
02
Wähle die passende Bildgröße
Exportiere nicht automatisch die maximal mögliche Auflösung. Orientiere dich daran, wie groß das Bild auf der Website tatsächlich dargestellt wird.
03
Komprimiere und wähle ein geeignetes Format
Reduziere die Dateigröße, ohne dass wichtige Details sichtbar leiden. Fotos, Infografiken und transparente Grafiken können unterschiedliche Formate benötigen.
04
Vergib einen kurzen beschreibenden Dateinamen
Nutze verständliche Wörter statt Kamera- oder Exportnamen. Der Dateiname ist nur ein kleines Signal, sollte aber trotzdem sauber sein.
05
Schreibe den Alt-Text aus Sicht des Inhalts
Beschreibe die relevante Information knapp. Wiederhole nicht einfach die Überschrift und stopfe keine Keyword-Liste hinein.
06
Platziere das Bild im passenden Textabschnitt
Bild, Überschrift, Absatz und gegebenenfalls Bildunterschrift sollten thematisch zusammenpassen.
07
Prüfe technische Einbindung und Ladeverhalten
Kontrolliere Abmessungen, mobile Darstellung, responsive Varianten und ob Lazy Loading an dieser Stelle sinnvoll ist.
08
Teste die veröffentlichte Seite
Nutze PageSpeed Insights und prüfe zusätzlich mobil, ob Bildqualität, Ladezeit und Layout praktisch funktionieren.
Bilder-SEO Checkliste
Diese Punkte sollten bei wichtigen Bildern stimmen.
Das Bild besitzt einen echten Informations- oder Nutzwert.
Der Dateiname ist kurz und verständlich.
Informative Bilder besitzen einen passenden Alt-Text.
Dekorative Bilder werden nicht unnötig beschrieben.
Das Bild steht in der Nähe des passenden Inhalts.
Dateigröße und Auflösung sind angemessen.
Das verwendete Format passt zur Bildart.
Breite und Höhe beziehungsweise das Seitenverhältnis sind sauber reserviert.
Große Bilder werden auf Mobilgeräten nicht unnötig in voller Desktop-Größe geladen.
Wichtige Bilder sind für Suchmaschinen crawlbar.
Hero- oder LCP-Bilder werden nicht unnötig verzögert.
Die veröffentlichte Seite wurde praktisch getestet.
Typische Fehler
Diese Bilder-SEO-Fehler entstehen besonders häufig.
Keyword-Stuffing im Alt-Text
Der Alt-Text wird wie eine Keyword-Liste geschrieben statt wie eine sinnvolle Bildbeschreibung.
Jedes Bild bekommt denselben Alt-Text
Dadurch entsteht weder für Nutzer noch für Suchmaschinen eine klare Information über das konkrete Bild.
Viel zu große Originaldateien
Ein Bild wird mit mehreren tausend Pixeln hochgeladen, obwohl es auf der Seite nur deutlich kleiner angezeigt wird.
Wichtige Bilder nur als CSS-Hintergrund
Ein inhaltlich relevantes Bild wird dekorativ eingebunden und verliert dadurch wichtige semantische Informationen.
Kein Platz für das Bild reserviert
Beim Laden springt der Inhalt, weil Bildabmessungen oder Seitenverhältnis vorher nicht feststehen.
Hero-Bild wird lazy geladen
Das wichtigste sichtbare Bild startet unnötig spät und kann dadurch die wahrgenommene Ladezeit verschlechtern.
Bild passt nicht zum Text
Ein austauschbares Stockfoto steht zwar optisch schön auf der Seite, liefert aber keinen Informationswert zum Thema.
Nur Desktop geprüft
Auf dem Smartphone wird das Bild abgeschnitten, zu groß geladen oder verschiebt wichtige Inhalte.
Kostenloser Einstieg
SEO-Leitfaden kostenlos ansehen
Bilder sind nur ein Teil deiner Onpage-Optimierung.
Im kostenlosen SEO-Leitfaden gehst du die wichtigsten SEO-Schritte für eine Landingpage strukturiert durch – von Keyword und Suchintention bis zu Bildern, internen Links und technischer Kontrolle.
FAQ
Häufige Fragen zu Bilder-SEO und Alt-Texten
Braucht jedes Bild einen Alt-Text?
Informative Bilder sollten einen Alt-Text erhalten, der ihre relevante Aussage beschreibt. Rein dekorative Bilder können ein leeres Alt-Attribut verwenden, damit sie von Screenreadern übersprungen werden.
Soll das Hauptkeyword immer im Alt-Text stehen?
Nein. Verwende einen Begriff nur dann, wenn er das Bild tatsächlich beschreibt. Der Alt-Text sollte natürlich und hilfreich formuliert sein und nicht als zusätzliche Keyword-Fläche dienen.
Ist WebP immer besser als JPEG oder PNG?
Nicht pauschal. Moderne Formate können häufig kleinere Dateien liefern, aber die richtige Wahl hängt von Motiv, Transparenz, gewünschter Qualität und technischer Umsetzung ab.
Sind Dateinamen ein wichtiger Rankingfaktor?
Der Dateiname kann einen kleinen thematischen Hinweis liefern. Viel wichtiger sind Bildinhalt, Alt-Text, Seitenkontext, technische Erreichbarkeit und eine gute Nutzererfahrung.
Muss ich eine eigene Bild-Sitemap erstellen?
Nicht jede Website braucht zwingend eine separate Bild-Sitemap. Sie kann sinnvoll sein, wenn wichtige Bilder sonst schwer entdeckt werden oder Bilder über externe Quellen beziehungsweise CDNs eingebunden sind.
Kann ein gutes Bild mein Google-Ranking verbessern?
Ein einzelnes optimiertes Bild garantiert kein besseres Ranking. Gute Bilder können aber Verständnis, Nutzererlebnis, Ladeverhalten und zusätzliche Sichtbarkeit über Google Bilder unterstützen.
Soll ich Bilder lazy laden?
Für Bilder weiter unten auf einer langen Seite kann Lazy Loading sinnvoll sein. Das wichtigste sichtbare Bild im oberen Bereich sollte dagegen nicht unnötig verzögert werden.
Wie prüfe ich, ob Bilder meine Seite langsam machen?
Nutze PageSpeed Insights und prüfe zusätzlich die Seite auf Smartphone und Desktop. Achte besonders auf sehr große Dateien, fehlende Abmessungen und Bilder, die deutlich größer geladen werden als sie dargestellt werden.
Offizielle und weiterführende Quellen
Diese Grundlagen solltest du für Bilder-SEO kennen.
Google: Bilder-SEO Best Practices
Offizielle Hinweise zu Bildentdeckung, Alt-Text, Dateinamen, responsiven Bildern, Bild-Sitemaps und Google Bilder.
Google-Dokumentation öffnen →PageSpeed Insights
Prüft unter anderem Ladezeit, Core Web Vitals und technische Optimierungspotenziale deiner veröffentlichten Seite.
PageSpeed Insights öffnen →Onpage-SEO Grundlagen
Ordne Bilder gemeinsam mit Title, H1, Inhalt, URLs und internen Links in die gesamte Seitenoptimierung ein.
Onpage-SEO ansehen →Technisches SEO für Anfänger
Vertiefe Crawling, Indexierung, Core Web Vitals, mobile Nutzbarkeit und technische Seitensignale.
Technisches SEO ansehen → Im SEO-Cluster weitergehen
Ein gutes Bild wirkt am stärksten, wenn die ganze Seite sauber optimiert ist.
Bilder-SEO verbindet Onpage-Optimierung, Technik und Nutzererlebnis. Nutze die nächsten Seiten passend zu deinem aktuellen Engpass.