Ratgeber: Bei responsiven Bildern auch das normale img-Ziel prüfen

Mehrere Bildvarianten brauchen einen nachvollziehbaren Ausgangspunkt

Googles Bilddokumentation behandelt responsive Bilder mit picture und srcset. Sie nennt dabei ein img-Element mit src als Rückfallmöglichkeit. Ein technisch aufwendiges Bildlayout sollte deshalb nicht nur bei einer einzigen Bildschirmbreite geprüft werden. Für einen Magazinartikel ist wichtig, dass die passende Abbildung erreichbar bleibt und auch die zugrunde liegende Bildadresse einen echten Inhalt liefert. Dieser Ratgeber beschreibt bestehende Hinweise, keine neue Formatfreigabe.

Die tatsächlich verwendeten Dateien ansehen

Wähle einen Artikel mit mehreren Bildgrößen. Öffne ihn bei schmaler und breiter Darstellung und kontrolliere jeweils das sichtbare Motiv. Prüfe danach die im HTML hinterlegte normale Bildadresse und die angebotenen Varianten. Eine versehentlich vertauschte Datei kann nur bei bestimmten Breiten erscheinen. Vergleiche außerdem den alternativen Text mit dem Motiv. Er sollte den Inhalt sinnvoll beschreiben und nicht eine Liste gewünschter Suchbegriffe enthalten.

Ein Layoutwechsel ist Teil der Abnahme

Teste die endgültige Seite nach einer Änderung erneut, einschließlich verzögert geladener Bilder. Ein erfolgreicher Abruf einer einzelnen Datei beweist noch nicht, dass das Layout sie tatsächlich auswählt. Halte fest, welche Breiten und Dateien geprüft wurden. Bewahre einen sinnvollen Zusammenhang zwischen Bild, Bildunterschrift und Artikeltext. Responsive Auslieferung kann die Darstellung an verschiedene Geräte anpassen; sie garantiert keine Aufnahme in die Bildersuche. Die technische Kontrolle schafft zunächst eine verlässliche Grundlage für Besucher und nachvollziehbare Bildverweise für Crawler.