Bildlink
Auch: Image Link, verlinktes Bild
Ein Bildlink ist ein Link, dessen klickbarer Inhalt ein Bild ist, etwa ein Logo, Banner oder Siegel. Weil sichtbarer Text fehlt, verwendet Google das alt-Attribut des Bildes als Ankertext.
Logos auf Partnerseiten, Banner in Seitenleisten, Siegel in der Fußzeile eines Shops, eingebettete Infografiken: Viele Links im Web bestehen nicht aus Wörtern, sondern aus einem Bild. Im Quelltext umschließt das a-Element dann ein img-Element statt Text.
Dieser Eintrag zeigt die typischen Formen von Bildlinks, ihre Vor- und Nachteile gegenüber dem Textlink und was Barrierefreiheit hier verlangt. Wie Google den Alt-Text als Ankertext liest und wie er sich von title-Attribut und Bildunterschrift unterscheidet, erklärt der Eintrag Alt-Text als Ankertext ausführlich. Hier steht davon nur das Nötigste.
Wie ein Bildlink aufgebaut ist
<a href="https://www.beispiel.de/"><img src="/logo.svg" alt="Beispiel GmbH Startseite"></a>
Die Zieladresse steht wie bei jedem Link im href. Den Ankertext liefert das alt-Attribut: Bei Bildern als Links verwendet Google laut seinen Best Practices für Links das alt des img-Elements als Ankertext. Ist alt leer oder fehlt es, hat der Link keinen Ankertext. Vier Fälle sehen ähnlich aus und sind doch verschieden:
- Bild als Link: Das Bild ist der klickbare Inhalt, das alt-Attribut der Anker. Das ist der Bildlink im engeren Sinn.
- Link auf eine Bilddatei:
href="/bilder/grafik.png"zeigt auf das Bild selbst, etwa für eine Großansicht. Das Ziel ist eine Datei, keine Seite, und der Anker kann ganz normaler Text sein. - CSS-Hintergrundbild im Link: Es sieht aus wie ein Bildlink, für Google ist der Link aber leer. CSS-Bilder indexiert Google laut seiner Dokumentation zur Bildersuche nicht.
- Bild und Text im selben Link: Der sichtbare Text ist der Anker. Das Bild bekommt dann am besten
alt="", damit Screenreader den Namen nicht doppelt vorlesen.
Typische Formen: Logo, Banner, Badge, Infografik
Bildlinks entstehen selten zufällig. Fast immer steckt ein wiederkehrender Baustein dahinter, und wer ihn gestaltet, bestimmt Ziel und alt-Text.
Logo
Das Logo im Seitenkopf, das zur Startseite führt, ist der häufigste Bildlink überhaupt und steht auf jeder Seite einer Website. Dazu kommen Logos auf fremden Seiten: Kunden- und Partnerlisten, Sponsorenwände von Vereinen, Ausstellerverzeichnisse von Messen. Wie solche Verbindungen entstehen, beschreiben die Beiträge Links von Partnern und Lieferanten und Sponsoring-Links.
Banner
Werbebanner sind Bildlinks mit Werbezweck. Wird für die Platzierung bezahlt, braucht der Link wie jeder bezahlte Link rel="sponsored" oder rel="nofollow". Wie die Kennzeichnung umgesetzt wird, steht im Eintrag zum Sponsored-Link.
Badge und Siegel
Auszeichnungen, Mitgliedschaften, Prüfsiegel. Den Einbettungscode liefert meist der Herausgeber, mitsamt Ziel und alt-Text. Häufig steckt der Link in einem Skript. Ob er dann als Link zählt, hängt am gerenderten Markup, wie der Eintrag zu JavaScript-Links zeigt.
Infografik zum Einbetten
Wer eine Grafik zum Einbinden anbietet, liefert ein img-Element und meist einen Quellenlink darunter. Ob das Bild selbst oder ein Textlink in der Quellenangabe den Verweis trägt, entscheidet der Code. Ein Suchbegriff als alt-Text in einem weit verteilten Einbettungscode kann wie bestellte Keyword-Links wirken. Wie Grafiken und eigene Daten Links anziehen, zeigt der Beitrag Datenstudie als Linkmagnet.
Vor- und Nachteile gegenüber dem Textlink
Ein Bildlink ist weder besser noch schlechter als ein Textlink, er erfüllt eine andere Aufgabe. Die Abwägung im Überblick:
| Bildlink | Textlink | |
|---|---|---|
| Ankertext | nur über das alt-Attribut, unsichtbar | sichtbar, Leser und Google sehen dasselbe |
| Aufmerksamkeit | hoch, Marke und Wiedererkennung | fügt sich unauffällig in den Satz |
| Umgebungstext | oft keiner: Liste, Seitenleiste, Fußzeile | meist ein ganzer Absatz |
| Platzbedarf | braucht keinen Satz, in den er passt | braucht einen passenden Satz |
| Fehleranfälligkeit | alt fehlt, Bild per CSS oder Skript, Bild-URL ändert sich | gering, solange das href stimmt |
| Werbeanmutung | Banner wirken als Anzeige und sind oft bezahlt | kann redaktionell oder bezahlt sein |
Zwei Nachteile verdienen besondere Aufmerksamkeit. Erstens hängt beim Bildlink alles an einem Attribut, das niemand sieht. In der Praxis fehlt es häufig, gerade bei Logowänden, die von Hand gepflegt werden. Zweitens ist bei Inline-SVGs, die statt eines img-Elements verlinkt werden, nicht dokumentiert, ob Google daraus einen Ankertext gewinnt. Wer sichergehen will, bindet verlinkte Logos als img mit alt ein.
Erfahrungsgemäß gehen Bildlinks bei einem Relaunch eher verloren als Textlinks: Logos werden ausgetauscht, Bildpfade ändern sich, Partnerlisten verschwinden aus dem neuen Seitenbaum. Wer eingehende Bildlinks hat, sollte sie nach größeren Umbauten auf der verlinkenden Seite gezielt nachprüfen.
Barrierefreiheit: was ein verlinktes Bild braucht
Für Screenreader ist ein Bildlink ohne Textalternative eine Sackgasse. Fehlt das alt-Attribut, lesen manche Programme den Dateinamen oder die Zieladresse vor. Die Bild-Tutorials des W3C (Functional Images) empfehlen, bei verlinkten Bildern die Funktion zu beschreiben, nicht das Motiv: „Startseite Beispiel GmbH“ statt „Logo“.
Die Richtlinien für barrierefreie Webinhalte (WCAG) regeln das in zwei Erfolgskriterien der Stufe A. Kriterium 1.1.1 verlangt für Nicht-Text-Inhalte eine Textalternative. Kriterium 2.4.4 verlangt, dass sich der Zweck jedes Links aus dem Linktext oder seinem Kontext erschließt. Das Verständnisdokument des W3C zu 2.4.4 führt ein Bild ohne zugänglichen Namen, das als einziger Inhalt in einem Link steht, ausdrücklich als Fehler auf.
- Bild allein im Link: Das alt nennt das Ziel, etwa „Beispiel GmbH Startseite“ oder „Prüfbericht 2026 als PDF“.
- Bild und Text im selben Link:
alt="", weil der Text das Ziel schon benennt. - Text im Bild: Steht auf einem Banner eine Aussage wie „Kostenlose Beratung“, gehört sie auch in den alt-Text.
- Fokus sichtbar halten: Wer per Tastatur navigiert, muss erkennen, welcher Bildlink gerade ausgewählt ist. Entfernen Sie den Fokusrahmen nicht per CSS, ohne ihn zu ersetzen.
Barrierefreiheit und Suchmaschinenoptimierung ziehen hier in dieselbe Richtung: Der alt-Text, der Screenreader-Nutzern sagt, wohin der Klick führt, ist zugleich der Ankertext, den Google liest.
Beispiel: das Logo im eigenen Seitenkopf
Ein konstruiertes Beispiel: Ein Onlineshop für Gartenmöbel, hier „Gartenwerk“ genannt, bindet sein Logo im Seitenkopf als <img src="logo.svg" alt=""> ein und verlinkt es auf die Startseite. Bei 2.000 Seiten sind das 2.000 interne Links auf die Startseite ohne Ankertext. Screenreader können den Link auf keiner dieser Seiten benennen.
Die Korrektur dauert Minuten: alt="Gartenwerk Startseite" im Template. Damit trägt jeder dieser Links einen Markennamen, der zum Ziel passt. Ob das die Rankings der Startseite messbar verändert, ist offen, denn sie ist ohnehin die am stärksten verlinkte Seite der Website. Sicher gewonnen ist die Zugänglichkeit. Wie das Logo in die übrige Struktur passt, behandelt der Beitrag zur internen Verlinkung.
Bei eingehenden Bildlinks liegt der Code dagegen beim Betreiber der anderen Website. Wer Partnern, Händlern oder Ausstellern ein Logo zum Einbinden gibt, sollte den Code deshalb fertig mitliefern:
- absolute Adresse mit https:// im href, damit der Link auf jeder Domain funktioniert
- Firmenname im alt, kein Suchbegriff und keine Keyword-Liste
- das Bild als img-Element, nicht als CSS-Hintergrund oder reines Skript
- bei bezahlten Platzierungen wie Bannern den Hinweis auf
rel="sponsored"
Häufige Fragen
Zählt ein Bildlink als Backlink?
Ja, wenn er als a-Element mit href von einer fremden Domain auf Ihre Seite zeigt. Den Ankertext liest Google dann aus dem alt-Attribut des Bildes. Ohne alt-Text ist es ein Backlink ohne Ankertext.
Sind Bildlinks schlecht für SEO?
Nein. Google wertet Bildlinks wie andere Links und nutzt den alt-Text als Ankertext. Schwach wird ein Bildlink erst, wenn das alt-Attribut fehlt, das Bild per CSS eingebunden ist oder der Link nur per Skript entsteht.
Welchen alt-Text braucht ein verlinktes Logo?
Den Namen des Unternehmens, bei Bedarf mit dem Ziel, etwa „Beispiel GmbH Startseite“. Das Wort „Logo“ ist überflüssig, Suchbegriffe gehören nicht hinein. Das entspricht den Empfehlungen des W3C zu verlinkten Bildern und Googles Warnung vor Keywords im alt-Attribut.
Brauchen Banner ein nofollow?
Wenn für das Banner bezahlt wird, ja: Bezahlte Links brauchen rel="sponsored" oder rel="nofollow", egal ob Text oder Bild. Ein unbezahltes Partnerlogo braucht kein Attribut.