Bild-SEO: Dateinamen, Alt-Texte und Bildkontext

Den Zweck des Bildes im jeweiligen Abschnitt bestimmen

Fragen Sie zuerst, was das Motiv zum Verständnis beiträgt. Ein Screenshot kann einen konkreten Bedienzustand zeigen, eine fachliche Grafik einen Zusammenhang erklären und ein redaktionelles Symbolbild ein Thema illustrieren. Diese Rollen benötigen unterschiedliche Beschreibungen. Ein atmosphärisches Motiv belegt keine Produktfunktion und sollte auch nicht entsprechend beschriftet werden.

Notieren Sie die Information, die beim Weglassen des Bildes verloren ginge. Wenn keine eigenständige Information fehlt, kann das Bild vor allem dekorativ sein. Wenn eine Anleitung ohne die Abbildung nicht verständlich bleibt, gehören die entscheidenden Schritte zusätzlich in den Text. Das hilft bei eingeschränkter Bildanzeige und verhindert, dass wichtige Voraussetzungen ausschließlich über ein Motiv vermittelt werden.

Eine passende Datei statt eines beliebigen großen Originals wählen

Bereiten Sie die Datei für ihre tatsächlichen Darstellungsgrößen vor. Eine kleine Artikelkarte und ein breites Titelbild benötigen nicht zwangsläufig dieselbe große Auslieferung. Responsive Varianten können dem Browser passende Größen anbieten. Prüfen Sie dabei nicht nur die Dateigröße, sondern auch, ob relevante Details in der realen Darstellung erkennbar bleiben.

Reservierter Platz für ein Bild kann unerwartete Verschiebungen während des Ladens verringern. Behandeln Sie das sofort sichtbare Hauptmotiv anders als weit unten platzierte Abbildungen, wenn das Ladeverhalten dies verlangt. Eine pauschale Verzögerung sämtlicher Bilder ist kein allgemeines Optimierungsziel. Prüfen Sie die tatsächlich geladene Ressource und die wahrgenommene Darstellung am vorgesehenen Endgerät.

Dateinamen und Bildkontext verständlich halten

Ein sinnvoller Dateiname erleichtert die Zuordnung im redaktionellen Bestand. Er sollte den Gegenstand knapp beschreiben und nicht aus einer langen Folge ähnlicher Suchbegriffe bestehen. Verwenden Sie konsistente Benennungen und bewahren Sie die Verbindung zu Original, Veröffentlichungsfassung und dem zugehörigen Artikel auf. Das macht spätere Änderungen und Korrekturen gezielter möglich.

Der umgebende Text und eine gegebenenfalls nötige Bildunterschrift erklären den konkreten Zusammenhang. Ein Motiv zur QR-Druckprüfung erhält dadurch eine andere Bedeutung als dieselbe Abbildung in einem allgemeinen Designbeitrag. Nennen Sie tatsächliche Demo- oder Symbolbildrollen offen. Eine Beschriftung darf keine unabhängige Untersuchung oder reale Produktoberfläche suggerieren, wenn diese Grundlage nicht vorhanden ist.

Alt-Texte nach Bedeutung statt nach Keyworddichte schreiben

Die Textalternative richtet sich nach der Rolle des Bildes in dieser konkreten Veröffentlichung. Beschreiben Sie relevante Information präzise und ohne eine unnötige Wiederholung des gesamten umgebenden Absatzes. Dekorative Bilder können eine leere Textalternative benötigen. Informative Abbildungen und grafische Bedienelemente sind anders zu behandeln. Die W3C-Hinweise helfen bei dieser Unterscheidung.

Ein Alt-Text ist keine zusätzliche Werbefläche. Listen Sie dort nicht mehrere Produkte, Orte oder Suchbegriffe auf, die das Bild gar nicht zeigt. Bei einer komplexen Grafik reicht eine kurze Beschreibung möglicherweise nicht; die wichtigen Werte und Zusammenhänge gehören dann zusätzlich in eine zugängliche textliche Erklärung. Auch eine gute Textalternative macht eine irreführende Grafik nicht sachlich richtig.

Ein Bildregister mit überprüfbarer Abnahme führen

Erfassen Sie besonders bei fachlichen Abbildungen den tatsächlichen Stand. Eine geänderte Eingabemaske kann eine ältere Anleitung unverständlich machen. Eine reine Neubenennung der Bilddatei behebt den Widerspruch nicht. Prüfen Sie in solchen Fällen Text, Abbildung und Bildunterschrift gemeinsam.

Fiktives Beispiel: ein Symbolbild und eine echte Anleitung trennen

Eine Wissensseite erklärt den Drucktest eines QR-Codes. Das Titelmotiv zeigt eine stilisierte Druckumgebung und wird als redaktionelles Symbolbild eingeordnet. Weiter unten erläutert eine echte dokumentierte Abbildung einen konkreten Prüfschritt. Die Redaktion gibt beiden Bildern unterschiedliche Beschreibungen, weil sie unterschiedliche Aufgaben erfüllen.

Für die Artikelkarte wird eine kleinere passende Bildfassung angeboten. Der Smartphone-Test prüft, ob der Bildausschnitt den Gegenstand weiterhin erkennen lässt. Die technischen Prüfkriterien stehen als Text im Artikel und sind nicht ausschließlich im Bild lesbar. Dieses Beispiel zeigt eine nachvollziehbare Bildaufbereitung. Es behauptet keine bestimmte Position in der Bildersuche und keine pauschale Verbesserung wirtschaftlicher Ergebnisse durch ein neues Motiv.

Den Bildtausch als Inhaltsänderung behandeln

Bei einem späteren Motivwechsel müssen Alternativtext und Bildkontext erneut geprüft werden. Ein früher passender Text kann das neue Bild falsch beschreiben. Kontrollieren Sie zugleich die öffentlichen Bildadressen und die verwendeten Vorschaubilder. Die Dateibenennung allein aktualisiert diese Beziehungen nicht automatisch. Ein klarer Prüfpunkt beim Bildtausch verhindert veraltete Beschreibungen.

Die öffentliche Bildfassung und ihre Folgeverwendungen kontrollieren

Prüfen Sie nach der Veröffentlichung, ob die erwarteten Dateien über die öffentliche Domain erreichbar sind. Kontrollieren Sie auch Kartenansichten und Social-Vorschaubilder, wenn dort dasselbe Motiv verwendet wird. Ein funktionierendes Original auf dem eigenen Computer belegt nicht die richtige Auslieferung jeder vorgesehenen Variante.

Bei einer späteren Bildänderung muss klar sein, welche Dateien und Beschreibungen betroffen sind. Ersetzen Sie nicht ungeprüft nur eine der Varianten. Halten Sie den redaktionellen Zusammenhang im Bildregister fest und prüfen Sie den fertigen Artikel erneut. So wird Bild-SEO Teil eines belastbaren Veröffentlichungsprozesses und bleibt nicht auf eine einmalige Änderung von Alt-Texten beschränkt.

Häufige Fragen.