Ist das ALT-Attribut wichtig für Bilder?

Was ist das ALT-Attribut?

Ein ALT-Attribut bzw. alternativer Text ist eine Beschreibung, die für ein Bild bereitgestellt wird und im Falle, dass das Bild defekt ist oder nicht gelesen werden kann (etwa von Bots oder von sehbehinderten Nutzern), unseren Inhalt unterstützt.

Wofür ist das ALT-Attribut bei einem Bild gut?

Der Hauptzweck des ALT-Attributs ist es, die Web-Barrierefreiheit für Nutzer zu erleichtern, die Bilder nicht richtig sehen können. Ein Beispiel dafür sind Nutzer, die auf Screenreader angewiesen sind – also, wie der Name schon sagt, Programme, die den Inhalt des Bildschirms laut vorlesen.

Wenn einer dieser Reader auf ein Bild stößt, kann er das Bild selbst nicht beschreiben und nutzt daher den alternativen Text, um dem Nutzer Kontext zu geben, was auf dem Foto zu sehen sein könnte. So kann der Nutzer eine Website korrekt navigieren, ohne Informationen aus den Bildern zu „verlieren".

Warum ist das ALT-Tag wichtig für SEO?

Unsere Aufgabe als SEO-Berater ist es, Google so viele Informationen wie möglich zu liefern, damit es unsere Inhalte verstehen und sie den richtigen Nutzern zeigen kann.

Es stimmt zwar, dass Google seinen Bildprozessor stark verbessert hat und ohne Zweifel den Inhalt eines Bildes grob verstehen kann, aber es ist immer eine gute Idee, dass unsere Bilder das ALT-Attribut enthalten. So stellen wir sicher, dass Google alle Informationen über das Foto hat und seine Bedeutung im Kontext unserer Inhalte verstehen kann.

Wie schon gesagt, ist es am besten, sie korrekt zu verwenden und nicht zu versuchen, Google auf eine schlechte Art zu „austricksen". Mit anderen Worten: Es macht keinen Sinn, in deinem Inhalt ein Foto eines Autos einzubauen und dann „günstige Sneakers" als alternativen Text zu schreiben. Sie haben nichts miteinander zu tun und können Warnsignale auslösen (besonders, wenn der alternative Text für Keyword-Stuffing verwendet wird).

Verwende Fotos und alternative Texte, die zu deinem Inhalt passen. Es ist am besten, immer dieser Regel zu folgen und im alternativen Text dein Haupt-Keyword, ein sekundäres, einen semantischen Begriff usw. einzubauen. Normalerweise wird dir das nicht schwerfallen, da du es ganz natürlich einbauen kannst.

So fügst du das ALT-Tag zu einem Bild hinzu

Jetzt fragst du dich wahrscheinlich: Wie kann ich diesen alternativen Text auf meiner Website hinzufügen?

Keine Sorge, denn wir helfen dir dabei. Pass auf, wir gehen es für die beiden beliebtesten CMS durch:

So fügst du das ALT-Attribut zu einem Bild in WordPress hinzu

In diesem Fall ist es ziemlich einfach. Wir müssen nur in unsere Mediathek gehen, das Foto auswählen und das dafür vorgesehene Feld für den alternativen Text ausfüllen:

Um etwas mehr Kontext zu liefern, könnten wir sogar die Bildunterschrift und Beschreibung ausfüllen, wie im Bild gezeigt. Außerdem können wir das direkt im Artikel-Editor beim Einfügen des Bildes erledigen.

So fügst du das ALT-Attribut zu einem Bild in PrestaShop hinzu

In PrestaShop haben wir weder eine Mediathek noch ein dafür vorgesehenes Feld.

Wie fügt man es also hinzu?!

Keine Sorge, wir erklären dir den Trick. Du musst das Feld für die Bildunterschrift innerhalb der Produktbilder ausfüllen:

In den meisten Themes wird das, was du im Feld Caption eingibst, als ALT-Attribut des Bildes gesetzt, das du gerade bearbeitest.

Das Problem ist, dass in diesem CMS das Hinzufügen von ALT-Attributen sehr mühsam sein kann, da du es einzeln machen musst. Aus diesem Grund haben wir in unserem Leitfaden zu SEO in PrestaShop ein Modul erwähnt, mit dem du ALT-Texte für alle Bilder schnell hinzufügen kannst.

So siehst du das ALT-Attribut von Bildern

Jetzt erklären wir dir, wie du prüfen kannst, ob eine Website ALT-Attribute auf ihren Bildern hat oder nicht. Es gibt zwei Optionen:

Über den Inspektor

Wenn du Chrome verwendest, kannst du mit einem Rechtsklick innerhalb einer beliebigen Website auf den Inspektor zugreifen. Dort musst du dann nur das Bild auswählen und kannst das ALT sehen:

Etwas verwirrend? Vielleicht, aber keine Sorge, wir haben eine weitere, einfachere Option für dich:

Über eine Chrome-Erweiterung

In diesem Fall empfehlen wir, die SEO-Erweiterung für Chrome namens Web Developer zu installieren. Sobald du sie hast, musst du nur auf das Zahnrad-Symbol gehen und images > Display Alt Attributes auswählen:

Sobald du diese Option aktiviert hast, siehst du, dass neben jedem Bild ein kleiner Tooltip mit dem ALT-Attribut des jeweiligen Bildes angezeigt wird:

Fazit

Wie wir gesehen haben, sind ALT-Attribute ein SEO-Faktor, der oft übersehen wird, dir aber innerhalb deiner SEO-Strategie einen kleinen Extra-Schub geben kann.**

Denk daran, immer ein Foto zu wählen, das zum Text passt, damit der Nutzer beim Anschauen nicht verwirrt wird, und schreib einen alternativen Text, der sowohl für den Nutzer als auch für unseren lieben Freund Google beschreibend und relevant ist.

Wie immer warten wir in den Kommentaren auf deine Fragen :)