Zum Inhalt springen

Wir lüften die Geheimnisse von Alt-Text und Bild-Attributen

Geschrieben von
Roger Klein
Alt-Text und Bild-Attribute

Was ist ein sogenannter Alt-Text bei Bildern?

Alt-Text ist die Abkürzung für Alternativtext. Es bedeutet, dass dieser angezeigt wird, falls das Bild auf einer Webseite (noch) nicht geladen werden kann. Dies ist in der Regel dann der Fall, wenn der Pfad zur Datei auf dem Server nicht mehr stimmig ist, diese überhaupt nicht mehr vorhanden ist oder die Internet-Verbindung zu schwach ist.

Alternativtext als Bestandteil des Image-Tags

Der Alt-Text ist ein Attribut des Image-Tags und wird innerhalb von diesem in der Form alt=“Hier kommt der Alt-Text hinein.“ dargestellt. Es sollte nicht bei rein dekorativen Elementen verwendet werden, sondern nur bei Bildern und Grafiken, die einen Bezug zum Content haben.

Welche Auswirkungen hat die Angabe von Bild-Attributen?

Der Alt-Text visualisiert in Textform, was der User sehen würde, wenn das fehlende Bild doch da wäre. Im Idealfall erkennt der Nutzer, dass er richtig ist und bleibt auf der Seite. Sehbehinderte erhalten den Inhalt des Alt-Texts per Screenreader. Im Idealfall verbessert er somit die Usability.

Suchmaschinen erhalten auf diesem Wege ebenfalls Informationen, um was es geht und können damit sowohl das Bild als auch den umgebenden Content besser einordnen. Aus SEO-Sicht gibt es die Gelegenheit, hier Keywords zu platzieren und das Ranking positiv zu beeinflussen. Ein Spezialfall ist die Optimierung für die Bildersuche, das sogenannte Bilder-SEO. Gerade hierfür ist es wichtig, mit Alt-Texten zu arbeiten.

Die weiteren (optionalen) Angaben: Titel, Beschriftung und Beschreibung

  • Title: zu unterscheiden ist zwischen dem Title-Attribut des Bildes und dem des Links. Bei verlinkten Bildern sind Dopplungen zu vermeiden. Es sollten aber auch keine Widersprüche entstehen. Bei einem Textlink ist sowieso der Linktext entscheidend. In jedem Fall ist darauf zu achten, dass beim Nutzer keine Verwirrung entsteht, etwa bei Lightbox-Anwendungen, die von einem kleinen auf ein grösseres Bild verlinken.
  • Beschriftung: Sie wird meist unterhalb eines Bildes sichtbar für Nutzer platziert. Hier besteht die Möglichkeit, Zusatzinfos unterzubringen, die dem Leser einen Mehrwert bieten.
  • Beschreibung: Das stark verbreitete Content-Management-System WordPress enthält zusätzlich noch dieses Feld. Im Frontend ist dieses beim Aufruf der Medienanhang-Seite sichtbar. Bei Umleitung auf die Medien-Datei wäre auch eine Nutzung zu rein internen Zwecken denkbar.

SEO-Fazit: Alt-Text ist Pflicht!

Der Alt-Text ist aus SEO-Perspektive nahezu überall ein Pflichtelement. Im Gegensatz dazu sind Title, Beschriftung und Beschreibung für die Suchmaschinenoptimierung weniger wichtig. Im Einzelfall kommt es auf die Darstellung im Frontend an, ob es sinnvoll ist, diese mit Keywords zu bestücken. In jedem Fall ist die Nutzerperspektive zu beachten.

Themen: GuideTechnologien

Hat dich der Artikel ins Grübeln gebracht?

Wir besprechen sowas gerne im Erstgespräch — unverbindlich, persönlich, in der Regel innerhalb eines Werktags.

Direkt zum Kontakt
Noch was Grösseres?

rundum.dog — unsere Hunde-Wissensplattform.

Unser Eigenprojekt und Live-Beweis: eigenes KI-Plugin auf Anthropic-API-Basis, 17 Custom Post Types, ein Betrieb, den wir täglich am Laufen halten.

rundum.dog ansehen ↗
Über die Person

Roger Klein

Geschäftsführer dataloft GmbH. WordPress seit Version 3, Frauenfeld. Verantwortet bei dataloft Strategie, Architektur und KI-Integration. Baut mit Mattes und Elena rundum.dog, die grösste deutschsprachige Hunde-Wissensplattform.

Mehr über uns →

Schreib uns oder ruf an.
Meist antwortet ein Mensch innerhalb eines Werktags.

Roger Klein
Geschäftsführer
E-Mail
info@dataloft.ch
Telefon
+41 52 511 05 05
Adresse
dataloft GmbH · Rietweg 1 · 8506 Lanzenneunforn TG