Title-Tag: richtige Länge in Pixeln und guter Aufbau

Was ist der Title-Tag?

Der Title-Tag ist das HTML-Element <title> im Kopfbereich einer Seite. Er gibt der Seite einen Namen. Browser zeigen ihn im Tab und in Lesezeichen. Google verwendet ihn, neben anderen Quellen, für die Überschrift Ihres Suchergebnisses.

Der Title steht im <head> und ist auf der Seite selbst nicht sichtbar. Laut HTML-Standard darf ein Dokument höchstens ein <title>-Element enthalten.

<head>
  <meta charset="utf-8">
  <title>Zahnreinigung in Graz – Zahnarztpraxis Muster</title>
</head>

Der Title ist nicht dasselbe wie die Hauptüberschrift (H1). Laut HTML-Standard soll der Title auch ohne Zusammenhang verständlich sein, etwa im Verlauf, in Lesezeichen oder in Suchergebnissen. Die H1 steht dagegen auf der Seite und darf sich auf das Umfeld stützen. Mehr dazu lesen Sie im Artikel über Überschriften.

Warum ist der Title so wichtig?

Der Title entscheidet mit, ob jemand Ihr Suchergebnis anklickt. Google beschreibt die Überschrift eines Suchtreffers als oft wichtigste Information, nach der Menschen ein Ergebnis auswählen.

Google erzeugt diese Überschrift, den sogenannten Title-Link, vollautomatisch. Dafür zieht Google mehrere Quellen heran:

• den Inhalt des <title>-Elements,
• den sichtbaren Haupttitel und Überschriften wie die H1,
• den Titel für soziale Netzwerke aus dem Open Graph (og:title) und andere große, auffällige Texte,
• Linktexte auf der Seite und in Links, die auf die Seite zeigen,
• strukturierte Daten vom Typ WebSite.

Den Title steuern Sie direkt. Er ist daher Ihr wichtigster Hebel für ein gutes Suchergebnis. Auch für Barrierefreiheit zählt er: Die WCAG verlangen auf Stufe A, dass Seiten einen Titel haben, der Thema oder Zweck beschreibt (Erfolgskriterium 2.4.2). Wer mit einem Screenreader unterwegs ist, liest häufig zuerst den Title, um zu erkennen, worum es auf der Seite geht.

Für die KI-Übersichten der Google-Suche gelten laut Google keine zusätzlichen Anforderungen. Eine Seite muss indexiert sein und mit einem Textauszug erscheinen dürfen. Was das für ChatGPT, Perplexity und Co. bedeutet, erklärt der Artikel zur KI-Sichtbarkeit.

Wie lang darf ein Title sein?

Google legt keine Höchstlänge fest, kürzt den Title-Link aber nach Bedarf, meist auf die Breite des Geräts. Entscheidend ist deshalb die Breite in Pixeln, nicht die Zahl der Zeichen. Auffindig empfiehlt höchstens 580 px und mindestens 30 Zeichen.

Warum Pixel statt Zeichen?

Buchstaben sind unterschiedlich breit. Ein großes „W“ braucht mehr als viermal so viel Platz wie ein kleines „i“. Zehn Zeichen können daher 44 px oder 189 px breit sein. Großbuchstaben, „m“ und „w“ machen einen Title schnell zu lang. Bei normalem deutschem Text passen in 580 px meist etwa 60 bis 65 Zeichen.

Auffindig misst die Breite mit den Zeichenbreiten der Schrift Arial in 20 px Größe. Das ist eine Näherung: Google nennt weder eine Schrift noch eine feste Grenze. Auf schmalen Bildschirmen kann die Darstellung zudem anders ausfallen. Die 580 px sind deshalb ein Richtwert mit etwas Sicherheitsabstand.

Die dritte und die vierte Zeile zeigen den Unterschied: Beide Titles haben 45 Zeichen, doch die Fassung in Großbuchstaben ist rund 130 px breiter. Stellen Sie die wichtigsten Begriffe an den Anfang. Wird gekürzt, fällt dann nur das Ende weg, meist der Markenname. Die Breite Ihres Entwurfs messen Sie mit dem SERP-Snippet-Generator, der Suchergebnis-Vorschau von Auffindig.

Wie baue ich einen guten Title auf?

Ein guter Title beschreibt den Inhalt genau dieser Seite, nennt den wichtigsten Begriff zuerst und den Markennamen kurz am Ende. Jede Seite braucht einen eigenen Title.

Google empfiehlt, den Markennamen am Anfang oder Ende anzufügen und mit einem Trennzeichen abzusetzen, etwa mit Bindestrich, Doppelpunkt oder senkrechtem Strich. Bewährt haben sich diese Muster:

<title>Zahnarzt Graz, Zahnarzt in Graz, Zahnärzte Graz | Zahnarzt</title>

<title>Zahnreinigung in Graz – Zahnarztpraxis Muster</title>

Diese Regeln prüft Auffindig auf jeder Seite:

• Es gibt genau einen Title, und er ist nicht leer.
• Kein Begriff kommt doppelt vor. Google rät ausdrücklich davon ab, dieselben Wörter mehrfach in den Title zu packen.
• Höchstens zwei Trennzeichen, damit der Title nicht zerfällt.
• Normale Groß- und Kleinschreibung statt durchgehender Großbuchstaben.
• Kein Standardtitel wie „Home“, „Startseite“ oder „Neue Seite“. Auch Google rät von vagen Bezeichnungen wie „Home“ ab.

Achten Sie außerdem darauf, dass Title und H1 dasselbe Thema nennen. Die Formulierung darf sich unterscheiden. Halten Sie Jahreszahlen aktuell, etwa bei Terminen, Preislisten oder Aktionen.

Warum schreibt Google meinen Title um?

Google weicht vom Title ab, wenn es auf der Seite ein Problem erkennt. Typisch sind halb leere, veraltete oder ungenaue Titles und solche, die auf vielen Seiten gleich lauten. Von Hand ändert Google Title-Links nicht. Sie können nur Ihren Title verbessern.

Ist eine Seite per robots.txt gesperrt, kann Google ihren Inhalt nicht lesen. Dann bildet Google den Title-Link aus Linktexten anderer Websites. Nach jeder Änderung muss Google die Seite neu abrufen. Das dauert laut Google einige Tage bis einige Wochen. In der Google Search Console können Sie einen neuen Abruf anfordern.

Wo ändere ich den Title in WordPress, Shopify, Wix, Jimdo und TYPO3?

In den meisten Systemen pflegen Sie den Title pro Seite in deren SEO-Einstellungen. Ohne eigenen Eintrag erzeugt das System den Title meist aus dem Seitennamen und dem Namen der Website.

WordPress

Ohne SEO-Plugin setzt WordPress den Title aus dem Titel der Seite und dem „Website-Titel“ zusammen, standardmäßig getrennt durch einen Bindestrich. Auf der Startseite nutzt WordPress den „Website-Titel“ und den „Untertitel“. Beide ändern Sie unter „Einstellungen“ → „Allgemein“. Das gilt für Themes, die den Title von WordPress erzeugen lassen.

Mit dem Plugin Yoast SEO legen Sie den Title je Seite fest:

1. Öffnen Sie die Seite im Editor.
2. Öffnen Sie in der Yoast-SEO-Seitenleiste den Bereich „Darstellung in der Suche“.
3. Tragen Sie den Title im Feld „SEO-Titel“ ein und speichern Sie die Seite.

Shopify

1. Gehen Sie im Shopify-Adminbereich zu „Onlineshop“ → „Seiten“ und klicken Sie auf die Seite.
2. Klicken Sie im Abschnitt „Vorschau des Suchmaschineneintrags“ auf „Website-SEO bearbeiten“.
3. Tragen Sie den Title im Feld „Seitentitel“ ein und klicken Sie auf „Speichern“.

Für die Startseite finden Sie die Felder unter „Onlineshop“ → „Einstellungen“ im Abschnitt „Social-Sharing-Bild und SEO“. Shopify erlaubt bis zu 70 Zeichen und empfiehlt höchstens 60.

Wix

1. Klicken Sie im Wix Editor links auf „Seiten & Menü“.
2. Klicken Sie neben der Seite auf das Symbol „Weitere Aktionen“ und wählen Sie „SEO-Basics“.
3. Tragen Sie den Title im Feld „Title-Tag (Titel in Suchergebnissen)“ ein und klicken Sie auf „Veröffentlichen“.

Jimdo

Im Jimdo Creator klicken Sie im Menü auf „SEO“. Unter „Webseite“ tragen Sie einen allgemeinen Seitentitel für die ganze Website ein, etwa Ihren Firmennamen. Zusätzlich vergeben Sie für jede Unterseite einen individuellen Seitentitel. Fehlt er, zeigt Jimdo den Namen der Unterseite.

TYPO3

Öffnen Sie im Seitenmodul die Eigenschaften der Seite über das Stift-Symbol. Im Reiter „SEO“ tragen Sie den Title ein; die englische Oberfläche nennt das Feld „Title for search engines“. Bleibt es leer, nimmt TYPO3 den normalen Seitentitel. Standardmäßig hängt TYPO3 den Namen der Website mit einem Bindestrich an.