Alt-Text (Alternativtext) – Was ist das?
Der Alt-Text ist eine Textbeschreibung fuer Bilder im HTML-Code. Er wird angezeigt, wenn Bilder nicht laden, von Screenreadern vorgelesen und hilft Suchmaschinen, den Bildinhalt zu verstehen.
Alt-Text (Alternativtext) im Detail
Alt-Texte erfuellen drei wichtige Funktionen: Sie machen Bilder fuer blinde und sehbehinderte Nutzer zugaenglich, sie erscheinen als Platzhalter bei Ladefehlern, und sie helfen Google bei der Bildsuche.
Gute Alt-Texte schreiben
- Beschreibend: Was ist auf dem Bild zu sehen?
- Praezise: Kurz und auf den Punkt (max. 125 Zeichen)
- Relevant: Kontext der Seite beruecksichtigen
- Natuerlich: Kein Keyword-Stuffing
Beispiele
- Schlecht: "Bild" oder "foto-123.jpg"
- Schlecht: "SEO SEO Agentur SEO Schortens SEO"
- Gut: "Team der Webagentur TwoPixels bei der Projektbesprechung"
- Gut: "Handwerker repariert Heizung in Einfamilienhaus"
Wann kein Alt-Text?
Rein dekorative Bilder (Hintergruende, Trennlinien) sollten einen leeren Alt-Text haben: alt="". Screenreader ueberspringen diese dann.
Praxisbeispiel
Eine Baeckerei optimiert ihre Website. Vorher: Alle Bilder haben alt="Bild". Nach der Optimierung: alt="Frisches Vollkornbrot aus eigener Herstellung" und alt="Obstkuchen mit saisonalen Fruechten". Die Bilder erscheinen jetzt in der Google Bildersuche – neue Kunden finden die Baeckerei ueber Suchanfragen wie "Vollkornbrot Friesland".
Alt-Text (Alternativtext) bei TwoPixels
Bei jedem Webdesign-Projekt achten wir auf aussagekraeftige Alt-Texte fuer alle Bilder. Das verbessert Ihre Sichtbarkeit in der Google Bildersuche und macht Ihre Website barrierefrei.