Veröffentlicht: 15.06.2020
Autor Timo Schnalzger

Timo Schnalzger

Content Creator

Inhalt

Interesse an einem Austausch?

Lass uns gerne gemeinsam über Dein Projekt schauen.

Mitarbeiter freut sich über Alt Attribute

ALT ATTRIBUTE: WIE OPTIMIERT MAN DIESE FÜR SUCHMASCHINEN?

Was sind ALT Attribute und wo findet man diese? Warum sind ALT Attribute so wichtig für die SEO Optimierung? In diesem Wiki Artikel findest Du alle Informationen rund um das Thema Alt Attribute.

Digitale Unternehmensberatung mit David Wagner

Mit David auf LinkedIn vernetzen

Was sind Alt Attribute? – Die Definition

Durch ALT-Attribute lassen sich alternative Beschreibungen für eingebundene Bilder angeben, welche durch Suchmaschinen wie Google gelesen und verstanden werden. Bilder und Grafiken gehören mittlerweile zu den elementaren Bestandteilen einer Website. Es lassen sich komplexere Inhalte einfach und übersichtlich darstellen. Allerdings verstehen Suchmaschinen Bilder und Grafiken kaum.

Sie sehen gerade einen Platzhalterinhalt von Standard. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf den Button unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.

Weitere Informationen

Sind Alt Attribute heute noch wichtig?

Klare Antwort, JA! Denn Suchmaschinen können Bilder und Grafiken noch nicht so verstehen, wie ein Mensch das kann. Mit einer passenden Alt Beschreibung hilfst Du also der Suchmaschine dabei, Deine Bilder und damit den thematischen Zusammenhang zum Rest Deines Inhalts besser zu verstehen.

Das Ganze könnt Ihr Euch unter folgendem Link selbst anschauen: https://cloud.google.com/vision/docs/drag-and-drop.

Schnappe Dir dazu ein normales Bild und lade dies hoch. Im folgenden Beispiel haben wir das mit einem klassischen Stockbild versucht. Wie Du sehen kannst, erkennt Google die Abbildung schon sehr genau. So kann die Suchmaschine bereits entscheidende Merkmale im Bild, wie z.B. einen Laptop oder ein Mobiltelefon erkennen. Würdest Du hier als Alt Text etwas über einen Surfer auf dem Meer schreiben, kann Google jetzt schon klar sagen, das ist Quatsch! Langfristig wirkt sich das sicherlich nicht positiv aus. Schreibe daher aussagekräftige Alt Texte, die den Inhalt des Bildes auch tatsächlich wiedergeben.

Übersicht der Alt Attribute

Viele CMS und Website Builder bieten eine einfache Implementierung der ALT Attribute an. Dort lässt sich oft unterhalb von Bildern der Alt-Tag mit dem Alt-Text versehen. Auf Automatismen solltest Du dabei unserer Erfahrung nach aber verzichten. Oft werden hier völlig ohne Konzept Keywords in die ALT Attribute eingestellt. Der ALT Tag ist jedoch nicht nur aus Suchmaschinen Sicht wichtig. Auch für barrierefreie bzw. behindertengerechten Webseiten ist die Darstellung von Bildern ein Problem. Der Einsatz von ALT Attributen löst diese Problematik. Durch den Tag ist es möglich, sich die Beschriftung des Bildes durch Voicebrowser oder Screenreader vorlesen zu lassen. Sehbehinderte Menschen erlangen nur so vollen Zugang zu Ihrer Website. Ein barrierefreies Erlebnis Ihrer Inhalte wird so möglich. Durch die Verwendung von alternativen Texten erhöhen Sie die Usability Ihrer Website. Dies wird sich langfristig positiv auf das Ranking auswirken.

Digitale Unternehmensberatung mit David Wagner

Digitale Unternehmensentwicklung mit langfristiger Erfolgsstrategie.

Geeignete Alt-Texte für das Alt-Attribut

Versehe ein Bild oder eine Grafik immer mit einem hochwertigen ALT-Text. Doch wie sieht dieser aus? Stelle Dir selbst die Frage, welchen Text Du schreiben würdest, wenn es kein Bild gäbe. Gebe dabei den Bildinhalt in kurzen, einfachen Worten wieder. Die Beschreibung des Bildes sollte auch nicht zu lang sein. Das Alt Attribut stellt keine zusätzliche Ergänzung des Inhalts dar. Es soll ganz bewusst nur eine kurze Beschreibung des Inhalts des Bildes sein. Achte beim Schreiben darauf, das ein oder andere Keyword einzubauen. Dieses sollte natürlich auch im Seitentitel und der Meta-Description vorkommen. Das Keyword kannst Du auch im Titel des Bildes verwenden. Hierzu gleich mehr. Beachten Du diese Hinweise beim Einrichten Deiner Alt Attribute, so machst Du es Suchmaschinen leichter den Inhalt Deiner Seite zu verstehen, was sich sicherlich nicht negativ auswirken wird.

Was ist der Title Tag?

Geht man mit dem Mauszeiger über ein Bild wird einem der sog. Title Tag (Title-Attribut) des Bildes angezeigt. Der Title Tag ist der Titel des Bildes. Dieser wird im HTML Code folgendermaßen hinterlegt:

<img src=“Bilddatei.jpd“ alt=“Alternativer Text für das Bild (ALT Attribut)“ title=“Titel für das Bild“>

Auch der Title-tag ist für die Suchmaschinenoptimierung wichtig. So kann Google beim indexieren den Inhalt der Seite noch besser erfassen. Versuche hier mit dem Mausanzeiger über das Bild zu fahren. Der Title tag wird Dir direkt als Tooltip angezeigt. Den Alt-tag aber kannst Du nicht sehen nicht. Dieser wird Nutzern nicht angezeigt.

"Der ALT-Tag ist ein Pflicht-Attribut im HTML Code."

Wie sieht das Alt-Attribut im HTML Code aus?

Der ALT-Tag ist ein Pflicht-Attribut im HTML Code. Oftmals wird ein fehlender Alt-Text zwar ignoriert. Sie sind aber für alle Image Tags einer Seite vorgeschrieben. Oben sehen Sie ein konkretes Beispiel eines vollständigen ALT-Tags. Der Alternativtext (Atl-Text) sollte ein vollwertiger Ersatz für den Inhalt des Bildes enthalten. Es soll also lediglich eine textliche Beschreibung von eingebundenen Bildern erfolgen. Verzichten Sie auf umfangreiche Inhalte und Erläuterungen. Das Alt-Attribut stellt auch keine Bildunterschrift oder Title dar. Ein kurzer und kompakter Text, der genau den Inhalt des Bildes beschreibt: img src=“Bilddatei.jpd“ alt=“Alternativer Text für das Bild (ALT Attribut)“

Digitale Unternehmensentwicklung mit langfristiger Erfolgsstrategie.

Zusammenfassung: Alt Attribut

Alt-Attribute sind ein integraler Bestandteil einer behindertengerechten Website. Den Inhalt eines Bildes mit einem korrekten Alt-Attribut zu versehen, ist aber nicht wichtig, damit sehbehinderte Besucher Deiner Seite sich auf ihr orientieren können, sondern sie sind auch für die Suchmaschinenoptimierung relevant. Google erkennt mittlerweile recht gut, was auf einem Bild zu sehen ist. Darum solltest Du niemals ein Alt Attribut wählen, das offensichtlich nicht zum Bild passt.

Timo Schnalzger

SEO//Content Creator
Timo war schon immer von Texten und Literatur fasziniert. Als Content-Redakteur bei //H&W taucht er tief in die verschiedensten Themenbereiche ein, um für unsere Kunden fundierte Texte mit echtem Mehrwert zu kreieren. Außerdem erklärt er in unseren Wiki-Videos verschiedenste Begriffe aus dem SEO-Universum.

0 Kommentare