ALT-Tag

Das Alt-Tag ist ein kurzer Text, welcher den Inhalt eines Bildes auf der Webseite beschreibt. Suchmaschinen erkennen Bilder nicht und nutzen stattdessen den Text, um den grafischen Inhalt zu kategorisieren und zu verarbeiten. Suchmaschinen wie Google beziehen Bildtexte in das Ranking einer Webseite mit ein, dadurch sind sie entscheidende Faktoren in der Suchmaschinenoptimierung (SEO).

Was sind Alt-Tags? - Definition und Erklärung

Die sogenannten Alternativ-Attribute (engl. Alt-Tags) sind kurze, prägnante Textbausteine, die den Inhalt von Content (Bildern) auf einer Webseite beschreiben. Da Webcrawler von Suchmaschinen Bilder (noch) nicht wirklich sehen können, nutzen sie diese Kurzbeschreibungen, um den Inhalt zu kategorisieren und in die Gewichtung der Seite mit einzubeziehen. Der Alt-Text liefert also eine Beschreibung des Bildes in Textform, die von den Suchmaschinen-Crawlern ausgelesen und verarbeitet werden kann. Google kann durch eine präzise Kurzbeschreibung die Relevanz eines Bildes für ein bestimmtes Suchergebnis besser einschätzen und so die Platzierung auf den Suchmaschinenergebnisseiten (SERPs) vornehmen.

Ein gut gewähltes Alt-Attribut kann dazu beitragen, dass ein Bild in den Google-Suchergebnissen "ganz oben mitspielt" und auf relevanten Content zur Suchanfrage verlinkt. In der Praxis sehen Alt-Tags für Bilder meist wie folgt aus:

<img src="bild.jpg" alt="Ein Hund läuft im Park bei Sonnenschein">

Wichtig: Es gibt keine konkreten Vorgaben von Google, wie Alt-Tags auszusehen haben. Allerdings zeigen wir dir in den nächsten Abschnitten, worauf es bei den Formulierungen besonders ankommt.

Hintergründe: Deshalb sind Alt-Tags entscheidend

Alt-Tags sind für verschiedene Aspekte der Webseite von großer Bedeutung. Sie bieten nicht nur die Möglichkeit, das Ranking der eigenen URL zu verbessern, sondern dienen auch zur Barrierefreiheit und sorgen dafür, dass alle Inhalte zugänglicher gemacht werden. Die wichtigsten Gründe für präzise Alt-Tags auf deiner Webseite haben wir zusammengefasst:

• Barrierefreiheit: Alt-Tags sorgen dafür, dass Nutzer mit Sehbehinderungen die Bildinhalte dennoch verstehen können, indem diese von einem Screenreader vorgelesen werden. Dadurch ist die Webseite trotz der körperlichen Einschränkung vollumfänglich nutzbar.
• Möglicher Ausfall von Bildern: Wenn Bilder aufgrund technischer Probleme, veralteter Browser oder einer langsamen Internetverbindung nicht geladen werden, wird der Text im Alt-Tag für den Nutzer angezeigt. So erhalten User auch ohne Bild eine Vorstellung vom dazugehörigen Inhalt.
• SEO-Aspekte: Im Bereich der Suchmaschinenoptimierung (SEO) spielen die Kurzbeschreibungen eine wichtige Rolle, da die Suchmaschinen diese crawlen, verstehen und in die Gewichtung der Seite einbeziehen. Gute Alt-Tags führen damit zwangsläufig auch zu besseren Platzierungen in den SERPs.

Alt-Tags sind damit ein wichtiger Faktor für Webseiten, nicht nur durch ihre Funktion in der SEO. Durch sie gibst du allen Menschen die Möglichkeit, den zum Text gehörenden Content auf der Webseite zu verstehen.

Was ist der Unterschied zwischen Alt-Tags und Title-Tags?

Alt-Tags und Title-Tags sind beides HTML-Attribute, die mit zusammen mit Bildern oder internen Links auf einer Webseite verwendet werden, die Funktionsweise unterscheidet sich jedoch grundlegend:

• Alt-Tags beschreiben den Inhalt eines Bildes und sind dadurch ein wichtiger Faktor für die Barrierefreiheit und die SEO. Diese Tags werden von Screenreadern vorgelesen, was sehbehinderten Menschen hilft. Zudem helfen sie den Suchmaschinen, den Content zu indexieren und zu bewerten, denn Bilder können von Google und Co. nicht direkt "gesehen" werden.
• Title-Tags dagegen geben eine kurze Beschreibung oder einen Titel eines Bildes ab, wenn du mit der Maus über diese "hoverst", also kurz ohne zu klicken über das Bild fährst. Sie sind dadurch weniger relevant für die Barrierefreiheit, bieten den Nutzern aber zusätzliche Informationen oder Quellenangaben. Title-Tags werden eher in den Suchergebnissen für Links und Seiten verwendet, um anschließend den Titel der Zielseite anzuzeigen.

Kompakt erklärt: Alt-Tags dienen der Beschreibung von Bildern und der Indexierung in den Suchmaschinen. Title-Tags dagegen liefern zusätzliche Informationen für den Nutzer und verbessern vorrangig die User-Experience (UX).

Relevanz von Alt-Tags für SEO

Alt-Tags sind nach wie vor ein wesentlicher Faktor in der Suchmaschinenoptimierung, da sie den Inhalt von Bildern für die Suchmaschine beschreiben. Nur so kann Google auswerten, inwiefern die Bilder relevant für den Content und die spätere Platzierung in den Suchergebnissen sind. Ohne Alt-Tags kann der Content nicht bewertet werden und trägt unter Umständen sogar dazu bei, dass das Ranking der Seite verschlechtert wird, da ein Bild als unpassend eingestuft wird. Eine prägnante, kurze Beschreibung ohne Keyword-Stuffing führt also dazu, dass am Ende noch bessere SERP-Platzierungen erreicht werden.

Tipps zur Optimierung von Alt-Tags

Jede Bilddatei auf der Webseite bekommt ein ALT-Attribut. Diese sollten möglichst präzise beschreiben, was auf dieser Datei zu sehen ist. Dabei steht die Aufgabe im Vordergrund, dem Google Crawler nützliche Informationen zu bieten, denn in der Regel werden ALT-Attribute dem Nutzer nicht angezeigt (Ausnahmen siehe oben).

Der Bildinhalt sollte daher präzise mit wenigen Begriffen beschrieben werden – dabei solltest du für die SEO deiner Seite zusätzlich zum Inhalt des Bildes das Hauptkeyword deiner Seite und weitere passende Begriffe zur Webseite benutzen. Nur so kann eine Suchmaschine die Bilder im richtigen Kontext bewerten. Auch für das Ranking bei der Bildersuche ist die richtige Auswahl von Keywords wichtig. Dabei darfst du kein Keywordstuffing betreiben, damit das Bild nicht als Spam bewertet wird. Bei Grafiken mit Text nutzt du den Text direkt als ALT-Attribut, so kennen User die Aussage der Statistik, auch wenn diese nicht geladen werden kann.

Wichtig: Bei funktional irrelevanten Bildern kann das Feld für das Alt-Tag auch leer gelassen werden, da der Content von Google nicht berücksichtigt werden muss.

Implementierung von Alt-Tags im Backend

Der Einbau der Alt-Tags erfolgt in der Regel direkt beim Einpflegen des Bildes in einem Content-Management-System (CMS) wie beispielsweise WordPress. Während des Uploads kannst du in einem entsprechenden Feld eine kurze, präzise Beschreibung des Bildinhalts einfügen. Sobald das Bild veröffentlicht wird, wird der Alt-Tag im HTML-Code der Seite automatisch eingebunden und von Suchmaschinen wie Google indexiert. Heute ist das Einfügen von Alt-Tags so kein Problem mehr und erfordert kaum technische Expertise oder Programmierkenntnisse. Dennoch ist es ein bedeutender Faktor in der Onpage-Optimierung.

Fazit

Alt-Tags spielen sowohl in der Suchmaschinenoptimierung als auch in der Barrierefreiheit einer Webseite eine entscheidende Rolle. Sie helfen den Crawlern der Suchmaschinen, zu verstehen, welcher Inhalt sich auf der Seite befindet, was sich wiederum positiv auf die Sichtbarkeit der Seite auswirkt. Zudem wird die Nutzererfahrung verbessert – gerade für Menschen, die mit körperlichen Einschränkungen wie Sehbehinderungen leben müssen. Präzise, kurze und einfache Alt-Tags sind demnach unerlässlich auf jeder Seite!

Weblinks

Barrierefrei in der SEO

Allgemeines zu Bildern hinzufügen auf einer Webseite

Google Rankingfaktoren in der Bildersuche