Alt-Text als Ankertext
Auch: Image Alt Anchor, Bild-Ankertext
Alt-Text als Ankertext heißt: Ist ein Bild verlinkt und steht kein Text im Link, verwendet Google das alt-Attribut des Bildes als Ankertext. Der Alt-Text beschreibt dann nicht nur das Bild, sondern auch das Linkziel.
Nicht jeder Link besteht aus Wörtern. Logos von Partnern, Siegel, Infografiken und Banner sind oft komplett als Bild verlinkt; zwischen den a-Tags steht dann nur ein img-Element. Damit stellt sich eine einfache Frage: Welchen Ankertext hat so ein Link?
Die Antwort steht im alt-Attribut des Bildes. Dieser Eintrag erklärt, wie Google es liest, wie es sich von title-Attribut und Bildunterschrift unterscheidet und warum ein vorgegebener Einbettungscode schnell eine Serie identischer Anker erzeugt.
Wie aus einem Bild ein Ankertext wird
Ein Bildlink sieht im Quelltext so aus: <a href="https://beispiel.de/"><img src="logo.png" alt="Sitzwerk"></a>. Sichtbaren Text gibt es nicht, nur das Bild. Google beschreibt den Fall in seinen Best Practices für Links eindeutig: Bei Bildern als Links verwendet Google das alt-Attribut des img-Elements als Ankertext. Daraus folgt die Empfehlung, verlinkten Bildern einen beschreibenden Alt-Text zu geben.
Auch die Google-Dokumentation zur Bild-SEO greift den Punkt auf: Alt-Text sei als Ankertext nützlich, wenn ein Bild als Link dient. Zugleich nutzt Google den Alt-Text zusammen mit Bilderkennung und dem Seiteninhalt, um zu verstehen, was das Bild zeigt. Ein und dasselbe Attribut erfüllt beim Bildlink also zwei Aufgaben.
- Beschreibender Alt-Text: Der Inhalt des Attributs wird zum Ankertext, etwa „Sitzwerk“ oder „Sitzwerk Startseite“.
- Leeres Attribut (
alt=""): Steht sonst nichts im Link, hat er keinen Ankertext. Google führt genau diese Kombination aus leerem Alt-Text und leerem Linktext als schlechtes Beispiel auf. - Fehlendes Attribut: Auch dann fehlt der Text. Als Notlösung kann Google bei einem leeren Link das
title-Attribut des a-Elements verwenden; planen sollte man damit nicht. - Bild und Text im selben Link: Der sichtbare Text ist der Ankertext. Wie Google ihn mit einem zusätzlichen Alt-Text zusammenführt, dokumentiert Google nicht.
Das ist eine Folge der allgemeinen Regel zum Ankertext: Er ist der Text, der Menschen und Google sagt, was hinter dem Link wartet. Fehlt der Text, springt das alt-Attribut ein. Was ein Bildlink als Linkart sonst ausmacht, etwa im Vergleich zum Textlink, behandelt ein eigener Eintrag.
Abgrenzung: alt, title, Bildunterschrift und Dateiname
Rund um ein Bild gibt es mehrere Textquellen. Nur eine davon wird beim Bildlink regulär zum Ankertext.
| Element | Aufgabe | Wird zum Ankertext? |
|---|---|---|
| alt-Attribut am img | Textalternative für Screenreader und Suchmaschinen | ja, wenn das Bild verlinkt ist und kein Text im Link steht |
| title-Attribut am a-Element | Tooltip beim Überfahren | nur als Ersatz, wenn der Link sonst leer ist |
| title-Attribut am img | Tooltip zum Bild | als Ankertext nicht dokumentiert |
| Bildunterschrift (figcaption) | Erklärung zum Bild im Seitentext | nein, sie gehört zum Umgebungstext |
| Dateiname | laut Google nur ein sehr leichter Hinweis auf das Bildthema | nein |
| CSS-Hintergrundbild | reine Gestaltung, kein Inhalt | nein, der Link gilt ohne Text als leer |
Die Bildunterschrift ist der häufigste Fehlschluss. Google liest Bildunterschriften und Bildtitel, um das Bild selbst einzuordnen, und empfiehlt, Bilder in die Nähe passender Texte zu stellen. Für den Link ist die Bildunterschrift aber das, was bei Textlinks der Satz drumherum ist: Umgebungstext, nicht Ankertext.
Für Inline-SVGs nennt Google als Gegenstück zum alt-Attribut das title-Element, allerdings im Zusammenhang mit Barrierefreiheit. Ob ein verlinktes SVG darüber einen Ankertext bekommt, ist nicht dokumentiert. Wer sichergehen will, bindet verlinkte Logos als img-Element mit alt-Attribut ein.
Ein Alt-Text, zwei Aufgaben: Bild beschreiben oder Ziel nennen
Bei einem normalen Bild beschreibt der Alt-Text, was zu sehen ist. Bei einem verlinkten Bild kommt der Zweck des Links hinzu. Die Bild-Tutorials des W3C sind hier deutlich (Functional Images): Bei Bildern in Links und Schaltflächen soll der Alternativtext die Funktion wiedergeben, nicht das Motiv. Das Beispiel dort lautet „Example.com homepage“ statt „Example.com logo“.
Google und W3C ziehen dabei an einem Strang. Ein Alt-Text, der das Linkziel benennt, hilft Screenreader-Nutzern beim Navigieren und sagt Google, worauf der Link zeigt. Für die Praxis ergeben sich drei Regeln:
- Logo als Link: der Name des Unternehmens, bei Bedarf mit Ziel, etwa „Sitzwerk Startseite“. Das Wort „Logo“ ist überflüssig.
- Produkt- oder Themenbild als Link: beschreiben, was die Zielseite bietet, etwa „Bürostuhl Modell Aeris im Detail“, statt nur das Motiv zu nennen.
- Bild neben Linktext im selben Link: alt leer lassen, wenn das Bild nur schmückt. So empfiehlt es das W3C, damit Screenreader den Namen nicht doppelt vorlesen.
Keine Keyword-Listen ins alt-Attribut. Google warnt in der Bild-Dokumentation ausdrücklich davor, alt-Attribute mit Keywords zu füllen: Das verschlechtere die Nutzererfahrung und könne dazu führen, dass die Website als Spam eingestuft wird. Beim Bildlink kommt hinzu, dass ein solcher Alt-Text als auffällig optimierter Ankertext im Linkprofil der Zielseite steht.
Wo Alt-Text-Anker im Linkprofil entstehen
Bei eingehenden Links ist der Alt-Text-Anker selten ein Einzelfall, sondern das Ergebnis wiederkehrender Bausteine. Typische Quellen:
- Partner-, Kunden- und Sponsorenlisten: Logowände auf Vereins-, Event- oder Händlerseiten. Den Alt-Text schreibt meist der Betreiber, oft schlicht den Firmennamen, manchmal gar nichts.
- Siegel, Auszeichnungen, Mitgliedschaften: Der Einbettungscode stammt vom Herausgeber des Siegels, samt vorformuliertem Alt-Text.
- Eingebettete Infografiken und Werkzeuge: Wer den Code zum Einbinden bereitstellt, bestimmt Bild, Ziel und Alt-Text gleich mit.
- Banner und Anzeigen: Hier ist der Anker zweitrangig. Bezahlte Bildlinks brauchen wie jeder bezahlte Link
rel="sponsored"oderrel="nofollow".
Kritisch wird es, sobald Sie den Code selbst vorgeben. Google nennt in seinen Spam-Richtlinien Links mit übermäßig vielen Keywords in Widgets, die auf verschiedene Websites verteilt sind, als Beispiel für Link-Spam. Ein Logo-Code, dessen Alt-Text ein umkämpfter Suchbegriff ist, erzeugt dieses Muster, nur eben als Bild.
Der Einbettungscode gehört deshalb in dieselbe Prüfung wie jeder Textanker: Marke oder sachliche Beschreibung, kein Suchbegriff um seiner selbst willen. Wie ein unauffälliges Ankertext-Profil als Ganzes aussieht, erklärt der Magazinbeitrag Ankertext: Der richtige Mix für ein natürliches Linkprofil.
Beispiel: ein Logo auf 40 Händlerseiten
Ein konstruiertes Beispiel: Ein Hersteller von Bürostühlen, hier „Sitzwerk“ genannt, stellt seinen 40 Fachhändlern einen Logo-Code für deren Websites bereit. Die Marketingabteilung schreibt alt="ergonomische Bürostühle kaufen" hinein, weil das ihr wichtigster Suchbegriff ist.
Einige Monate später zeigt das Backlink-Werkzeug 40 verweisende Domains mit demselben Ankertext, einem exakten Suchbegriff, alle auf die Startseite. Im Ankertext-Bericht sieht das aus wie eine Serie bestellter Exact-Match-Anker, obwohl es gewöhnliche Händlerlinks sind.
Mit alt="Sitzwerk" wären es 40 Marken-Anker gewesen, also genau das, was man von Händlern erwartet. Die Korrektur ist einfach, weil der Code zentral gepflegt wird: neue Fassung an die Händler schicken und die Umstellung nach einigen Wochen stichprobenartig im Quelltext prüfen. Ein Teil der Händler wird den alten Code behalten. Das ist hinnehmbar, solange die neu hinzukommenden Links unauffällig aussehen.
Alt-Text-Anker prüfen: Quelltext und Werkzeuge
Ob ein Bildlink einen brauchbaren Anker hat, sehen Sie am schnellsten im Browser: Rechtsklick auf das Bild, „Untersuchen“, dann im markierten img-Element das alt-Attribut lesen. Steht das Bild in einem a-Element und ist das Attribut leer oder fehlt es, hat der Link keinen Ankertext.
- Eigene Website: Ein Crawler wie Screaming Frog listet Bilder ohne Alt-Text auf; prüfen Sie darunter zuerst die verlinkten. Besonders wichtig ist das Logo im Seitenkopf, das auf fast jeder Seite zur Startseite führt.
- Eingehende Links: Backlink-Werkzeuge weisen Bildlinks unterschiedlich aus, manche mit dem Alt-Text als Anker, manche mit einem eigenen Vermerk. Vergleichen Sie deshalb nur Werte aus demselben Werkzeug; warum die Anbieter voneinander abweichen, zeigt der Backlink-Checker-Vergleich.
- Per JavaScript eingefügte Bilder: Hier zählt laut Google, was im gerenderten HTML steht. Das zeigt das URL-Prüftool der Search Console.
Für die interne Verlinkung gilt dasselbe wie bei Textlinks: Der Alt-Text eines verlinkten Bildes darf präzise sagen, wohin der Klick führt. Ein Logo, das zur Startseite verlinkt, braucht dort den Namen der Website, nicht das Wort „Logo“.
Häufige Fragen
Zählt der Alt-Text eines verlinkten Bildes als Ankertext?
Ja. Google schreibt in seinen Best Practices für Links, dass es bei Bildern als Links das alt-Attribut des img-Elements als Ankertext verwendet. Ein beschreibender Alt-Text ist bei Bildlinks deshalb besonders wichtig.
Ist Alt-Text als Ankertext noch wichtig?
Ja, solange Bilder verlinkt werden. Google nennt den Alt-Text in seiner aktuellen Dokumentation zu Links und zu Bildern ausdrücklich als Ankertext von Bildlinks. Wie stark Google ihn im Vergleich zu Textankern gewichtet, veröffentlicht Google nicht.
Was passiert, wenn ein Bildlink keinen Alt-Text hat?
Dann hat der Link keinen Ankertext. Google führt die Kombination aus leerem Alt-Text und leerem Linktext als schlechtes Beispiel auf und kann ersatzweise das title-Attribut des Links lesen. Screenreader lesen in diesem Fall laut W3C oft den Dateinamen oder die URL vor.
Gehört das Keyword ins Alt-Attribut eines verlinkten Logos?
Nein. Für ein Logo ist der Firmenname der passende Alt-Text, bei Bedarf mit dem Ziel wie „Startseite“. Google warnt vor Keyword-Häufungen in alt-Attributen, und als Ankertext wirkt ein Suchbegriff im Logo wie ein optimierter Link.
Was gilt, wenn Bild und Text im selben Link stehen?
Dann ist der sichtbare Text der Ankertext. Das W3C empfiehlt für ein rein schmückendes Bild im selben Link ein leeres alt-Attribut, damit der Name nicht doppelt vorgelesen wird. Wie Google Text und Alt-Text in einem gemeinsamen Link zusammenführt, ist nicht dokumentiert.