Wie kann man den Alt-Text setzen?
Kurzantwort
Den Alt-Text setzt du beim Einfügen eines Bildes im Feld „Alternativtext“ oder im HTML über das Attribut alt="Beschreibung". Beschreibe den sichtbaren Inhalt knapp in einem Satz. Dekorative Bilder erhalten ein leeres Attribut alt="". Ein passendes Keyword gehört nur hinein, wenn es das Bild tatsächlich beschreibt.
Ein guter Alt-Text macht ein Bild für Menschen verständlich, die es nicht sehen können, und liefert Suchmaschinen Informationen zum Bildinhalt. Die konkrete Formulierung hängt deshalb nicht zuerst vom Keyword ab, sondern von der Funktion des Bildes. Entscheidend ist die Frage: Welche Information würde fehlen, wenn dieses Bild nicht angezeigt oder vorgelesen würde?
1. Wofür braucht ein Bild Alt-Text?
Der Alt-Text ist eine textliche Alternative zum Bild. Screenreader lesen ihn vor, wenn ein Nutzer die Seite nicht visuell wahrnimmt. Browser können ihn anzeigen, wenn eine Bilddatei nicht geladen wird. Suchmaschinen nutzen ihn als zusätzliches Signal, um Motiv, Kontext und mögliche Relevanz für die Bildersuche einzuordnen.
Der häufigste Denkfehler entsteht bereits bei der Aufgabenstellung. Wer den Alt-Text nur als SEO-Feld betrachtet, schreibt oft eine Liste aus Suchbegriffen. Wer ihn als Ersatz für die Bildinformation versteht, formuliert automatisch hilfreicher. Ein Produktbild braucht zum Beispiel Angaben zum sichtbaren Produkt, zur Farbe oder zur Ausführung. Ein Foto neben einem allgemeinen Text braucht nur die Information, die für diesen Text relevant ist.
Der einfachste Alt-Text-Test
Blende das Bild gedanklich aus und lies nur den umgebenden Text. Fehlt dem Leser danach eine wichtige Information, gehört diese Information knapp in den Alt-Text. Fehlt nichts und erfüllt das Bild nur eine gestalterische Funktion, bleibt das Alt-Attribut leer.
2. So setzt du den Alt-Text
2.1 Alt-Text im Redaktionssystem eintragen
In WordPress und vergleichbaren Redaktionssystemen trägst du den Alt-Text meist direkt im Mediendialog ein. Wähle das Bild aus und suche nach einem Feld mit der Bezeichnung „Alternativtext“, „Alt-Text“ oder „Alternative Beschreibung“. Setze den Text möglichst beim ersten Hochladen. Bei der späteren Bearbeitung einer bestehenden Seite wird dieses Detail erfahrungsgemäß selten konsequent nachgepflegt.
Der praktische Kipppunkt ist der Veröffentlichungsprozess. Wird das Alt-Feld beim Upload übersprungen, bleibt es häufig über Monate leer, weil Redakteure später nur Überschrift, Text und Links aktualisieren. Unsere klare Empfehlung lautet deshalb: Kein neues inhaltlich relevantes Bild veröffentlichen, bevor der Alt-Text gesetzt ist. Diese kleine Regel verhindert mehr Lücken als jede spätere Bereinigungsaktion.
2.2 Alt-Text direkt im HTML setzen
Im HTML steht der Alternativtext innerhalb des img-Elements. Ein korrekt ausgezeichnetes Produktbild kann so aussehen:
<img src="schwarzer-rucksack.jpg" alt="Schwarzer Wanderrucksack mit Hüftgurt und zwei Seitentaschen">
Ein rein dekoratives Bild erhält dagegen ein bewusst leeres Attribut: <img src="trennlinie.svg" alt="">. Das leere Attribut signalisiert Screenreadern, dass keine relevante Information vorgelesen werden muss.
Ein fehlendes Alt-Attribut und ein bewusst leeres Alt-Attribut sind technisch nicht dasselbe. alt="" ist für dekorative Elemente korrekt. Fehlt das Attribut vollständig, kann ein Screenreader stattdessen den Dateinamen ausgeben. Aus einer Datei wie header_final_neu_02.jpg entsteht dann eine störende und nutzlose Ansage.
3. Wie schreibt man einen Alt-Text?
Ein Alt-Text beschreibt das Motiv so konkret wie nötig und so knapp wie möglich. Beginne direkt mit dem sichtbaren Inhalt. Einleitungen wie „Bild von“, „Foto von“ oder „Auf dem Bild sieht man“ verbrauchen Platz, ohne eine zusätzliche Information zu liefern. Screenreader und HTML-Kontext machen bereits deutlich, dass es sich um ein Bild handelt.
| Bild | Schwacher Alt-Text | Hilfreicher Alt-Text |
|---|---|---|
| Produktfoto | Rucksack kaufen günstig | Schwarzer Wanderrucksack mit Hüftgurt und Frontfach |
| Diagramm | SEO Grafik | Entwicklung des organischen Traffics von Januar bis Juni |
| Teamfoto | Bild von Mitarbeitern | Drei Berater besprechen eine Website-Auswertung am Bildschirm |
| Dekorative Linie | Graue Trennlinie | alt="" |
Das Thema der Seite darf natürlich in der Beschreibung vorkommen. Zeigt ein Foto einen SEO-Berater bei der Analyse eines Technik-Reports, ist „SEO-Berater prüft technische Fehler einer Website“ eine sinnvolle Beschreibung. Zeigt das Foto lediglich einen beliebigen Laptop, wäre dieselbe Formulierung eine künstliche Keyword-Zuordnung.
4. Wie sieht ein guter Alt-Text aus?
Ein guter Alt-Text ist verständlich, spezifisch und vom Seitenkontext abhängig. Dasselbe Foto kann auf zwei Seiten unterschiedliche Beschreibungen benötigen. Auf einer Produktseite ist bei einem Schuh die konkrete Farbe relevant. In einem Beitrag über Schnürtechniken ist dagegen wichtiger, wie der Schuh gebunden wurde.
Bei komplexen Grafiken reicht ein kurzer Alt-Text allein oft nicht aus. Der Alt-Text benennt dann Inhalt und Kernaussage, während eine ausführliche Erklärung im direkt angrenzenden Fließtext steht. Für ein Diagramm wäre „Umsatz steigt im zweiten Halbjahr deutlich“ hilfreicher als „Balkendiagramm“. Die genauen Monatswerte gehören bei Bedarf in eine zugängliche Tabelle oder Textauswertung.
Besondere Aufmerksamkeit brauchen verlinkte Bilder. Bei ihnen übernimmt der Alt-Text zusätzlich die Funktion des Linktextes. Er sollte deshalb das Ziel oder die Handlung verständlich machen. Die technische Checkliste der Performance Suite berücksichtigt genau diesen Zusammenhang und unterscheidet zudem zwischen fehlenden, leeren und bei extern eingebundenen Bildern fehlenden Alt-Attributen.
4.1 So prüfst du deine Formulierung
Lies den Alt-Text ohne Bild und ohne Dateinamen. Kannst du danach erkennen, welche relevante Information das Bild vermittelt, erfüllt der Text seinen Zweck. Klingt er wie eine Aneinanderreihung von Suchbegriffen, muss er überarbeitet werden. Die Technik-Crawler-Checkliste empfiehlt ausdrücklich eine präzise Beschreibung und warnt vor Keyword-Stuffing.
Wenn du bestehende Seiten zunächst auf technische und inhaltliche Lücken prüfen möchtest, liefert ein kostenloser SEO-Check für deine Website eine erste Bestandsaufnahme.
5. Wie lang sollte ein Alt-Text sein?
Für Alt-Texte gibt es keine allgemeingültige feste Zeichengrenze. In den meisten Fällen reicht ein kurzer Satz. Die beste Länge ergibt sich aus der nötigen Information, nicht aus einem starren SEO-Limit. Eine Beschreibung mit etwa fünf bis fünfzehn Wörtern ist bei einfachen Motiven häufig ausreichend, komplexe Inhalte benötigen gegebenenfalls mehr Kontext im Fließtext.
Überlange Beschreibungen helfen selten. Ein Screenreader liest den gesamten Text vor, wodurch ausschweifende Formulierungen den Zugang zur eigentlichen Seiteninformation verlangsamen. Wenn du mehrere Sätze brauchst, ist das ein Hinweis darauf, dass die ausführliche Erklärung neben das Bild gehört.
Verwende den Alt-Text nicht als verstecktes Feld für Synonyme und Keyword-Varianten. Formulierungen wie „Rucksack Wanderrucksack Trekkingrucksack kaufen“ beschreiben kein Bild. Sie verschlechtern die Verständlichkeit und senden Suchmaschinen ein unnatürliches Signal.
6. Wann bleibt der Alt-Text leer?
Rein dekorative Bilder erhalten alt="". Dazu zählen grafische Trennlinien, Schmuckelemente, Hintergrundmuster und Icons, deren Bedeutung bereits vollständig durch sichtbaren Text vermittelt wird. Das Bild bleibt damit technisch als Bild erkennbar, wird von Screenreadern jedoch übersprungen.
Bei dieser Entscheidung kommt es auf die Funktion an, nicht auf das Motiv. Ein Häkchen neben dem sichtbaren Wort „Verfügbar“ ist dekorativ, weil der Text die Aussage bereits enthält. Steht das Häkchen allein für den Lieferstatus, braucht es eine Alternative wie „Verfügbar“. Auch Logos benötigen meist eine Beschreibung, wenn sie die Marke nennen oder als Link zur Startseite dienen.
7. Wie wichtig sind Alt-Texte für SEO?
Alt-Texte sind ein eher schwaches Signal für das allgemeine organische Ranking. Sie ersetzen weder hilfreiche Inhalte noch eine saubere Seitenstruktur oder interne Verlinkung. Für die Google-Bildersuche sind sie relevanter, weil sie Suchmaschinen helfen, den Bildinhalt zu verstehen. Bei verlinkten Bildern kann der Alt-Text zudem als beschreibender Linktext wirken.
Die Priorisierung sollte trotzdem ehrlich bleiben. Eine Seite mit fehlenden Alt-Texten, dünnem Inhalt und technischen Indexierungsproblemen gewinnt nicht durch eine isolierte Alt-Text-Aktion. Prüfe zuerst, ob relevante Bilder betroffen sind, ob diese Bilder über die Bildersuche gefunden werden sollen und ob Nutzer ohne visuelle Wahrnehmung wichtige Informationen verlieren. Danach folgt die flächendeckende Nachpflege.
Barrierefreiheit ist außerdem rechtlich relevanter geworden. Welche konkreten Pflichten für ein Unternehmen gelten, hängt unter anderem von Angebot, Zielgruppe und Unternehmenssituation ab. Dieser Artikel ersetzt keine Rechtsberatung. Unabhängig von der rechtlichen Einordnung ist ein sauberer Alternativtext eine überschaubare redaktionelle Maßnahme mit direktem Nutzen.
8. Fehlende Alt-Texte finden
Bei einer kleinen Website kannst du Bilder manuell im Quellcode oder im Redaktionssystem prüfen. Bei einem Onlineshop mit Produktbildern, Bannern und extern eingebundenen Medien wird das schnell unzuverlässig. Dort brauchst du einen Crawl, der jede erreichbare Seite und jedes Bild systematisch kontrolliert.
Der Technik-Crawler der Performance Suite prüft pro Durchlauf mehr als 100 technische Punkte und meldet Bilder ohne Alt-Text flächendeckend. Separate Prüfungen erkennen unter anderem fehlende Attribute, leere Attribute und entsprechende Fehler bei externen Bildern. Diese Unterscheidung ist wichtig, weil ein dekoratives Bild mit alt="" anders bewertet werden muss als ein relevantes Produktbild ohne Beschreibung.
Der teuerste Teil einer Nachpflege ist selten das Schreiben selbst. Es ist die Entscheidung, welche Bilder relevant, dekorativ oder verlinkt sind. Automatisiere deshalb die Fundstellen, aber prüfe die Beschreibung redaktionell. Ein Crawler kann erkennen, dass ein Attribut fehlt. Ob „Mann am Laptop“ oder „Servicetechniker prüft die Steuerung einer Fräsmaschine“ zum Kontext passt, entscheidet der Mensch.
9. So gehen wir vor
Bei der OSG beginnt die Nachpflege mit einem vollständigen Crawl und einer Trennung nach Bildtyp, Seitentyp und Relevanz. Danach werden zentrale Templates, wichtige Landingpages und Produktseiten priorisiert, bevor wenig besuchte Archivbereiche folgen. Die Performance Suite kontrolliert anschließend bei weiteren Crawls, ob neue Lücken entstehen.
Wenn intern Zeit oder klare Zuständigkeiten fehlen, kannst du die Nachpflege der Alt-Texte und weiterer Onpage-Faktoren beauftragen. Dabei geht es nicht um das massenhafte Einsetzen von Keywords, sondern um verständliche Beschreibungen, saubere Templates und einen Prozess, der auch bei neuen Bildern funktioniert.
10. Häufige Fragen zu Alt-Texten
Wie schreibt man einen Alt-Text?
Beschreibe den relevanten sichtbaren Inhalt in einem knappen Satz. Beginne direkt mit dem Motiv und verzichte auf Einleitungen wie 'Bild von'. Ein Keyword gehört nur in den Text, wenn es das Motiv natürlich beschreibt.
Wie lang darf ein Alt-Text sein?
Es gibt keine feste allgemeingültige Zeichengrenze. Für einfache Bilder reicht meist ein kurzer Satz mit ungefähr fünf bis fünfzehn Wörtern. Längere Erklärungen gehören bei komplexen Grafiken in den angrenzenden Seiteninhalt.
Wie muss ein guter Alt-Text aussehen?
Ein guter Alt-Text ist konkret, verständlich und auf den Seitenkontext abgestimmt. Er beschreibt die relevante Bildinformation, ohne Suchbegriffe aufzuzählen oder die Bildunterschrift vollständig zu wiederholen.
Braucht jedes Bild einen Alt-Text?
Jedes Bild braucht ein Alt-Attribut, aber nicht jedes Bild braucht eine ausgeschriebene Beschreibung. Inhaltlich relevante Bilder erhalten einen Text. Rein dekorative Bilder werden mit einem leeren Attribut ausgezeichnet.
Wo trage ich den Alt-Text in WordPress ein?
Öffne das Bild in der Mediathek oder wähle es beim Einfügen aus. Trage die Beschreibung in das Feld 'Alternativtext' ein und speichere die Änderung. Kontrolliere bei wichtigen Seiten anschließend die HTML-Ausgabe.
Sind Alt-Texte für SEO wichtig?
Alt-Texte sind für das allgemeine Ranking ein schwaches Signal, für die Bildersuche und die Barrierefreiheit aber relevant. Sie helfen Suchmaschinen, Bilder einzuordnen, und machen deren Inhalt für Screenreader zugänglich.
Was ist der Unterschied zwischen fehlendem und leerem Alt-Text?
Ein fehlendes Alt-Attribut ist meist ein technischer oder redaktioneller Fehler. Ein bewusst leeres Attribut signalisiert, dass ein Bild rein dekorativ ist und von Screenreadern übersprungen werden soll.
11. Alt-Texte direkt mitdenken
Setze den Alt-Text bei jedem neuen Bild sofort. Für bestehende Websites lohnt sich zuerst eine technische Bestandsaufnahme, anschließend die priorisierte Nachpflege relevanter Seiten. So entsteht aus einer einmaligen Korrektur ein fester Redaktionsprozess, der Barrierefreiheit und Bildersuche dauerhaft unterstützt.
Wenn du wissen möchtest, welche Alt-Texte und weiteren Onpage-Signale auf deiner Website fehlen, kannst du eine unverbindliche Erstprüfung anfragen.
Keine Kommentare vorhanden