Skip to main content

Alt-Tag und Title-Tag


PDF herunterladen

Definition ALT-TAG

Der Alt-Tag (für “Alternativer Tag”) wird von Suchmaschinen verwendet, falls Bilder oder Grafiken einmal nicht angezeigt werden. Der hinterlegte Alternativtext ist eine kurze Beschreibung des nicht geladenen Bildes. Er gehört zu den Meta-Angaben und ist für den User nicht sichtbar.

Der Code für den Alt-Tag wird als HTML-Element im Quelltext für eine Bilddatei hinterlegt. Dabei ist es entscheidend doppelte Kodierungszeichen anstatt einfacher Anführungszeichen zu verwenden:

<img src=”bildtitel.jpg” alt=”Mehr Informationen zum Bild”>

Die meisten CMS bieten eine automatische Implementierung des Alt-Tags an. Bei der Beschriftung ist darauf zu achten, das Hauptkeyword zu nennen und eine möglichst kurze und sinnvolle Beschreibungen zu wählen. Keyword Stuffing wird nicht empfohlen! Google könnte die gehäufte Verwendung von Schlüsselwörtern als Spamming ansehen.

alt tag
Alt-Tag in der Übersicht

Der Alt-Tag ist aus Usability Sicht unverzichtbar. Sehbehinderte Menschen erlangen so barrierefreien Zugang zu allen Inhalten, denn der Alt-Tag ermöglicht Screenreadern bzw. Voicebrowsern den Informationsgehalt des Bildes vorzulesen. Diese Technik wird in Zukunft immer wichtiger werden und Barrierefreiheit wird von Google auch belohnt. [1]

Was sind ALT Attribute?

ALT Attribute sind Teil des HTML Standards mit denen sich Alternativtexte für in die Webseiten eingebundene Bilder angeben lassen. ALT Attribute spielen vor allem bei der Optimierung für barrierefreie Internetseiten eine wichtige Rolle, da Screenreader die ALT Attribute anstelle der Bilder vorlesen. [2]

Dazu dient der Alternativtext

ALT Attribute dienen in erster Linie dazu, eine textliche Alternative zum Bild bereitzustellen. Webbrowser und andere Programme nutzen diesen Alternativtext, falls sich das entsprechende Bild oder die entsprechende Grafik nicht korrekt interpretieren lässt. So gehen keine Informationen verloren und dem User wird mitgeteilt, worum es in der Grafik oder in dem Bild geht.

Das ALT Attribut ist auch als Alternativtext bekannt und beschreibt in Worten, was auf einem Bild oder einer Grafik zu sehen ist. Das Grundprinzip ist hier, dass der User, der das Internet mit Screenreadern besucht, Webseiten ohne Fremde Hilfe und uneingeschränkt wahrnehmen kann. Der eingefügte Alternativtext sollte zudem einen Umfang von 40-80 Zeichen nicht überschreiten, da so die Darstellung des Texts mit ein bis zwei Zeilen auch für blinde Menschen übersichtlich bleibt. [3]

Bilder können aus verschiedenen Gründen nicht angezeigt werden

Generell können auch sehende Menschen den Inhalt des Bildes so wahrnehmen, falls ein Bild aus bestimmten Gründen nicht angezeigt werden kann. Solche Gründe sind beispielsweise ein veralteter Browser, der bestimmte Bilddateien nicht interpretieren kann oder ein aktivierter Trackingschutz bei Browsern wie dem Internet Explorer. Zudem verfügen manche Browser, wie Mozilla Firefox über eine Funktion, die das Anzeigen von Bildgrafiken gezielt verhindern.

Eine weitere Ursache dafür, dass Bilder oder Grafiken nicht angezeigt werden kann außerdem ein defekter Link zur Bilddatei sein. Dafür ist möglicherweise eine defekte URL zur Bildressource verantwortlich. [4]

Das ALT-Attribut und SEO

Für Suchmaschinen ist das Alt-Attribut wichtig, um den Inhalt des Bildes zuzuordnen. Suchmaschinen Robots können ein Bild nicht erfassen und indizieren. Sie brauchen aussagekräftige Texte, die der Crawler finden und verwerten kann. Die richtige Kennzeichnung der Bilder gehört zu einer professionellen OnPage Arbeit. Wer seine User durch fehlende Alt-Tags im Problemfall irritiert, muss mit dem Verlassen der Seite rechnen. Häufig wird das Alt-Attribut auch dafür benutzt, bei der Bildersuche von Google gut zu ranken.

Title-Attribut bei Bildern

Der Title-Tag eines Bildes, ist der Titel der angezeigt wird, wenn man mit dem Mauszeiger auf dem Bild stehenbleibt. Der Title-Tag wird wie folgt im HTML-Format an einem Bild oder einer Datei hinterlegt:

<img src=”Bildtitel.jpg” alt=”mehr Informationen zum Bild” title=”das wird angezeigt wenn man mit der Maus drüberfährt”>

Ähnlich wie der Alt-Tag, ist der Titel-Tag für die Suchmaschinenoptimierung wichtig, damit Google den Inhalt der Seite und des Bildes besser erfassen und genauer indexieren kann.

Definition Title-Tag

Der Title-Tag ist ein unverzichtbarer Teil einer jeden HTML Seite. Der im Browser angezeigte Seitentitel ist für jede URL individuell zu setzen. Bei der Indexierung einer Seite beachtet Google auch die Title-Tags. Ein kurzer aussagekräftiger Text hilft beim hohen Ranking in den SERP´s und verleitet den User die Website zu besuchen.

Im HTML Code sieht der Title-Tag im <head> Bereich und sieht wie folgt aus: [5]

<head><title>Online Marketing Dresden – SEO Küche Internetagentur</TITLE>< /head>

title tag erklärung
Der Title-Tag kurz erklärt.

Title-Tag Optimierung

Die präzise Beschriftung aller Title-Tags ist das A und O der Suchmaschinenoptimierung. Es gilt jeder URL einen einzigartigen individuellen Title-Tag zu geben. Für Google ist dies ein maßgeblicher Rankingfaktor.

Die Title-Tag Länge kann über Erfolg und Misserfolg der Optimierung entscheiden. Die alte Regel, dass er nicht länger als 70 Zeichen sein darf, ist längst durch Google Updates außer Kraft gesetzt. Der Umfang des Titel-Tag wird nun in Pixeln berechnet. Das heißt die Buchstaben des Titles dürfen eine Gesamtbreite nicht überschreiten, sonst wird er mittendrin gekürzt und schreckt den potenziellen Besucher der Seite vielleicht ab.

Der potenzielle Besucher der Seite sollte auf natürlichem Wege gut informiert werden. Eine unnatürliche Aufzählung aller Keywords ist nicht aussagekräftig und somit kontraproduktiv, da Google es als Keyword Stuffing erkennen wird.

Da der Title-Tag in den Snippets der SERP´s zu sehen ist, können User hier bestens vorab über das zu Erwartende informiert werden. [6]

Beispiel:

Beispiel für alt tag und title tag

Jetzt den SEO-Küche-Newsletter abonnieren

Ähnliche Artikel

Semiotik

Was ist Semiotik? Definition und Erklärung Semiotik ist die Wissenschaft bzw. Lehre von den Zeichen und Zeichensystemen. Sie befasst sich mit der Untersuchung, wie Bedeutungen erzeugt und vermittelt werden. Die Semiotik erforscht alle Arten von Zeichen, von Wörtern und Bildern bis hin zu Gesten und Symbolen, und wie diese in […]

TikTok

Was ist TikTok? TikTok ist eine Social-Media-Plattform, die vom chinesischen Technologieunternehmen ByteDance betrieben wird. Das Videoportal wurde im September 2016 eingeführt und ist als mobile App für die Betriebssysteme Android und iOS verfügbar. TikTok hat sich weltweit zu einem kulturellen Phänomen entwickelt und wird von einer breiten Zielgruppe begeistert angenommen, […]

StartPage

Was ist die StartPage? StartPage ist eine Suchmaschine, welche die eingegebenen Suchanfragen der User an Google weiterleitet und dadurch anonymisiert die Suchergebnisse anzeigt. Startpage will damit den Datenschutz ihrer Nutzer gewährleisten und verfolgt einen ähnlichen Weg wie Ixquick. Die datenschutzfreundliche Suchmaschine StartPage ist eine Suchmaschine im Internet, die im Jahr […]

Webhosting

Was ist ein Webhosting? Unter Webhosting wird die Bereitstellung von Webspace sowie die Unterbringung (Hosting) von Websites auf dem Server eines Internet Service Providers (ISP) bezeichnet. Webhosting ist ein Internetdienst, der es ermöglicht, eine Website oder Webseite im Internet zu erstellen, zu veröffentlichen und zu verwalten. Webhosting: Definition Ein Webhosting-Anbieter, […]

ChatGPT

Was ist ChatGPT? ChatGPT ist ein sprach- und textbasierter Chatbot, welcher vom US-amerikanischen Unternehmen OpenAI entwickelt und im November 2022 veröffentlicht wurde. Die KI basiert auf einem innovativen Sprachmodell, das menschliche Kommunikation simuliert. ChatGPT: Definition ChatGPT versteht Texteingaben in natürlicher Sprache und produziert Antworten zu verschiedensten Themen. Dabei kann das […]

Native Advertising

Was ist Native Advertising und was sind Native Ads? Native Advertising (zu Deutsch „Werbung im bekannten Umfeld“) bezeichnet eine subtile Form der Werbung, bei der gezielt Inhalte präsentiert werden, die sich nahtlos in den Kontext einer Website einfügen. Im Fokus dieser Werbeform steht die Verschmelzung von werblichen Botschaften mit den […]