Alt-Tag und Title-Tag

Ein Alt-Tag und ein Title-Tag werden dazu verwendet weitere Informationen über in HTML-Dokumenten eingebettete Bilder zu liefern. Der Alt-Tag, sowie der Title-Tag sind unter normalen Umständen nicht für Besucher sichtbar, sondern dienen als Meta-Daten, Ersatz für fehlende Bilder oder für weitere Informationen.

Was ist ein Alt-Tag?

Ein Alt-Tag ist eine zusätzliche Information zu einem Bild auf einer Webseite, welcher als Attribut zu einem img-Tag eingefügt wurde. Der Inhalt eines Alt-Tags beschreibt, was auf dem Bild zu sehen ist. Dabei gilt folgende Richtlinie: Es sollte als Ersatz-Text für das Bild verstanden werden. Bei reinen Text-Browser, die heute eher selten sind, wird statt des Bildes dieser Text angezeigt. Dies gilt für den Alt-Tag auch, wenn das Bild nicht gefunden wird. Wenn das Bild nur zu Verzierung verwendet wird, kann das Alt-Tag auch leer gelassen werden.

Was ist ein Title-Tag?

Der Title-Tag ist eine Ergänzung des Alt-Tag und unterstützt die Beschreibung des Bildes für den Besucher der Webseite. Anders, als das Alt-Tag, wird der Title-Tag bewusst für den Besucher zur Verfügung gestellt. Der Text des Tags erscheint, wenn ein Benutzer mit dem Mauszeiger über das Bild fährt und einen Moment lang stehen bleibt. Die genaue Darstellung des Inhaltes des Tags variiert von Browser zu Browser.

Was ist Bilder-SEO?

Mit Bilder-SEO werden Informationen über ein Bild hinzugefügt und optimiert, um diese für Suchmaschinen (besser) auswertbar zu machen. Dazu kann der Inhalt, in dem das Bild eingebettet ist, für Suchmaschinen besser verstanden und als hilfreicher eingestuft werden. Technisch wird das mit einem Alt-Tag und optional mit einem Title-Tag umgesetzt.

Dabei liegt der Fokus, zumindest bei dem eindeutigen Marktführer Google, bei Auswertung des Inhaltes von dem Alt-Tag. Daher sollte eine starke Gewichtung auf dem Einsetzen und dem korrekten und großzügigem verwenden dieses Tags liegen. Dabei sollte natürlich nicht übertrieben werden, sondern ein Text geschrieben werden, die für Menschen geschrieben ist.

Das "stopfen" von Keywords in ein Alt-Tag werden inzwischen von sehr vielen Suchmaschinen erkannt und als schlecht eingestuft. Dies kann einen negativen Einfluss auf ein gutes Ranking haben. Im schlechtesten Fall wird die Webseite als Spam eingestuft und aus dem Indes geworfen.

Bedeutung von Meta Tags

Meta-Tags, wie das Alt-Tag, liefern Computern und Menschen weiteren Kontext für das vorhandene Medium. Sie unterstützen Rechner dabei Dinge zu verstehen, die sie eigentlich nicht verstehen können: Zum Beispiel unterstützt ein Alt-Tag dabei die Bedeutung eines Bildes korrekt einzuordnen, in dem es darin beschrieben steht.

Beispiele für Meta-Tags

Beispiel für einen Tag für ein gesamtes Dokument
< title ›Der Einsatz von Alt-Tags als SEO-Maßnahme| Webseitenname< /title ›

Beispiel für ein Meta-Tag für das Einstellen der Sprache des gesamten Dokuments
< meta http-equiv="language" content="de">

Beispiel für ein Meta-Tag für die Beschreibung einer Webseite (kann bei Suchmaschinen als Vorschautext verwendet werden)
<meta name="description" content="Beschreibung der aktuellen Webseite auf dieser Web-Adresse">

Beispiel für ein Meta-Tag, welches die mobile Darstellung steuert
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">

Bedeutung für die Suchmaschinenoptimierung

Meta-Tags werden verwendet, um den Inhalt der Webseite korrekt einzuordnen. Damit kann eine Suchmaschine die Relevanz des Inhaltes (Text, Bild usw.) überhaupt verstehen und somit eine Entscheidung treffen, welchen Inhalt diese dem Benutzer überhaupt gezeigt werden soll.