Vom ImageSEO-Team. Aktualisiert im Oktober 2026.
Kurz gesagt: Ein guter Alt-Text sagt in einem kurzen Satzteil, was auf dem Bild zu sehen ist, oder, bei Links und Buttons, was ein Klick bewirkt. Googles eigenes Beispiel: Für ein Welpenfoto ist alt="Welpe" besser als nichts, am besten ist alt="Dalmatinerwelpe beim Apportieren". Logos bekommen den Firmennamen, rein dekorative Bilder ein leeres alt="". Unten finden Sie über 70 Paare aus schwachem und besserem Alt-Text: zuerst nach Bildtyp, dann nach Branche.
Die Beispiele haben wir selbst formuliert, um die Muster zu zeigen. Sie stammen nicht von Kundenseiten, und wir versprechen damit keine Rankings. Was wir zeigen können, sind Daten: Auf den Startseiten der 10.000 meistbesuchten Websites (Tranco-Liste, 306.634 Bilder, statisches HTML, 31. Juli 2026) hatten 11,3 % der Bilder gar kein alt-Attribut, 21,0 % ein leeres alt="" und 67,7 % eine Beschreibung. Methode und Grenzen stehen in unserer Alt-Text-Studie (englisch).
Barrierefreiheits-Leitfäden wie das Bilder-Tutorial des W3C ordnen Bilder danach, was sie auf der Seite tun. Danach richtet sich auch der Alt-Text:
| Bildtyp | ❌ Schwach | ✅ Besser | Warum |
|---|---|---|---|
| Informatives Foto | alt="Foto" |
alt="Freiwillige pflanzen Eichensetzlinge am Flussufer" |
Sagt, was zu sehen ist |
| Produktfoto | alt="Produkt" |
alt="Schwarze Chelsea-Boots aus Leder, Seitenansicht" |
Produkt, Farbe, Perspektive |
| Logo (ohne Link) | alt="Logo" |
alt="Müller Bau GmbH" |
Der Firmenname genügt; „Logo“ ist überflüssig |
| Logo als Link zur Startseite | alt="Logo Link Bild" |
alt="Müller Bau GmbH" |
Screenreader sagen „Link“ ohnehin an |
| Icon-Button ohne Text | alt="Lupe" |
alt="Suchen" |
Funktion statt Aussehen beschreiben |
| Icon neben sichtbarem Text | alt="Drucker-Symbol" |
alt="" |
Der Text „Drucken“ trägt die Bedeutung |
| Verlinktes Bild (Teaser, Banner) | alt="Mehr lesen" |
alt="Herbstaktion: 20 % auf Gartengeräte" |
Sagen, wohin der Link führt |
| Bild mit Text | alt="Banner" |
alt="Versandkostenfrei ab 50 €" |
Denselben Text wie im Bild verwenden |
| Diagramm | alt="Grafik" |
alt="Liniendiagramm: Besucher stiegen von 1.200 im Januar auf 3.400 im Juni" |
Kernaussage nennen, Daten im Text daneben |
| Screenshot | alt="Screenshot" |
alt="Mediathek-Einstellungen mit markiertem Feld Alternativtext" |
Welche Ansicht, worauf achten |
| Komplexe Infografik | alt="Infografik" |
alt="Infografik: die fünf Schritte des Recyclings, unten im Text beschrieben" |
Kurzer Alt-Text plus Textfassung auf der Seite |
| Dekoratives Bild | alt="blaue Welle Hintergrund" |
alt="" |
Bringt keine Information |
| Bildgruppe (5-Sterne-Bewertung) | alt="Stern" auf jedem Stern |
alt="Bewertet mit 4 von 5 Sternen" auf dem ersten, alt="" auf den übrigen |
Ein Alt-Text für die ganze Gruppe |
Zwei Fälle gehen am häufigsten schief. Bei einem verlinkten Bild ist der Alt-Text zugleich der Linktext. Google nutzt ihn wie einen Ankertext, und ein leerer Alt-Text lässt den Link für Screenreader-Nutzer namenlos. Und bei Diagrammen gehört nicht jede Zahl in den Alt-Text: Die Kernaussage reicht, die vollständigen Daten stehen besser als Text oder Tabelle daneben.
Googles Dokumentation zu Bildern in der Suche zeigt die Abstufung an einem einzigen Bild, puppy.jpg:
| Bewertung | Markup |
|---|---|
| Schlecht: fehlt | <img src="puppy.jpg"/> |
| Schlecht: Keyword-Stuffing | alt="puppy dog baby dog pup pups puppies doggies pups litter puppies dog retriever labrador wolfhound setter pointer puppy jack russell terrier puppies dog food cheap dogfood puppy food" |
| Besser | alt="puppy" |
| Am besten | alt="Dalmatian puppy playing fetch" (Dalmatinerwelpe beim Apportieren) |
Google schreibt außerdem, dass es Alt-Text zusammen mit maschinellem Sehen und dem Inhalt der Seite nutzt, um ein Bild zu verstehen. Der Alt-Text ist also nicht das einzige Signal, aber das einzige, das Sie Wort für Wort selbst bestimmen.
Jedes Paar zeigt einen typischen schwachen und einen besseren Alt-Text. Achten Sie darauf, wie kurz die meisten besseren Varianten sind: ein Motiv, ein, zwei Details.
Auf einer Produktseite soll der Alt-Text dieses Produkt vom nächsten unterscheiden. Nennen Sie den Artikel und die Merkmale, nach denen Kundinnen und Kunden wählen. Preise und Aufforderungen wie „Jetzt kaufen“ gehören nicht hinein.
| ❌ Schwach | ✅ Besser |
|---|---|
alt="product" |
alt="Schwarze Chelsea-Boots aus Leder mit Lochmuster und Zuglaschen, Seitenansicht" |
alt="Tasse" |
alt="Handgetöpferte Keramiktasse mit matter kobaltblauer Glasur" |
alt="Stuhl" |
alt="Esszimmerstuhl aus Nussbaum mit anthrazitfarbenem Wollbezug" |
alt="Kleid" |
alt="Midikleid aus waldgrünem Leinen mit Seitentaschen und Bindegürtel" |
alt="uhr1" |
alt="Chronograph aus Edelstahl mit schwarzem Lederarmband" |
alt="IMG_4932.jpg" |
alt="Tragetasche aus naturfarbener Bio-Baumwolle mit Kordelgriffen" |
alt="Produktbild 3" |
alt="Schneidebrett aus Bambus mit Saftrille" |
alt="Schuhe" |
alt="Weiße Ledersneaker mit gelochter Kappe und Gummisohle" |
| kein alt-Attribut | alt="Sojawachskerze im Bernsteinglas" |
alt="jetzt kaufen" |
alt="Rundhalspullover aus grauer Merinowolle, gefaltet" |
Wer eine Wohnung sucht, achtet auf Raum, Stil und Lage. Setzen Sie das stärkste Merkmal nach vorn.
| ❌ Schwach | ✅ Besser |
|---|---|
alt="Haus" |
alt="Dreistöckiges Gründerzeithaus mit Stuckfassade und Erkern" |
alt="Küche" |
alt="Renovierte Küche mit weißen Landhausfronten und Quarzarbeitsplatte" |
alt="Wohnzimmer" |
alt="Wohnzimmer mit Erkerfenster und Fischgrätparkett" |
alt="Bad" |
alt="Bad mit freistehender Badewanne und bodengleicher Dusche" |
alt="Garten" |
alt="Eingezäunter Garten mit Klinkerterrasse und Pergola" |
alt="Außenansicht" |
alt="Einfamilienhaus mit überdachter Veranda und Holzfassade" |
alt="Wohnung" |
alt="Offenes Ein-Zimmer-Apartment mit Betondecke und bodentiefen Fenstern" |
alt="Aussicht" |
alt="Blick auf die Skyline von der Dachterrasse im 22. Stock" |
Nennen Sie das Gericht und die Zutaten, die man wirklich sieht. So suchen Leserinnen und Leser auch: Gericht plus Zutat.
| ❌ Schwach | ✅ Besser |
|---|---|
alt="Pfannkuchen" |
alt="Stapel Buttermilch-Pancakes mit Ahornsirup und Heidelbeeren, von oben" |
alt="Salat" |
alt="Ofen-Rote-Bete-Salat mit Ziegenkäse, Walnüssen und Rucola" |
alt="Kuchen" |
alt="Dreistöckige Schokoladentorte mit Ganache" |
alt="Suppe" |
alt="Butternut-Kürbissuppe im weißen Teller mit Kürbiskernen und Schnittlauch" |
alt="Brot" |
alt="Angeschnittenes Sauerteigbrot mit grober Krume auf einem Holzbrett" |
alt="Pasta" |
alt="Tagliatelle mit Bolognese, geriebenem Parmesan und Basilikum" |
alt="Plätzchen" |
alt="Schokoladenkekse mit brauner Butter und Meersalz auf einem Kuchengitter" |
Kameradateinamen wie DSC_0421 sagen niemandem etwas. Ersetzen Sie sie durch Motiv, Ort und Licht: die Begriffe, nach denen Kunden suchen.
| ❌ Schwach | ✅ Besser |
|---|---|
alt="DSC_0421.jpg" |
alt="Oberbaumbrücke in Berlin bei Sonnenuntergang, Langzeitbelichtung" |
alt="Hochzeit" |
alt="Erster Tanz des Brautpaars unter Lichterketten in einer Scheune" |
alt="Landschaft" |
alt="Sanddünen im Death Valley zur goldenen Stunde" |
alt="Portrait" |
alt="Konditorin in einer Profiküche, weiches Fensterlicht" |
alt="Stadt" |
alt="Shibuya-Kreuzung bei Nacht mit Neonreklamen auf nassem Asphalt" |
alt="Familienfoto" |
alt="Vierköpfige Familie spaziert bei Ebbe am Strand" |
Beschreiben Sie das Kleidungsstück, nicht das Model. Farbe, Material, Schnitt und ein besonderes Detail reichen meist.
| ❌ Schwach | ✅ Besser |
|---|---|
alt="Model" |
alt="Model in cremefarbenem Rollkragenpullover und weiter dunkler Jeans" |
alt="Tasche" |
alt="Hellbraune Umhängetasche aus genarbtem Leder mit goldener Kette" |
alt="Schuhe" |
alt="Weiße Mesh-Sneaker mit Wildlederkappe" |
alt="Jacke" |
alt="Olivgrüne Feldjacke aus gewachster Baumwolle mit Cordkragen" |
alt="Hut" |
alt="Fedora aus kamelfarbener Wolle mit Ripsband" |
alt="Ring" |
alt="Verlobungsring aus Gelbgold mit ovalem Diamanten" |
Screenshots werden am häufigsten übergangen. Sagen Sie, welche Ansicht es ist und worauf man achten soll. Wiederholt das Bild nur den Text daneben, halten Sie den Alt-Text kurz.
| ❌ Schwach | ✅ Besser |
|---|---|
alt="dashboard" |
alt="Analyse-Dashboard mit wöchentlichen Anmeldungen nach Kanal" |
alt="screenshot" |
alt="Einstellungsseite mit aktiviertem Schalter „Automatische Updates“" |
alt="chart" |
alt="Balkendiagramm: Support-Anfragen halbierten sich nach dem Start des Hilfecenters" |
alt="logo" |
alt="Acme Analytics" |
alt="hero" |
alt="Zwei Personen besprechen einen Bericht an einem großen Monitor" |
Genau und schlicht bleiben. Beschreiben Sie, was zu sehen ist, ohne etwas zu diagnostizieren, was die Seite nicht sagt.
| ❌ Schwach | ✅ Besser |
|---|---|
alt="Arzt" |
alt="Ärztin prüft eine Patientenakte auf dem Tablet im Sprechzimmer" |
alt="medizinisches Bild" |
alt="Röntgenbild einer Schulter mit markiertem Bereich der Rotatorenmanschette" |
alt="Praxis" |
alt="Empfang einer Zahnarztpraxis mit Holzelementen und Wartebereich" |
alt="OP" |
alt="OP-Team im Operationssaal, Monitor zeigt eine laparoskopische Ansicht" |
alt="Patient" |
alt="Physiotherapeutin zeigt einem Patienten eine Schulterübung mit Theraband" |
Ortsnamen sind hier das stärkste Detail. Ergänzen Sie, was diesen Blick oder dieses Zimmer besonders macht.
| ❌ Schwach | ✅ Besser |
|---|---|
alt="Strand" |
alt="Weißer Sandstrand mit türkisem Wasser und Dhau-Boot, Sansibar" |
alt="Hotelzimmer" |
alt="Wasserbungalow mit Glasboden über der Lagune" |
alt="Stadt" |
alt="Prager Altstädter Ring in der Dämmerung mit beleuchteter Teynkirche" |
alt="Restaurant" |
alt="Dachterrassen-Restaurant mit Blick auf die Amalfiküste" |
alt="Aktivität" |
alt="Kajakfahrer paddeln in eine Meereshöhle unter grünen Klippen" |
Stil und wichtigste Materialien nennen: Danach suchen Planer und Käufer.
| ❌ Schwach | ✅ Besser |
|---|---|
alt="Gebäude" |
alt="Brutalistischer Konzertsaal mit Sichtbetonfassade und auskragendem Vordach" |
alt="Interior" |
alt="Wohnzimmer im Japandi-Stil mit niedrigem Nussbaumsofa und Shoji-Wand" |
alt="Rendering" |
alt="3D-Visualisierung eines Anbaus mit Gründach und raumhoher Verglasung" |
alt="Büro" |
alt="Coworking-Fläche mit Mooswand und sichtbaren Holzbalken" |
Bei Diagrammen das Ergebnis nennen, bei Fotos von Veranstaltungen, wer was tut.
| ❌ Schwach | ✅ Besser |
|---|---|
alt="Studenten" |
alt="Studierende arbeiten gemeinsam an einem Whiteboard" |
alt="Ehrenamt" |
alt="Ehrenamtliche bauen eine Holzwand auf einer Baustelle auf" |
alt="Grafik" |
alt="Balkendiagramm: Anmeldungen zur Nachmittagsbetreuung stiegen von 2022 bis 2025 jedes Jahr" |
alt="Event" |
alt="Benefiz-Dinner mit Rednerin am Pult und Gästen an runden Tischen" |
Ein Bild ist dekorativ, wenn ohne es keine Information verloren geht. Es bekommt ein ausdrücklich leeres Attribut, alt="", und Screenreader überspringen es. In unserer Auswertung nutzten 21,0 % der Bilder alt="", oft zu Recht: Abstandshalter, Hintergrundformen, Icons neben Textbeschriftungen.
Leer ist nicht dasselbe wie fehlend. alt="" ist eine bewusste Angabe. Fehlt das Attribut ganz, lesen viele Screenreader stattdessen den Dateinamen vor, und aus „IMG_4932.jpg“ wird ein unverständliches Buchstabieren.
Eine offizielle Grenze gibt es nicht. Die oft zitierten „125 Zeichen“ sind eine alte Faustregel, keine Vorgabe von Google oder den WCAG. In veröffentlichten Tests brechen aktuelle Screenreader längere Alt-Texte nicht einfach ab; JAWS zum Beispiel teilt sie in Abschnitte. Trotzdem gilt: kurz halten, weil Menschen zuhören. Braucht ein Bild einen ganzen Absatz, etwa ein detailliertes Diagramm, gehört dieser Absatz auf die Seite.
alt="bilder seo plugin alt text tool bilder seo" beschreibt nichts und kann nach Googles Worten als Spam gewertet werden.alt="Keramiktasse", kann sie niemand unterscheiden. Farbe, Perspektive oder Variante ergänzen.alt="Der große Bilder-SEO-Ratgeber 2026" ist eine Überschrift, keine Bildbeschreibung.alt="". Informativ: Beschreibung. Nie: gar nichts.Seit dem 28. Juni 2025 gilt in Deutschland das Barrierefreiheitsstärkungsgesetz (BFSG). Es erfasst unter anderem den elektronischen Geschäftsverkehr, also viele Onlineshops für Verbraucher. Ausgenommen sind Kleinstunternehmen, die Dienstleistungen anbieten: weniger als zehn Beschäftigte und höchstens zwei Millionen Euro Jahresumsatz oder Jahresbilanzsumme. Technisch stützt sich die Barrierefreiheit von Webinhalten in der EU auf die Norm EN 301 549, die die WCAG-Kriterien übernimmt, darunter Textalternativen für Bilder. Ob Ihr Shop betroffen ist, klären Sie verbindlich mit Ihrer IHK oder der Bundesfachstelle Barrierefreiheit; das hier ist keine Rechtsberatung.
<img>-Tag nach alt="…" schauen.Von Hand klappt das bei ein paar Dutzend Bildern. Bei Tausenden hilft das WordPress-Plugin ImageSEO: Es schreibt Alt-Text, Titel, Bildunterschrift und einen sprechenden Dateinamen beim Hochladen und kann die vorhandene Mediathek in Stapeln abarbeiten, in der Sprache Ihrer Website. Die wichtigsten Bilder, also Produktfotos, Diagramme und alles mit Text, sollten Sie trotzdem selbst durchsehen. Kostenlos für 10 Bilder im Monat auf WordPress.org; alle Tarife finden Sie auf unserer Tarifseite. Die Grundlagen ausführlich erklärt unser Alt-Text-SEO-Leitfaden.
Googles eigenes: „Dalmatinerwelpe beim Apportieren“. Es nennt das Motiv, ergänzt das wichtige Detail und hört dann auf. Für ein Produkt: „Schwarze Chelsea-Boots aus Leder, Seitenansicht“. Für ein Logo: nur der Firmenname.
Im Alltag ja. Technisch gibt es in HTML kein Alt-Tag, sondern das alt-Attribut des <img>-Elements. Alt-Tag, Alt-Attribut, Alt-Text und Alternativtext meinen dasselbe.
Ja, vor allem in der Bildersuche. Google nennt den Alt-Text das wichtigste Attribut, um ein Bild zu beschreiben, und nutzt ihn zusammen mit maschinellem Sehen und dem Seiteninhalt. Bei verlinkten Bildern wirkt er außerdem wie Ankertext.
Jedes Bild braucht ein alt-Attribut. Informative Bilder bekommen eine Beschreibung, dekorative ein leeres alt="".
Nur wenn sie beschreiben, was wirklich im Bild ist. „Screenshot der Massen-Alt-Text-Erstellung in WordPress“ passt auf einer Seite zu diesem Thema. Eine Keyword-Liste passt nie.
Als Entwurf, ja. Bildmodelle beschreiben gängige Motive gut. Produktnamen und den Grund, warum ein Bild auf der Seite steht, kennen sie nicht. Die wichtigen Bilder deshalb selbst prüfen.
