Was ist ein Alt-Text und welche Funktionen erfüllt dieser auf einer Website?

Oliver F.
2024-06-05
Avatar-Foto

Auch "Alternativetext" genannt, beschreibt dieser den Zweck eines Bildes. Damit erfüllen Alt-Texte vor allem 3 Funktion auf einer Website:

  1. Fehlerminimierung: "Alternative" Anzeig, wenn ein Bild nicht geladen werden kann
  2. Zusammenhang: Suchmaschinen verstehen besser, wie Bilder zum Inhalt der Seite passen
  3. Bedienungshilfe: Nutzer mit Seheinschränkung hören damit den Inhalt des Bildes

Was ist eine guter Alt-Text? Hier ein Beispiel, bei dem alle 3 Anforderungen erfüllt sind:

Mann und Frau beim Tanzen als Beispiel was ein guten Alt-Text ist

Alt = "Mann führt Frau auf der Tanzfläche, beide blicken lächelnd in die Kamera"

Vielfach wird auch der Begriff "Alt-Attribut" verwendet. Dieser legt - zurecht - die Vermutung nahe, dass Bildern bzw. Grafiken noch weitere Attribute zugeordnet werden können. Die 4 wichtigsten Attribute bespreche ich im Chat mit Jan über Beitragsbilder.

Sehr gut. Danke. Welche Rolle spielt der Alt-Text für das Ranking in Suchmaschinen (SEO)?

Oliver F.
2024-06-06
Avatar-Foto

Die Antwort lässt sich mit den (teilweise) bekannten Ranking Faktoren von Google zumindest einkreisen. Der Alt-Text ist damit kein direkter Ranking-Faktor. Allerdings tragen gut gepflegt Alt-Texte indirekt zu besseren Rankings bei. Die darin verwendeten Suchbegriffe (engl. Keywords) ermöglichen eine zusätzliche Platzierung in der Google Bildersuche.

Sonderfall: Einschätzung zur Verwendung von Alt-Tags in Bilder, die als Schaltfläche (engl. "Button") genutzt werden: 

Verwendung von Bildern Alt-Text als Schaltfläche - Einfluss auf SEO

Bild als Schaltfläche - Alt-Text "Tanzkurs Erwachsene Paare - Direkt zu den Startterminen für Tanzkurse für Erwachsene Paare in München"

  • Keine Anzeige in der Bildersuche, da die Inhalte von Bildes und Alt-Text nicht übereinstimmen
  • Anzahl der Keywords in den Alt-Texten erhöht die Keyphrase-Dichte ("Keyword Stuffing" beachten)
  • Anzeige der Alternativtexte bei Ladefehler identifiziert das Element inhaltlich dennoch als Schaltfläche
  • Ähnliches ist bei der Verwendung von Screen-Readern zu erwarten

Empfehlung: Bild-Buttons durch zeitgemäße HTML- bzw. CSS-basierte Schaltflächen zu ersetzen. Um Verschlechterungen im Ranking (SEO) zu vermeiden, sollte die Keyword-Dichte vorher vs. hinterher bestimmt und fehlende SEO Keywords richtig eingebaut werden. Nach einem Vergleich mit Seiten von Wettbewerbern wird die Anzahl der damit wegfallenden Bilder bewertet und die Differenz mit "richtigen" Bildern (inkl. Alt-Text) aufgefüllt.

Schreiben Sie einen Kommentar