Loading...

Seitentitel in HTML verwenden

Der Seitentitel wird im Browser-Tab angezeigt, wenn ein Benutzer deine Seite besucht. Auch wenn er nicht im sichtbaren Inhalt erscheint, ist er entscheidend für die Benutzererfahrung und die Suchmaschinenoptimierung (SEO).

Das <title>-Tag verwenden

Das <title>-Element wird im <head>-Bereich platziert und enthält einen einfachen Textwert, der den Seitentitel darstellt.

html

<head>
  <title>My First Webpage</title>
</head>

Wo erscheint der Seitentitel?

Der angegebene Titel wird im Browser-Tab angezeigt, wenn die Seite geöffnet ist, und erscheint auch beim Hinzufügen der Seite zu den Lesezeichen.

Platzierung im Dokument

Das <title>-Tag sollte nur einmal in einem HTML-Dokument vorkommen und muss im <head>-Bereich platziert werden. Hier ist ein Beispiel für eine Seite mit Titel:

html

<!DOCTYPE html>
<html>
  <head>
    <title>Portfolio | Anna Kovács</title>
  </head>
  <body>
    <h1>Welcome to my page!</h1>
  </body>
</html>

Wo sollte man keinen Titel platzieren?

Das <title>-Tag ist nur im <head>-Bereich gültig. Wenn es im <body> platziert wird, hat es keine Wirkung und kann Validierungsfehler verursachen. HTML folgt strikten Regeln – setze den Titel immer in den <head>.

Tipps für gute Titel

Verwende kurze, aber aussagekräftige Formulierungen. Integriere Schlüsselwörter, aber schreibe auch für Menschen – sie sehen diesen Text zuerst. Zum Beispiel: 'HTML-Kurs für Einsteiger – ReadyTools' ist besser als nur 'Startseite'.

Warum ist es wichtig für SEO?

Suchmaschinen verwenden den Inhalt des Titels beim Ranking von Seiten. Ein gut geschriebener, keywordreicher Titel kann die Sichtbarkeit in den Suchergebnissen verbessern.

Häufige Fehler

Häufige Fehler sind: das <title>-Tag weglassen, einen zu langen oder nichtssagenden Titel verwenden oder denselben Titel auf jeder Seite wiederholen – das schadet der SEO-Leistung.

Was ist die ideale Länge für einen Titel?

Die meisten Browser und Suchmaschinen zeigen 50–60 Zeichen des Titels an. Es ist am besten, innerhalb dieses Bereichs zu bleiben, um ein Abschneiden zu vermeiden.

Verfolge deinen Fortschritt 🚀

Lerne einfacher, indem du deinen Fortschritt kostenlos verfolgst.


Top-Werkzeuge

CodeHubBoardly NEULinksy NEUChromo NEU

Sprache wählen

Thema wählen

© 2025 ReadyTools. Alle Rechte vorbehalten.