Alt-Text für SEO: Was das ist und wie du ihn schreibst
Alt-Text (alternativer Text) ist eine kurze schriftliche Beschreibung eines Bildes, die im HTML-Code steht. Suchmaschinen können Bilder nicht sehen und lesen deshalb den Alt-Text, um zu verstehen, was ein Foto zeigt. Screenreader lesen ihn Menschen vor, die das Bild nicht sehen können. Ein klarer, beschreibender Alt-Text ist eine der einfachsten Möglichkeiten, deine Bild-SEO zu verbessern, Besucher aus der Bildersuche zu gewinnen und deine Website für alle zugänglich zu machen.
Was ist Alt-Text?
Alt-Text ist der Wert des alt-Attributs eines HTML-Bild-Tags. Er beschreibt Inhalt und Zweck des Bildes in wenigen Worten. So sieht das aus:
<img src="golden-retriever-puppy.jpg" alt="Golden retriever puppy sitting in a field of grass">
Der Text wird normalerweise nicht auf der Seite angezeigt. Suchmaschinen nutzen ihn, um das Bild zu indexieren, Screenreader lesen ihn laut vor, und der Browser zeigt ihn als Ersatztext an, wenn das Bild nicht geladen werden kann.
Alt-Attribut oder Title-Attribut?
Verwechsle das alt-Attribut nicht mit dem title-Attribut. Das alt-Attribut beschreibt das Bild für SEO und Barrierefreiheit und gehört an jedes aussagekräftige Bild. Das title-Attribut zeigt nur einen Tooltip beim Darüberfahren, ist optional und wird von Suchmaschinen und Screenreadern anders behandelt. Konzentriere dich für SEO auf den Alt-Text.
Hilft Alt-Text bei SEO?
Ja. Alt-Text ist ein echter Rankingfaktor für Bilder und unterstützt die SEO der ganzen Seite. So hilft er dir:
- Er bringt deine Bilder in die Google-Bildersuche. Google nutzt Alt-Text, Dateinamen und den umgebenden Text, um ein Bild zu verstehen. Mit gutem Alt-Text holen deine Bilder Besucher aus der Bildersuche.
- Er liefert der Seite Relevanz und Kontext. Ein beschreibender Alt-Text unterstreicht, worum es auf der Seite geht, und kann der Seite selbst zu besseren Platzierungen bei verwandten Begriffen verhelfen.
- Er verbessert die Nutzererfahrung. Wenn ein Bild nicht lädt, erscheint stattdessen der Alt-Text, und Besucher verstehen den Inhalt trotzdem.
- Er stärkt die Barrierefreiheit. Eine zugängliche, gut strukturierte Seite ist eine bessere Seite, und genau das wollen Suchmaschinen belohnen.
Alt-Text bringt eine Seite nicht allein an die Spitze von Google, aber er ist ein schneller Gewinn mit wenig Aufwand, der sich bei jedem Bild deiner Website summiert.
So schreibst du guten Alt-Text
Guter Alt-Text beschreibt das Bild klar und natürlich, so als würdest du es jemandem erklären, der es nicht sehen kann. Diese Regeln helfen:
- Sei konkret und beschreibend. "Rote Lederhandtasche mit goldener Schnalle" ist besser als "Handtasche", und das ist besser als "IMG_2024".
- Fasse dich kurz. Ziel sind etwa 125 Zeichen oder weniger. Screenreader kürzen längere Texte oft ab, und Google braucht keinen Aufsatz.
- Setze Keywords natürlich ein. Wenn ein passendes Keyword in die Beschreibung passt, nimm es auf. Presse es aber nie hinein.
- Lass "Bild von" und "Foto von" weg. Screenreader kündigen schon an, dass es ein Bild ist. Diese Wörter verschwenden nur Platz.
- Passe den Text an den Kontext an. Der beste Alt-Text hängt davon ab, warum das Bild auf der Seite steht. Dasselbe Schuhfoto kann in einer Galerie "Blauer Laufschuh" heißen und auf einer Produktseite "Blauer Nike Pegasus 40 Laufschuh, Seitenansicht".
- Lass dekorative Bilder leer. Ist ein Bild rein dekorativ, etwa eine Trennlinie oder ein Hintergrundschnörkel, gib ihm ein leeres Alt-Attribut (
alt=""), damit Screenreader es überspringen.
Alt-Text Beispiele: gut und schlecht
- Produktfoto. Schlecht: "Schuhe". Gut: "Weiße hohe Canvas-Sneaker mit roten Schnürsenkeln".
- Blogfoto. Schlecht: "DSC_0453". Gut: "Frau arbeitet in einem sonnigen Café am Laptop".
- Infografik. Schlecht: "Diagramm". Gut: "Balkendiagramm: Website-Traffic wächst von 2024 bis 2025 um 40 Prozent".
- Logo. Schlecht: "Logo". Gut: "MyIMGs.org Logo".
- Dekorative Trennlinie. Gut:
alt="", damit Screenreader sie überspringen.
Häufige Alt-Text-Fehler
- Keyword-Stuffing. Eine Liste von Keywords im Alt-Text, etwa "billige Schuhe Schuhe kaufen Laufschuhe beste Schuhe", wirkt auf Google wie Spam und nützt Screenreader-Nutzern nichts. Beschreibe das Bild und lass ein natürliches Keyword seine Arbeit tun.
- Fehlender Alt-Text. Aussagekräftige Bilder ohne Alt-Attribut sind für Suchmaschinen und Screenreader unsichtbar.
- Der Dateiname als Alt-Text. "IMG_2024.jpg" sagt niemandem etwas.
- Zu viel Text. Brauchst du einen ganzen Absatz, gehört er in den Seitentext. Halte den Alt-Text kurz.
- Dekorative Bilder beschreiben. Dann lesen Screenreader unnötigen Ballast vor. Nimm stattdessen
alt="".
Alt-Text und Barrierefreiheit
Alt-Text ist nicht nur für SEO wichtig. Er ist ein zentraler Bestandteil der Barrierefreiheit im Web. Blinde und sehbehinderte Menschen nutzen Screenreader, die den Alt-Text vorlesen. Fehlt die Beschreibung oder hilft sie nicht weiter, bleiben sie von deinen Inhalten ausgeschlossen. Guter Alt-Text:
- gibt sehbehinderten Nutzern dieselben Informationen, die sehende Nutzer dem Bild entnehmen.
- hilft dir, Standards der Barrierefreiheit wie WCAG zu erfüllen, die in vielen Ländern gesetzlich vorgeschrieben sind.
- macht deine Website für alle besser nutzbar, und genau das wollen Suchmaschinen belohnen.
Alt-Text Checkliste
- Hat jedes aussagekräftige Bild ein Alt-Attribut?
- Beschreibt der Alt-Text das Bild genau und konkret?
- Ist er etwa 125 Zeichen lang oder kürzer?
- Liest er sich natürlich, ohne Keyword-Stuffing?
- Hast du "Bild von" und "Foto von" gestrichen?
- Sind rein dekorative Bilder auf
alt=""gesetzt?
Wenn du Bilder bei MyIMGs.org hochlädst, kannst du zu jedem Bild eine Beschreibung hinzufügen. Mit unseren kostenlosen Bild-Tools kannst du Bilder vor der Veröffentlichung in der Größe ändern und komprimieren, ein weiterer einfacher Gewinn für Bild-SEO und Ladezeit.
Häufige Fragen
Helfen Alt-Tags bei SEO?
Ja. Suchmaschinen nutzen Alt-Tags, um Bilder zu verstehen. Das hilft den Bildern in der Bildersuche und gibt der Seite mehr Relevanz. Es ist ein kleiner, aber echter Rankingfaktor.
Beeinflusst Alt-Text die SEO?
Ja. Alt-Text verbessert die Sichtbarkeit in der Bildersuche, unterstreicht das Thema der Seite und unterstützt die Barrierefreiheit. Alles zusammen trägt zur SEO bei.
Wie wichtig sind Alt-Tags für SEO?
Alt-Tags sind wichtig, aber allein nicht entscheidend. Sie schlagen starke Inhalte und Links nicht, gehören aber zu den einfachsten Optimierungen, die du vornehmen kannst, und sie summieren sich über alle Bilder einer Website.
Wie lang sollte Alt-Text sein?
Etwa 125 Zeichen oder weniger sind ein gutes Ziel. Das reicht, um die meisten Bilder klar zu beschreiben, und ist kurz genug, damit Screenreader den Text nicht abschneiden.
Warum sollten Marketer beim Alt-Text für Website-Bilder auf Keyword-Stuffing verzichten?
Weil mit Keywords vollgestopfter Alt-Text für Suchmaschinen wie Spam wirkt und dem Ranking schaden kann. Außerdem erfüllt er seine Hauptaufgabe nicht, das Bild für Screenreader-Nutzer zu beschreiben. Schreibe eine natürliche Beschreibung und nimm ein Keyword nur auf, wenn es wirklich passt.
Was ist Bild-Alt-Text bei SEO?
Bild-Alt-Text ist bei SEO der beschreibende Text in einem Bild-Tag. Er sagt Suchmaschinen, was auf dem Bild zu sehen ist, damit sie es indexieren und in der Bildersuche platzieren können.
Brauchen dekorative Bilder Alt-Text?
Nein. Rein dekorative Bilder sollten ein leeres Alt-Attribut (alt="") haben, damit Screenreader sie überspringen. Reserviere Alt-Text für Bilder, die etwas aussagen.
Fazit
Alt-Text gehört zu den Aufgaben mit dem höchsten Nutzen bei geringstem Aufwand in der Bild-SEO. Beschreibe jedes aussagekräftige Bild klar, halte den Text kurz, setze Keywords natürlich ein und gib dekorativen Bildern alt="". Wenn du das konsequent machst, gewinnst du mehr Besucher aus der Bildersuche und machst deine Website für alle zugänglich.