ALT-Attribute, auch bekannt als ALT-Texte, ALT-Tags oder ALT-Beschreibungen, sind die „alternative“ Textversion von Bildern, die angezeigt werden, wenn deine Website ihre Bilder nicht laden kann oder ein Besucher ein Screen-Reading-Tool verwendet.
ALT-Attribute werden den Bildern aus zwei Gründen zugewiesen:
- Um sehbehinderten Besuchern zu helfen, Bilder auf ihrem Bildschirmlesegerät zu verstehen
- Um den Suchmaschinen zu helfen, den Inhalt des Bildes besser zu verstehen, um die Suchmaschinen mit Kontext bezüglich der Bilddatei zu versorgen, was die Bild-SEO verbessert
Unten ist ein Beispiel dafür, wie ein ALT-Attribut in deinem HTML-Code aussieht:
<img src=“wald.jpg“ alt=“Ein grüner Wald mit Tannenbäumen“/>
Einige wichtige Best Practices für ALT-Attribute sind:
- Schreibe einen beschreibenden ALT-Text, der dein Ziel-Keyword enthält
- Füge dein Ziel-Keyword am Anfang des ALT-Textes ein
- Fasse dich mit deiner ALT-Text-Beschreibung kurz und bündig
- Entferne Konjunktionen und/oder Konjekturen (a/an, und, wenn, aber, etc.)
- Halte deinen ALT-Text weniger als 125 Zeichen lang
- Füge Produkt- oder Katalognummern in deinen ALT-Tags hinzu (für E-Commerce-Seiten)