Die ultimative Anleitung zum Schreiben des Alt-Textes der Bilder Deiner Website

Ein wichtiger Bestandteil des Bilder SEO ist die optimale Verwendung der Alt-Texte von Bildern.
Bilder sollten mit diesen Alt-Tags versehen werden, damit Suchmaschinen und auch Nutzer*innen mit Sehbehinderungen verstehen können, was sie darstellen.
Deshalb ist es wichtig, dass Du nicht einfach Bilder hochlädst und auf das Beste hoffst.
In diesem Beitrag erfährst Du alles, was Du über Alt-Texte für Bilder auf Deiner Website wissen musst.

Was sind Alt-Texte bei Bildern?

Ein Alt-Text (Alternativtext), auch bekannt als "Alt-Tag", "Alt-Attribut" oder "Alt-Beschreibung", ist ein HTML-Code, der eine Textbeschreibung eines Bildes enthält. Die Textbeschreibung wird anstelle des Bildes angezeigt, wenn das Bild aus irgendeinem Grund nicht angezeigt oder gesehen werden kann.

Alt-Tags sind aus mehreren Gründen wichtig:

- Sie verbessern die Zugänglichkeit Deiner Website für Nutzer*innen mit Sehbehinderungen und sorgen so für die Barrierefreiheit.

Viele sehbehinderte Menschen nutzen Screenreader, also Bildschirmlesegeräte, um Inhalte online zu konsumieren. Sie wandeln abgebildete Inhalte, einschließlich Bilder, in ein Audioformat um. Bilder ohne Alt-Text können für Screenreader jedoch problematisch sein, da es keine Möglichkeit gibt, dem Nutzer den Inhalt des Bildes zu vermitteln. In den meisten Fällen werden diese Bilder einfach übersprungen, oder schlimmer noch, der Screenreader liest die langen und nutzlosen Dateinamen der Bilder vor.

- Sie helfen Suchmaschinen, den Inhalt Deiner Bilder zu verstehen. Das erhöht die Sichtbarkeit und somit die Rankings Deiner Website in der Google Bildersuche. Besonders viel Potential hat es, wenn für die Suchanfragen Deiner Zielgruppe im organischen SERP auch Bilder angezeigt werden.

- Sie bieten eine Textalternative für Nutzer*innen, die Bilder aus irgendeinem Grund nicht sehen können. Zum Beispiel eine langsame Internetverbindung, was heutzutage allerdings nicht allzu häufig vorkommt.

Wann solltest du einen Alt-Text verwenden?

Du solltest grundsätzlich immer dann ein Alt-Tag verwenden, wenn Du ein Bild auf deiner Website verwendest. Einzig wenn das Bild rein als dekoratives, grafisches Element dient, welches kein Bezug zum eigentlichen Inhalt der Seite hat, kannst Du auf den Alt-Text verzichten.

Allerdings ist es für eine Website mit mehreren hundert oder tausend Bildern sehr aufwendig, für jedes einzelne Bild einen Alt-Text zu schreiben. Hier musst Du priorisieren: Welche Seiten haben eine hohe Relevanz für die Bildersuche? Sind Dir erstmal Deine Kategorieseiten, Produkt-/Leistungsseiten oder Ratgeberseiten wichtig?
Aufschluss über eine mögliche Priorisierung kann auch einen Blick in die Google Search Console geben. Schau unter dem Report Leistung und wähle aus Suchtyp Bild. Welche Seiten bekommen schon Klicks über die organische Suche? Bei den Bildern auf diesen Seiten könntest Du mit der Optimierung der Alt-Texte beginnen.

Wie schreibst Du einen guten Alt-Text?

Ein Alt-Text sollte eine kurze, genaue Beschreibung des Bildes sein. Am Besten beschreibt er das Bild klar und prägnant ,ohne zu ausführlich zu werden.

Der Alt-Tag sollte den Nutzer*innen die gleichen Informationen liefern wie das Bild, dass er ersetzt. Das bedeutet, dass du dich fragen musst, was der Zweck des Bildes in dem Kontext ist, in dem es sich befindet. Je nach Antwort schreibst Du dann einen anderen Alt- Text.

Checkliste - so schreibst Du einen guten Alt-Text

• Beschreibe den Inhalt des Bildes kurz und prägnant. Stell Dir vor Du siehst das Bild nicht und ein Screenreader liest Dir die Beschreibung vor. Unnötiges Geschwafel würde hier nur nerven. Nicht mehr als 2 Sätze reichen.
• Bedenke bei der Beschreibung den Kontext der Seite.
• Nutze korrekte Zeichensetzung. Screenreader verwenden Satzzeichen, für die richtigen Lesepausen von Inhalten. Deshalb ist es wichtig, dass Du in Deinem Alt-Text die richtige Zeichensetzung verwendest.
• Verzichte auf Anführungszeichen. Das Alt-Attribut im HTML nutzt schon Anführungszeichen. Zusätzliche Anführungszeichen können dazu führen, dass der HTML-Code nicht richtig funktioniert.
• Wiederhole nicht einfach die Bildunterschriften. Das ist doppelte Information, die weder für Google noch für Nutzer*innen relevant ist.
• Vermeide Keyword-Stuffing. Es bringt nichts für Deine Rankings und nervt Nutzer*innen, die auf einen Screenreader angewiesen sind.
• Vermeide anzugeben, dass es sich um ein Bild handelt. Auch das nervt nur die Nutzer*innen.
• Kenne Deine Keywords! Der wichtigste Punkte zum Schluss: eine Basis von SEO, natürlich auch von Bilder SEO, ist immer eine Keywordanalyse. Benutze in den Alt-Texten Wörter und Wortkombinationen, nach denen auch Deine Zielgruppe sucht. Das folgende Beispiel mit dem Trilby Hut verdeutlicht das sehr gut.