Developer Space - testen. lernen. spielen.

How-to Bildbeschreibung

How-to Bildbeschreibung für Barrierefreiheit, Nutzungserlebnis und Suchmaschinen Optimierung

Bild Metadaten

In der Mediathek von WordPress findest Du alle Deine Bilder.

Dort kannst Du die Bild Metadaten ausfüllen oder ändern.

Es gibt den Dateinamen und 4 Felder für Bild Metadaten.

Doch was kommt wo rein?

Wo erscheint welcher Text dann auf der Website?

Sehen wir uns ein paar Beispiele an.

Alt Text

ALT Texte sind maschinenlesbare Alternativen zu Bildern. Sie werden von Suchmaschinen und Screenreadern gelesen.

Suchmaschinen erkennen daran, ob eine Website barrierefrei ist. Barrierefreie Inhalte werden in Suchmaschinen bevorzugt.

SEO

Suchmaschinen möchten verstehen, was auf einem Bild zu sehen ist, um die Relevanz und den Charakter einer Website richtig einordnen zu können.

Da Suchmaschinen noch keine Augen haben, benötigen sie eine Beschreibung, was auf dem Bild zu sehen ist.

Nutzungserlebnis

ALT Texte werden schneller geladen als ein Bild. Bei schlechter Internetverbindung wird zunächst der ALT Text angezeigt bis das Bild nachgeladen wurde.

Es gibt auch andere Gründe, warum das Nachladen von Bildern unterdrückt sein könnte.

Menschen mit starken Sehbeeinträchtigung nutzen Screenreader, die Texte laut vorlesen.

No Go

ALT texte sollen keine zusätzlichen versteckten Informationen enthalten, sondern wirklich nur das Bild beschreiben.

Manche empfehlen, die ALT Texte mit Listen von Keywords künstlich anzureichern.

Dieser „Trick“ war schon vor 20 Jahren uncool. Suchmaschinen erkennen den Missbrauch von Funktionen und sind not amused.

Beispiel

Richtig

5 Personen beim Start eines Heissluftballons. Eine Person ist im Korb und bedient den Brenner. 4 Personen stehen aussen und halten den leicht schrägen Korb fest.

Falsch

Wir hatten alle sehr viel Spass bei unserem Betriebsausflug mit einem Heissluftballon.

Betriebsausflug 2023 mit Heissluftballon.

Heissluftballonreisen, Ballon, Betriebsausflug, Ballonfahrt buchen, Ballonfahrt Stuttgart, München, Berlin

Titel

Titel können weitere Informationen enthalten, wirken sich jedoch nicht auf Suchmaschinen aus.

Je nachdem wie das Bild auf der Website eingebunden ist, kann ein Titel erscheinen.

Der Bildtitel kann beim Hovern über ein Bild oder in einer Lightbox angezeigt werden.

Der Titel kann verwendet werden, wenn unter dem bild keine Beschriftung gewünscht ist.

Beispiel

Lightbox

Klicke auf das Bild und es erscheint in einer Lightbox.

Unter dem Bild siehst Du dann den Text, der im Feld Titel eingegeben wurde.

Beschriftung

Bildunterschrift, die unter einem Bild angezeigt wird.

5 Personen beim Start eines Heissluftballons. Eine Person ist im Korb und bedient den Brenner. 4 Personen stehen aussen und halten den leicht schrägen Korb fest.
Heissluftballon Betriebsausflug 2023

Beispiel

Unter dem Bild wird der Text angezeigt, der im Feld „Beschriftung“ eingetragen wurde.

Beschreibung

Die Bildbeschreibung wird angezeigt, wenn auf ein Bild geklickt wird und dieser Link auf die Bildanhangsseite gesetzt ist.

Beispiel

Unter dem Bild wird der Text angezeigt, der im Feld „Beschriftung“ eingetragen wurde.