Was ist Alt-Text?

Alt-Text (Alternativtext) ist die Beschreibung im alt-Attribut eines <img>-Tags. Er wird angezeigt, wenn das Bild nicht geladen werden kann, von Screenreadern für blinde und sehbehinderte Menschen vorgelesen und von Suchmaschinen genutzt, um den Inhalt des Bildes zu verstehen.

#Warum er wichtig ist

• Barrierefreiheit: Für jemanden, der einen Screenreader nutzt, ist ein Bild ohne Alt-Text eine leere Lücke.
• Bildersuche: Text, der das Bild beschreibt, ist ein wichtiges Signal für das Ranking in Google Bilder.
• Links: Wenn ein Bild als Link verwendet wird, fungiert sein Alt-Text als Ankertext.

#Wo Sie ihn in SEOAsist sehen

• Das Problem Bilder ohne Alt-Text unter Gesundheit (Schweregrad Warnung) listet Seiten auf, die solche Bilder enthalten.
• Um dies ohne Code zu beheben, verwenden Sie eine Bild-Alt-Regel auf dem Tab Pixel der Website. Sie fügt Alt-Text bei Bildern ein, deren src übereinstimmt; jede Zeile hat das Format src-Treffer | Alt-Text.

Mehr dazu: Technisches Audit.

#Beispiel

<!-- Schlecht -->
<img src="IMG_4821.jpg" alt="image">

<!-- Gut -->
<img src="oak-dining-table.jpg" alt="Heller Esstisch aus Massivholz für sechs Personen">

<!-- Dekoratives Bild: leerer Alt-Text, Screenreader überspringen es -->
<img src="divider.svg" alt="">

Derselbe Fix als Pixel-Regel:

oak-dining-table.jpg | Heller Esstisch aus Massivholz für sechs Personen
logo | Example Furniture Logo

#Häufige Fehler

• Keyword-Stuffing: "tisch esstisch günstiger tisch bester tisch".
• Verfassen von bedeutungslosem Text wie "Bild", "Foto" oder "Grafik".
• Lange Beschreibungen für rein dekorative Bilder; dafür ist alt="" korrekt.
• Text, der sich innerhalb eines Bildes befindet (z. B. auf einem Kampagnen-Banner), nicht in den Alt-Text zu übernehmen.