5 min. 55 sec.
363 Alt-Tags werden selten gesehen – und doch sind sie wichtig. Beim SEO lassen sich die alternativen Texte nutzen, und manche Kunden sind auf sie angewiesen. Aber was sind Alt Attribute? Normalerweise nehmen Besucher Ihrer Website Alt-Tags nicht wahr. Nur wenn sich die Grafiken nicht aufbauen, werden die alternativen Texte angezeigt und geben Hinweise darauf, was das Bild an dieser Stelle zeigt.
Wie alle anderen Texte einer Website sollten auch die Alt-Attribute wichtige Keywords berücksichtigen. Hier erfahren Sie, warum es Alt-Texte gibt, und welche Vorteile sie Ihnen bieten.
Was sind Alt-Attribute bei Bildern?
Als Alt-Text oder Alt-Tag werden abgekürzt sogenannte „alternativen“ Texte bezeichnet. Der Name ist aussagekräftig genug – der alternative Text wird zum Stellvertreter, wenn die vorgesehene Grafik nicht geladen werden kann. In diesem Fall ist das Alt-Attribut eine Möglichkeit, Lesern zu zeigen, was sie eigentlich erwartet hätte. Der Alt-Tag ist nicht zu verwechseln mit einer Bildunterschrift, die Sie zur Erläuterung von Abbildungen nutzen – er wird anders formuliert und ist, anders als eine Bildunterschrift, kein Nice-to-have, sondern ein Muss. Das Alt Attribute HTML sieht folgendermaßen aus:
<img src=”Bild.png” alt=”Beschreibung in treffenden Worten”>
Bei der Erstellung helfen Ihnen die meisten Content Management Systeme mit integrierten Tools – sie weisen Sie sogar darauf hin, wenn und wo Alt-Attribute fehlen.
| Bild wird angezeigt | Bild wird nicht angezeigt |
|---|---|
 |
 |
Wie wichtig ist der Alt-Text für SEO?
Dass die Optimierung für die großen Suchmaschinen wichtig ist, wissen Sie als Betreiber einer Website. Dabei genügt es nicht, nur die Texte, Metadaten und die Seitenstruktur zu optimieren. Den Grafiken auf einer Website sollten Sie eigenes Image SEO zukommen lassen, wenn Sie Bilder für die Website optimieren, denn das wirkt sich auf das Ranking der Seite in den Ergebnissen bei Google, vor allem aber in der Bildersuche von Google oder Bing aus – und fördert Ihre Platzierungen.
- Sehr wichtig sind Alt Attribute im Bilder SEO. Denn unter den „Lesern“ sind auch die Crawler der großen Suchmaschinen. Denn die Bots von Google & Co. können grafischen Content nicht in ihre Prüfung einschließen. Mit dem SEO Alt Tag machen Sie alle Grafiken Ihrer Internetpräsenz für die Bots zugänglich.
- Daneben profitieren auch menschliche Besucher Ihrer Seiten von Alt-Texten, wenn Sie Bilder für Web optimieren. Die Alt-Attribute werden teilweise oder vollständig sehbehinderten Menschen ebenso vorgelesen wie der Text der Seite, sobald sie die Vorlesefunktion nutzen. Sie sprechen damit also eine Kunden- oder Nutzergruppe an, ohne dafür allzu viel Mühe aufwenden zu müssen, und machen Ihre Seite barrierefrei.
- Mit Alt-Texten verhindern Sie Verständnisschwierigkeiten, wenn der grafische Content für den Inhalt einer Seite ausgesprochen relevant ist. Bis die Grafik geladen oder beschädigte Inhalte repariert werden können, haben die Besucher Ihrer Seite eine Ahnung, worum es gehen soll.
Wie Sie einen SEO-freundlichen Alt-Tag schreiben
1. Beschreiben Sie die Grafik unter HTML img alt so genau wie möglich.
2. Bleiben Sie beim Alt-Attribut innerhalb der empfohlenen Länge von höchstens 125 Zeichen.
3. Bauen Sie dabei mindestens ein Hauptkeyword für die Seite ein.
4. Übertreiben Sie die Keyword-Last nicht – Google straft Nutzer für das sogenannte Keyword-Stuffing ab.
5. Nutzen Sie keine Grafiken, um damit Textblöcke zu ersetzen. Sie können den Inhalt nicht in Form eines Alt-Tags anbringen und verlieren wertvollen Content.
6. Vermeiden Sie Bezeichnungen wie „Abbildung von…“ u.ä. in Alt-Beschreibungen.
7. Bringen Sie Alt-Tags auch an wichtigen Bestandteilen wie Schaltflächen an, etwa Buttons, mit denen sich Besucher registrieren oder eine Beratung anfordern können.
8. Für herausfordernde Grafiken wie Landkarten, Diagramme und ähnliches gibt es spezielle Methoden, die vor allem darauf ausgerichtet sind, für Barrierefreiheit zu sorgen.
So fügen Sie Alt-Tags auf beliebten Website-Plattformen hinzu
Glücklicherweise machen es Content-Plattformen ihren Nutzern relativ leicht, Alt-Attribute zu Grafiken hinzuzufügen – sie fordern Sie sogar ausdrücklich dazu auf und weisen oftmals auf die SEO-Relevanz der Tags hin, damit Sie alle Bilder optimieren können.
Ob auf WordPress oder Wix, in Mailchimp oder Squarespace – überall gibt es im Menü für die Erstellung einer Seite eigene Formulare bzw. Funktionen, mit denen Bilder in Text eingefügt werden. Die Erstellung einer Bildunterschrift und eines Alt-Tags gehört zu den Eingaben, die dabei anfallen.
- Alt Attribute Bilder WordPress: In der Seitenvorlage öffnet sich im rechten Bildbereich ein Feld, das die Auswahl der gewünschten Grafik ermöglicht. In Feldern darunter wird der Bild- und auch der Alt-Text eingefügt.
- Wix: Im Wix Editor klicken Sie auf eine beliebige Grafik und dann auf „Einstellungen“. Nun können Sie unter „Beschreibung“ einen Alt-Tag hinzufügen. Klicke auf das Bild.
- Squarespace: Nach einem Klick auf den Inhalts-Tab können Sie das Bild auswählen, das einen Alt-Tag erhalten soll. Auch hier klicken Sie, scrollen dann herunter zu dem Eingabefeld für das Attribut und inserieren hier die Bildbeschreibung.
Übrigens: In den meisten Content-Management-Systemen können Sie neben den Alt-Tags auch Tags für den Mouseover eingeben – die kleinen Textschnipsel, die auftauchen, wenn Sie mit dem Mauszeiger über ein Bild gleiten!
Beispiel für gute und schlechte Alt-Tags
Wie gute Alt Attribute Bilder aussehen, und was Sie besser vermeiden sollten, können Sie besonders leicht nachvollziehen, wenn Sie Blogs und Portale für Rezepte aufsuchen. Die meisten Anleitungen sind gut bebildert, doch wenn Sie hinter die Kulissen bzw. in den HTML-Code schauen, stellen Sie schnell fest, wo die Alt-Attribute verbesserungsbedürftig sind.
Beispiel: Das Foto zeigt ein farbenfrohes Gericht der asiatischen Küche, die einzelnen Zutaten sind gut erkennbar.
HTML Alt-Attribute: alt=“chinesisches_hähnchen“
Das ist nicht besonders aussagekräftig – als menschlicher Besucher, der einen Screenreader nutzt, würden Sie sich nicht unbedingt ein Hühnergericht, sondern vielleicht sogar ein lebendes Huhn vorstellen, irgendwo in China. Besser geht es so:
HTML Alt-Attribute: alt=“scharfes chinesisches Hähnchen mit Zwiebeln und rotem Chili in einer Porzellanschale“
Schon besser, nicht wahr? Auf dieser Grundlage können Sie das Gericht gut visualisieren. Daher empfehlen Experten für das Image SEO Alt-Texte nach der Vorgabe: Sag mir, was du siehst!
Bilder optimieren: FAQ
Was ist ein Alt-Text?
Alt Attribute sind alternative Beschreibungen, die anstelle einer Grafik angezeigt oder vorgelesen werden. So verdeutlicht der Alt Tag Bilder.
Gelten Alt-Attribute für jedes Bildformat?
Ja, Sie können den Tag Image Alt für die ganze Bandbreite der gängigen Grafik-Formate nutzen – nur wenn ein Bild keine Funktion hat, kann der img alt tag SEO leer bleiben.
Sind Alt-Text und Titeltext (Titel-Tag) unterschiedlich?
Während das Alt-Attribut ein Stellvertreter für eine Grafik ist, sind Title Tags die Titel einer Seite, die unter anderem in der Überschrift oder den Tabs im Browser angezeigt werden. Die Stellvertretertexte benötigen ein eigenes Alt Attribute SEO.
Warum sind Alt-Tags wichtig für SEO?
Ein Alt Tag HTML machen die Inhalte Ihrer Grafiken für die Crawler der Suchmaschinen erkennbar – im Grafikformat sind sie für die Bots „unverdaulich“. Alt Tag SEO gehört zur Optimierung Ihrer Website deshalb unbedingt dazu.
Wie wirken sich Bilder auf den PageSpeed Insights Score aus?
Grafiken können die Ladezeit einer Website verlangsamen und dadurch das Ranking – unter anderem anhand des PageSpeed Insights Scores – verschlechtern. Umgekehrt führt die Kompression der verwendeten Grafiken dazu, dass Seiten deutlich schneller geladen werden, nachdem Sie Bilder fürs Web optimieren.
103 
