2.6. Title-, Meta- und Alt-Angaben überprüfen

1 Übung · ca. 14 Minuten

Start > Online-Kurs > 2. Grundlegende Anwendungen > 2.6. Title-, Meta- und Alt-Angaben überprüfen

Was sind Title-Tags?

Das Title-Tag ist ein HTML-Element, welches im Head-Bereich einer Webseite platziert wird. Es dient dazu, dem HTML-Dokument einen Titel zu geben. Dieser Titel wird Besuchern nicht direkt auf der Seite angezeigt, ist aber im Browserfenster in der Tab-Leiste sichtbar. Für Suchmaschinen bieten Title-Tags eine inhaltliche Orientierung. Die Texte innerhalb es Title-Tags werden ausgelesen und für das Ranking in Hinblick auf Thema und Relevanz einbezogen.

So kann ein Title-Tag im Quellcode aussehen:

  <title>Mobilfunktarife im Vergleich | Mobilfunk-Willy24.de</title>

Der Text innerhalb des Title-Tags sollte den Inhalt einer Seite möglichst prägnant beschreiben. Gelingt das, ist auch die Wahrscheinlichkeit hoch, dass Google das Title-Tag als Überschrift für ein Suchergebnis mit dieser Seite ausgibt.

Ziel sollte es sein, Besuchern und Suchmaschinen eine Vorstellung davon zu geben, worum es auf der Seite geht. Dabei ist es wichtig, dass auch hier einzigartige Texte verfasst werden: Für jede Seite einer Website sollte idealerweise ein eigenständiger Seitentitel existieren. Der darf übrigens auch nicht zu lang sein, weil in den Suchergebnissen sonst nur einen begrenzter Textausschnitt angezeigt wird.

Weitere Informationen
Sistrix – Title Tag: Was ist er und wie nutze ich ihn?

Was sind Meta-Tags?

Meta-Tags sind ebenfalls HTML-Elemente, die im Head-Bereich einer Webseite platziert werden und dazu dienen, ergänzende Informationen über die Seite bereitzustellen. Sie sind für Besucher vollständig unsichtbar, werden aber von den Suchmaschinen ausgelesen und verarbeitet.

Meta-Tags erfüllen sehr unterschiedliche Aufgaben. Wichtige Beispiele sind:

  • Description-Tag
    Beschreibt den Inhalt der Seite in wenigen Worten. Dieser Text wird oft von Suchmaschinen als Teil des Suchergebnisses angezeigt. Auch hier gilt: Der Text sollte einzigartig sein, sich innerhalb der Website also nicht wiederholen und nicht zu lang

  • Keywords-Tag
    Enthält eine Liste von Schlüsselwörtern, die den Inhalt der Seite beschreiben. Dieses Tag wurde in der Vergangenheit viel missbraucht und hat seit vielen Jahren keine Bedeutung für die Suchmaschinenoptimierung.

  • Robots-Tag
    Es gibt an, ob Suchmaschinen die Seite indexieren und/oder den Links auf der Seite folgen sollen.

Wichtig: Nicht alle Meta-Tags werden von allen Suchmaschinen ausgelesen und verarbeitet.

Weitere Informationen
Google – Von Google unterstützte Meta-Tags und Attribute

Was sind Alt-Attribute?

Alt-Attribute (häufig fälschlicherweise als Alt-Tags bezeichnet) sind HTML-Attribute, die für Bilder verwendet werden, um alternative Textbeschreibungen bereitzustellen. Das Alt-Attribut gibt eine Beschreibung des Bildinhalts an, die von Screenreadern für Sehbehinderte und Suchmaschinen verwendet wird, um den Inhalt der Bilder zu verstehen.

Ein typisches Beispiel für ein Alt-Attribut sieht so aus:

<img src="bild.jpg" alt="Eine Gruppe von Menschen beim Picknick im Park">

In diesem Beispiel gibt das Alt-Attribut eine Beschreibung des Bildinhalts an. Wenn das Bild nicht geladen werden kann oder der Besucher eine Sehbehinderung hat, kann der alternative Text dem Benutzer helfen, den Inhalt der Seite zu verstehen. Wenn das Bild geladen wird, wird der alternative Text in der Regel nicht sichtbar angezeigt, sondern dient lediglich als Ersatz für den Bildinhalt.

Wichtig: Alt-Attribute sind nicht nur für die Zugänglichkeit wichtig. Sie spielen auch eine Rolle in der Suchmaschinenoptimierung. Suchmaschinen verwenden die Alt-Attribute, um den Inhalt von Bildern verstehen zu können. Daher helfen aussagekräftige Alt-Attribute auch bei der Bestimmung der Relevanz einer Seite für bestimmte Suchanfragen.

Weitere Informationen
Ryte – Was ist ein ALT-Attribut (ALT-Tag)?

Letzte Aktualisierung: 17.05.2023

Du möchtest weiterlesen?

Du kannst Dich kostenlos registrieren und anschließend auf alle Inhalte im Online-Kurs zugreifen.
Du hast schon einen Account? Dann melde Dich an.