Alt Tag
Alt Tags sind Alternativtexte für fehlende Bilder und Grafiken auf einer Webseite. Benötigt eine Grafik längere Zeit zum Laden oder erscheint das Bild aus technischen Gründen später, dann erscheint genau dieser Text anstelle des Bildes. Die Gründe für eine fehlende Bildanzeige sind vielfältig. Hierfür verantwortlich ist möglicherweise eine defekte URL. Es kann auch sein, dass sich bestimmte Bilddateien nicht interpretieren lassen. Auch ein defekter Link zur Bilddatei verursacht Probleme. Doch wie dem auch sei, das Alt Attribut dient nicht nur als Platzhalter, sondern fördert auch die Barrierefreiheit. Außerdem sind Alt Tags für die SEO und Weblinks enorm wichtig.
Was ist ein ALT-Tag & Bedeutung für SEO
Images Alt Texte beziehungsweise ALT-Tags spielen bei der Suchmaschinenoptimierung eine Rolle und wenn in den Browsern Grafiken und Bilder nicht sofort korrekt anzeigt werden. Der Nutzer bekommt statt der Bilder einen alternativen Text zu lesen. Dieser beschreibt zumeist den Inhalt des Bildes. Es handelt sich beim Alt Tag somit um eine Bildbeschreibung.
Lesetipp: Mehr zum Thema
SEO
Für was ist ein Alt Tag außerdem gut? Sehbehinderte und blinde Menschen profitieren von dem Alternate Text in besonderer Weise, denn er gibt ihnen die Chance für ein barrierefreies Interagieren. Der Alt Tag macht es möglich, dass Voicebrowser und Screenreader die Beschreibung des Bildes vorlesen. Die Barrierefreiheit gehört zu den Faktoren, die Google und andere Suchmaschinen mit einem besseren Ranking belohnen. In diesem Sinne dienen die Alt Tags der SEO und somit der Optimierung der Webseite. Es macht immer Sinn, Img Alt Attribute zu hinterlegen.
ALT-Tag und SEO: Wie beeinflusst der Alternativtext das Ranking?
Bildoptimierung
Es gibt einen engen Zusammenhang zwischen ALT-Tags für Bilder und der Suchmaschinenoptimierung. Der Alternate Text ist in Bezug auf SEO wichtig, um mit dem ALT Tag Bilder und deren Inhalt zuzuordnen. Die Robots der Suchmaschinen sind nicht dazu in der Lage, Bilder zu erfassen und zu indizieren. Sie benötigen für die Bildersuche aussagekräftige Texte in Form einer Bildunterschrift. Fehlen Images Alt Texte beziehungsweise ALT-Tags für die Bilder, dann verlassen viele User vorschnell die Seite. Der Alternate Text spielt eine entscheidende Rolle bei der Bildersuche von Google. Mit den richtigen Keywords können Alt-Texte das Ranking deutlich verbessern.
Lesetipp: Mehr zum Thema Meta-Titel
Von großer Bedeutung ist die Verwendung von Schlüsselwörtern im ALT-Text für eine bessere Bildersuche bei Google. Ein Schlüsselwort, auch Keyword genannt, ist ein Wort, das dazu dient, den Inhalt des Bildes präzise zu beschreiben. Google und Co. orientieren sich an dem Alternate Text und insbesondere an den Schlüsselwörtern. Es ist wichtig, dass diese den Bildinhalt exakt beschreibend wiedergeben. Der richtige Einsatz der Schlüsselwörter im ALT-Tag erfolgt im Idealfall ohne Keyword Stuffing. Damit ist die gehäufte Verwendung von Schlüsselwörtern gemeint. Inzwischen erkennen viele Suchmaschinen das manipulative Setzen von Schlüsselwörtern und strafen den Missbrauch von Keywords ab. Das führt zum Misserfolg der Optimierung.
Halte den ALT-Text so kurz wie möglich. Beim Schreiben von ALT-Tags ist wichtig, dass diese alle wichtigen Informationen zum Bild enthalten. Ungenaue Beschreibungen und fehlende ALT-Tags gehören zu den häufigen Fehlern. Den Suchmaschinen ist es nicht möglich, ohne ALT-Tags Bilder zu indizieren. Wird das Bild nicht geladen, erscheint kein Text als Alternative zum Bild. Das irritiert auch die User. Falls ein Bild erst später erscheint, hat der Besucher die Webseite oft schon wieder verlassen. Womöglich ist hierfür eine defekte URL zur Bildressource verantwortlich.
Lesetipp: Mehr zum Thema Online Auftritt
Für die Länge der Alt-Attribute gibt es keine Begrenzung. Dennoch macht es Sinn, die Alt Tags auf 125 Zeichen zu begrenzen. Viele Screenreader schneiden die Alt Attribute bei rund 125 Zeichen ab. In der Regel reichen je nach Inhalt drei bis fünf Wörter, die im Idealfall das Hauptkeyword enthalten.
Beispiele für einen guten Alttag mit präziser Aussage:
- Sonnenuntergang am Strand von Palma de Mallorca
- Schwarze Katze schläft auf Fensterbank
Beispiele für einen schlechten Images Alt Text:
- Sonnenuntergang Meer
- Katze schläft
HTML & CSS
Die Img Alt Tag Codes lassen sich leicht in CMS einfügen. Für die Einbindung von ALT-Tags im HTML-Code gehst Du folgendermaßen vor:
Der Code für den Alttag ist in HTML im Quelltext der Bilddatei hinterlegt. Du verwendest doppelte anstelle von einfachen Kodierungszeichen. Hier ein Beispiel mit Img und Alt: img src=”Titel.jpg” alt=”Bildinformationen”Viele Content-Management-Systeme, beispielsweise WordPress, bieten Dir eine automatische Implementierung des Alt-Attributs. Du kannst das ALT-Tag direkt im CMS oder im Quellcode einpflegen und bearbeiten.
Title-Tag für Bilder
Was ist ein Alt Tag? Die Antwort auf diese Frage kennst Du bereits. Doch was ist ein Title Tag? Nicht nur die Alt-Tags sind SEO relevant, sondern auch der Title Tag. Beim Title-Tag handelt es sich um den Titel, den Du siehst, wenn Du mit dem Mauszeiger auf dem Bild stehenbleibst. Auch den Title Tag hinterlegst Du im HTML-Format. Die Formel für das Title-Attribut enthält Img und Alt und Title.
Lesetipp: Mehr zum Thema Content-Marketing
Während früher die Zeichenanzahl für die Länge des Title-Tags ausschlaggebend war, sind heute die Pixel relevant. Die Buchstaben dürfen die Gesamtbreite nicht überschreiten. Ansonsten kommt es zu einer unschönen Kürzung des Title-Tags.
Anbieter im Vergleich: Website erstellen & ALT Tag einfügen
Wenn Du eine Webseite erstellen und dafür mit Img ein Alt Tag für Bilder oder Bildgrafiken einfügen möchtest, bieten Dir verschiedene Anbieter die Möglichkeit dazu.
IONOS
Bei IONOS funktioniert der Einbau der Bilder auf der Webseite einfach mit dem Img und Alt Tag. Mit dem Homepage-Baukasten gelingt das Gestalten der Webseite intuitiv ohne HTML-Kenntnisse.
Jimdo
Jimdo rät dringend zur Verwendung von ALT-Tags für die SEO. Verzichtest Du darauf, die Bilder, Fotos und Grafiken mit Text zu versehen, dann verwendet Jimdo automatisch den Dateinamen des Bildes.
Wix
Img und Alt Attribute fügst Du im Wix-Editor hinzu, indem Du auf das Symbol „Einstellungen“ klickst und unter „Beschreibung“ den Dateinamen oder besser eine komplette Bildbeschreibung eintippst. Unter „Quickinfo“ verfasst Du den Tooltip-Text, den der User sieht, wenn er mit der Maus über Dein Bild fährt.
Wix Highlights
- Intuitiver Editor
- Umfangreiche KI-Funktionen
- DSGVO-konform
Webador
Der niederländische Webbaukasten Webador lässt sich mithilfe von Drag and Drop einfach bedienen. Auch das Anpassen von ALT-Tags für Bilder ist möglich. Hierfür gehst Du zum Editor und ziehst aus der linken Spalte das Element „Bild“ auf Deine Seite in die gewünschte Position. Du wählst das Bild aus, klickst auf das Zahnrad-Symbol und gibst Dein Alt Attribut ein. Ebenso einfach änderst Du den Dateinamen.
Webador Highlights
- Kostenloser Tarif zum Testen
- Einfache Bedienung
- Unbegrenzter Speicherplatz
Squarespace
Bei Squarespace kannst Du einen ALT-Tag für die SEO hinzufügen. Fügst Du keinen Alttag hinzu, dann fungiert der Dateiname des Bildes als Alternativtext. Davon ausgenommen sind Auto-Layouts und Bild-Blöcke.
ALT-Tag und Barrierefreiheit: Mehr als nur SEO
Dass ALT-Tags für die SEO wichtig sind, ist nur ein Faktor. Wie bereits erwähnt, nutzen die Screenreader die ALT-Tags, um sehbehinderten Nutzern den Inhalt des Alt-Attributs in Form eines Alternativtextes akustisch zu vermitteln. Somit ist die Zugänglichkeit für nahezu jeden Nutzer sichergestellt. Das ist ein wichtiger Schritt in Richtung Barrierefreiheit im Netz.
Fazit – ALT Attribut für Suchmaschinen
Suchmaschine
Was ist ein Alt Tag aus Sicht des Webentwicklers? Alt Tags und SEO gehören zusammen. Ohne Img und Alt Tag findet Google den Inhalt oft nicht. Der Bild-Tag ist deshalb ein wichtiges HTML-Attribut für die Suchmaschinenoptimierung. Das gilt für HTML5 ebenso wie für alle Vorgängerversionen. Oft ist es möglich, Img und Alt Texte direkt im jeweiligen Webeditor einzugeben. Viele Webseitenanbieter weisen immer wieder auf die Bedeutung von Alt-Attribut und SEO hin. Nur so lässt sich ein Bild oder eine Grafik auf einer Website effektiv für die Suchmaschinenoptimierung nutzen.
FAQ: Häufig gestellte Fragen zum Thema ALT Tag
Was ist ein ALT Tag in der Bildoptimierung?
Ein ALT-Tag ist ein HTML-Attribut. Bei dem Attribut handelt es sich um eine textliche Alternative zur Grafik oder zum Bild. Es dient dem Bereitstellen von Informationen, falls sich ein Bild nicht korrekt anzeigen lässt. Img Alt sind Teile des HTML-Codes.
Wie wirkt sich ein ALT-Tag auf die Suchmaschinenoptimierung (SEO) aus?
Alt Tags spielen eine entscheidende Rolle in der SEO. Der Algorithmus von Google und Co. orientiert sich am Alternate Text und kann ohne ALT Tag Bilder nicht erkennen.
Für Menschen mit Sehbehinderung ist das Alt-Attribut wichtig, weil es den Screenreadern ermöglicht, den Inhalt von Bildern vorzulesen. Img Alt Attribute tragen sehr zur Barrierefreiheit bei.
Wie erstelle ich einen guten ALT-Text für meine Bilder?
Halte die Img Alt Texte so kurz wie möglich. Beschreibe den Inhalt des Bildes knapp, präzise und aussagekräftig. Auf jeden Fall ist im ALT-Tag für die SEO das Hauptkeyword zu nennen.
