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.

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

Linkes Bild:

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

Rechtes Bild:

Nach dem Klick auf das Bild erscheint die Lightbox. Unter dem Bild erscheinen dann Titel und Beschreibung.

Beschriftung wird also gleich auf der Webseite angezeigt.

Titel und Beschriftung werden erst nach dem Klick auf das Bild sichtbar.

 

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

Du hast bis hierhin gelesen?
Cool! – das freut uns!

Es gibt so viel zu entdecken rund um Webdesign, SEO & Content, und wir lieben es, unser Wissen mit dir zu teilen.

Wenn du nichts mehr verpassen möchtest, hol dir unser How-to Update!

Kein Spam – nur praxisnahe Tipps direkt in dein Postfach.

How-to Update

Unregelmäßig, aber immer wertvoll – praxisnahe Tipps zu Webdesign, SEO & Content für dein Business!

Mit deiner Anmeldung stimmst du zu, dass wir deine E-Mail-Adresse und deinen Namen für den Versand unseres Newsletters speichern und nutzen. Du kannst dich jederzeit über den Abmeldelink in unseren E-Mails oder per Nachricht an uns abmelden. Weitere Informationen findest du in unserer Datenschutzerklärung .

Creative Ninja Webdesign Agentur für WordPress Entwicklung