Zum Inhalt springen

HTML <title>-Tag

Das <title>-Tag definiert den Titel eines HTML-Dokuments. Ein Titel-Tag muss eine präzise Beschreibung des Seiteninhalts sein. Der Titel wird in der Browser-Symbolleiste und auf den Suchmaschinen-Ergebnisseiten (SERPs) als anklickbare Überschrift angezeigt.

Der Inhalt des Titels ist eine wichtige Komponente, die Suchmaschinenalgorithmen verwenden, um die Reihenfolge des Erscheinens von Listen-Seiten in Suchergebnissen zu bestimmen.

Ein optimiertes Titel-Tag erhöht das Ranking auf SERPs und die Klickrate (CTR).

Titel-Tags werden verwendet für:

  • den kurzen Titel und die Beschreibung einer Seite, die oben im Browserfenster angezeigt wird,
  • das Ranking in Suchmaschinen,
  • den Standardnamen für vom Benutzer erstellte Lesezeichen,
  • die Link-Überschrift bei der Freigabe in sozialen Medien,
  • die anklickbare Überschrift.

TIP

Der Titel sollte Schlüsselwörter enthalten, damit Suchmaschinen die Seite für relevante Suchanfragen einordnen.

In einem HTML-Dokument sollte sich nur ein <title>-Element befinden, das im <head>-Bereich liegt.

Hier sind einige Tipps zum Erstellen guter Titel:

  • Vermeiden Sie die Verwendung von Titeln mit nur einem oder zwei Wörtern. Stattdessen können Sie eine beschreibende Phrase verwenden.
  • Vermeiden Sie nach Möglichkeit Sonderzeichen, da diese von Browsern unterschiedlich dargestellt werden können.
  • Suchmaschinen zeigen in der Regel etwa 55–60 Zeichen eines Titels an. Stellen Sie bei längeren Titeln sicher, dass die wichtigen Teile am Anfang stehen.
  • Vermeiden Sie die Verwendung einer bloßen Wortliste als Titel.
  • Stellen Sie sicher, dass der Titel auf Ihrer Website eindeutig ist.

Syntax

Das <title>-Element kommt in Paaren vor. Der Inhalt wird zwischen dem öffnenden (<title>) und dem schließenden (</title>) Tag geschrieben.

Beispiel für das HTML <title>-Tag:

HTML <title>-Tag

html
<!DOCTYPE html>
<html>
  <head>
    <title>W3Docs - learn HTML, CSS, PHP, JavaScript online.</title>
  </head>
  <body>
    <p>The main content of the page.</p>
  </body>
</html>

Ergebnis

Beispiel für title

Attribute

Das <title>-Tag unterstützt die Globalen Attribute.

Praxis

Was ist laut den Informationen auf W3Docs über das HTML title-Tag wahr?

Finden Sie das nützlich?

Dual-run-Vorschau — vergleichen Sie mit den Symfony-Routen live.