Was ist Alt-Text?
Alt-Text (alternativer Text) - auch bekannt als "alt description" oder "alt attribute" - ist die schriftliche Beschreibung von Bildern auf HTML-Seiten. Sein Hauptzweck ist die Verbesserung der Zugänglichkeit für Menschen, die Bilder nicht sehen können.
Man hört oft, dass er als "Alt-Tag" bezeichnet wird, aber das ist technisch nicht korrekt. Alt-Text ist ein Attribut, das im HTML-Tag enthalten ist.
Wie der Alt-Text implementiert wird
Das alt-Attribut beginnt mit alt=, gefolgt von dem in Anführungszeichen gesetzten alt-Text. Normalerweise sieht es so aus:
<img src="image.jpg" alt="Image alt text" title="Image Title"/>Warum ist Alt-Text wichtig?
Erreichbarkeit
Beim Hinzufügen von Alt-Text zu Bildern geht es in erster Linie um die Verbesserung der Zugänglichkeit des Internets. Millionen von sehbehinderten Nutzern sind auf Bildschirmlesegeräte angewiesen, um Online-Inhalte zu konsumieren. Für sie ist ein Text, der den visuell dargestellten Informationen entspricht, von entscheidender Bedeutung. Ohne Alt-Text können Bildschirmlesegeräte den Inhalt des Bildes nicht wiedergeben, was die Benutzerfreundlichkeit beeinträchtigt.
SEO-Vorteile
Alt-Text spielt auch eine Rolle bei der Suchmaschinenoptimierung. Während Alt-Attribute für Nutzer nicht sichtbar sind, können sie von Suchmaschinen und Bildschirmlesern gelesen werden. Der Text hilft den Suchmaschinen, den Inhalt des Bildes zu verstehen. Dadurch erhält das Bild eine semantische Bedeutung, was die thematische Relevanz der Seite in den Augen von Google verbessert und ihr möglicherweise zu einer höheren Platzierung verhilft.
Darüber hinaus kann der Alt-Text Ihre Chancen auf eine Platzierung in Google Bilder verbessern und eine zusätzliche Quelle für den Verkehr auf Ihrer Website darstellen. Wenn Bilder als Links verwendet werden, dient der Alt-Text als Ankertext und hilft Google, den Inhalt der verlinkten Seite zu verstehen.
Bewährte Praktiken für Alt-Text
Das Hinzufügen von Alt-Text zu Bildern ist eine einfache Möglichkeit, Ihre Seiten zugänglicher zu machen und Ihre SEO-Bemühungen zu unterstützen. Hier sind einige bewährte Verfahren, die Sie beachten sollten:
1. Überprüfen Sie Ihre Website auf fehlende Alt-Texte
Beginnen Sie mit der Suche nach fehlenden Alt-Texten. Verwenden Sie ein Online-Tool, das Ihre Website crawlen kann, um Bilder mit fehlenden oder leeren Alt-Texten zu finden. Tools wie Google Search Console und verschiedene SEO-Audit-Tools können bei dieser Aufgabe helfen.
Nicht alle Bilder benötigen einen Alt-Text. Dekorative Bilder können ohne Alt-Text belassen werden, da sie keinen aussagekräftigen Inhalt bieten und von Bildschirmlesegeräten ignoriert werden können. Konzentrieren Sie sich auf Ihre am häufigsten besuchten Seiten, die viel organischen Verkehr erzeugen.
2. Vermeiden Sie Keyword Stuffing
Auch wenn der Alt-Text relevante Schlüsselwörter enthalten kann, um die Suchmaschinenoptimierung zu verbessern, ist es wichtig, einen informativen und wertvollen Text zu verwenden, der auf den Inhalt der Seite abgestimmt ist. Vermeiden Sie Keyword-Stuffing, denn diese Praxis wird von Google abgelehnt und kann als unethisch und ineffektiv angesehen werden.
Verwenden Sie Schlüsselwörter sparsam und nur dort, wo sie natürlich in die Beschreibung passen.
3. Bleiben Sie unter 100 Zeichen
Der Alt-Text besteht in der Regel aus einem einzigen Wort oder einer kurzen Phrase. Der Functionality Accessibility Evaluator schlägt vor, dass Alt-Texte nicht mehr als 100 Zeichen lang sein sollten. Damit haben Sie genug Spielraum, um Ihren Alt-Text zu optimieren, aber stellen Sie sicher, dass Sie keine langatmigen Beschreibungen schreiben, die von Bildschirmleseprogrammen abgeschnitten werden könnten.
Beispiel
Hier ist ein Beispiel für einen gut geschriebenen Alt-Text für ein Bild eines Golden Retrievers, der in einem Park apportiert:
<img src="golden-retriever.jpg" alt="Golden Retriever beim Apportieren in einem sonnigen Park" title="Golden Retriever"/>Wenn Sie diese bewährten Verfahren befolgen, können Sie Ihre Website für alle Nutzer zugänglicher machen und Ihre allgemeine SEO-Strategie unterstützen.
Weitere Informationen über Barrierefreiheit im Internet und bewährte SEO-Verfahren finden Sie in maßgeblichen Quellen wie den Web Content Accessibility Guidelines (WCAG) und dem SEO Starter Guide von Google.
