Alt-Attribut

Übersicht: Alt-Attribut

Das Alt-Attribut ist ein Textfeld im HTML-Code eines Bildes, das dessen Inhalt in Worten beschreibt. Google kann Bilder nicht «sehen» – es liest den Alt-Text, um zu verstehen, was auf einem Bild zu sehen ist. Gleichzeitig wird der Alt-Text von Screenreadern vorgelesen, wenn jemand mit einer Sehbehinderung die Seite besucht.

Warum das Alt-Attribut für Ihre Website wichtig ist

Ein Bild ohne Alt-Text ist für Suchmaschinen unsichtbar. Das ist eine verschenkte Chance: Wer ein Bild einer Küche auf seiner Website hat und als Alt-Text „Bild1.jpg” verwendet, taucht in der Google-Bildersuche nach „Küche Ostschweiz” nicht auf. Wer dort „Massgeschreinerte Küche in Eiche, Schreinerei Herisau” schreibt, hat eine realistische Chance.

Die Bildsuche wird häufig unterschätzt. Sie bringt echten Traffic – gerade in den Bereichen Handwerk, Innenarchitektur, Gastronomie und allen Branchen, in denen Fotos über den ersten Eindruck entscheiden.

So schreiben Sie ein gutes Alt-Attribut.

Ein Alt-Text beschreibt das Bild – er ist kein Ort für Keyword-Listen. Wer fünf Suchbegriffe aneinanderreiht, riskiert eine schlechtere Bewertung durch Google.

Eine hilfreiche Frage beim Schreiben ist: „Was würde ich jemandem sagen, der das Bild nicht sehen kann?”

Konkrete Beispiele:

BildSchlechter Alt-TextGuter Alt-Text
Bürogebäude der Steuerberatung Muster AG in St.GallenBildBürogebäude der Steuerberatung Müller AG in St.Gallen
Offene Küche mit Eichenfront, gefertigt von Schreinerei Muster in Gossau SGKüche Holz SEO SchreinereiOffene Küche mit Eichenfront, gefertigt von Schreinerei Ledergerber in Gossau SG
TeamDas fünfköpfige Beratungsteam von Treuhand Rheintal in Altstätten
Rustikales Holzschneidebrett aus Kirschholz, 40 x 30 cm(leer gelassen)Rustikales Holzschneidebrett aus Kirschholz, 40 x 30 cm

Dekorative Bilder: Alt-Attribut weglassen.

Nicht jedes Bild braucht einen Alt-Text. Reine Designelemente wie Trennlinien, Hintergrundmuster oder Icons als visuelle Dekoration gehören ins CSS und nicht in den HTML-Code. Müssen sie dennoch als -Tag eingebunden sein, schreiben Sie alt=»». (leeres Attribut). Ein Screenreader überspringt das Bild dann, ohne „Bild” vorzulesen.

Die häufigsten Fehler

Kein Alt-Text gesetzt: Bei vielen Webseiten sind Bilder schlicht ohne Alt-Attribut hochgeladen. Das ist der häufigste Fehler und gleichzeitig der einfachste zu beheben.

Dateinamen als Alt-Text: Viele Content-Management-Systeme übernehmen automatisch den Dateinamen, zum Beispiel „DSC_4821.jpg”. Das hilft weder Google noch den Besuchern.

Keyword-Stuffing: wie „SEO Agentur Ostschweiz Online Marketing St. Gallen günstig” wirkt nicht – und schadet aktiv.

Synonyme:
Alt-Text, Alt-Tag
« Zurück zur Glossar-Übersicht

Unsere Leistungen

Online Marketing Strategie
Nachhaltige Neukunden­gewinnung im Internet.
Mit der richtigen Strategie das grösste Einkaufszentrum aka Internet zur Kundengewinnung nutzen.
Jetzt anfragen
SEO
Suchmaschinen-
optimierung
Sichtbarkeit in den organischen Suchergebnissen.
Die Sichtbarkeit in Suchmaschinen nachhaltig erhöhen.
SEO
SEA
Suchmaschinen-
werbung
Noch heute in Suchmaschinen gefunden werden.
Sofortige und messbare Sichtbarkeit in Suchmaschinen.
SEA
Social Media Marketing
Mehr Erfolg in den sozialen Medien?
Steigern Sie Ihre Reichweite und Ihren Erfolg mit Instagram und Co.
Jetzt anfragen
Webdesign
UX-Design / Landingpages
Neue
Webseite?
Ob komplett neu oder einen Website-Relaunch wir unterstützen Sie gerne.
Jetzt anfragen
Webseiten Conversion Optimierung
Mehr Kunden online gewinnen?
Keine oder zu wenige Neukundenanfragen über Ihre Webseite? Wir wissen warum und helfen gerne.
Jetzt anfragen

Übersicht: Alt-Attribut