Title-Tag: optimale Länge, Aufbau und typische Fehler

Warum das wichtig ist

Der Inhalt von <title> steht im Browser-Tab, in Lesezeichen und vor allem als blaue Zeile in den Google-Ergebnissen. Für viele Suchende ist er das Erste, was sie von deiner Firma lesen. Wer dort nur „Startseite“ oder „Home“ sieht, scrollt weiter.

Google nutzt den Titel außerdem, um zu verstehen, worum es auf der Seite geht. Ein klarer Begriff wie „Steuerberater in Rosenheim“ hilft dabei mehr als ein kreativer Slogan. KI-Suchen wie Perplexity oder ChatGPT zeigen ihn oft als Quellenangabe an.

Warum gerade 30 bis 60 Zeichen? Google kürzt nach Pixelbreite. Auf dem Desktop ist bei ungefähr 600 Pixeln Schluss, das sind je nach Buchstaben grob 55 bis 60 Zeichen. Ein „W“ braucht deutlich mehr Platz als ein „i“. Unter 30 Zeichen verschenkst du Raum, den du für einen Ort oder ein Unterscheidungsmerkmal nutzen könntest.

So prüfst du es selbst

Rechtsklick auf die Seite, „Seitenquelltext anzeigen“, dann mit Strg+F nach <title suchen. Was zwischen den beiden Tags steht, ist dein Titel. Zum Zählen reicht jeder Editor mit Zeichenzähler.

Wie Google ihn tatsächlich anzeigt, siehst du mit einer Suche nach site:deinedomain.de. Weicht der angezeigte Titel stark von deinem ab, hat Google ihn umgeschrieben.

Im kostenlosen Check liest checkfrei den Titel automatisch aus und zählt die Zeichen. Unter 30 oder über 60 Zeichen gibt es eine Warnung, fehlt das Element ganz, einen Fehler.

So sieht ein guter Titel aus

Ein Muster, das fast immer funktioniert: Leistung oder Produkt, dann Ort oder Besonderheit, dann die Marke, getrennt durch einen senkrechten Strich. Kennt dich noch niemand beim Namen, sucht auch niemand danach. Die Marke gehört dann nach hinten.

• ·„Zahnarzt in Traunstein | Praxis Huber“ (37 Zeichen)
• ·„Wanderschuhe für Damen kaufen | Bergsport Maier“ (47 Zeichen)
• ·„Hochzeitsfotograf am Chiemsee: Pakete und Preise“ (48 Zeichen)
• ·Schwach: „Home“ oder „Willkommen auf unserer Website“. Das sagt weder Google noch Suchenden, was sie erwartet.

So behebst du es

<head>
  <title>Zahnarzt in Traunstein | Praxis Huber</title>
</head>

// app/layout.tsx
export const metadata = {
  title: { default: "Praxis Huber", template: "%s | Praxis Huber" },
};

// app/leistungen/page.tsx
export const metadata = { title: "Zahnarzt in Traunstein" };

Typische Fehler

Eine ehrliche Einschränkung zum Schluss: Google schreibt Titel manchmal selbst um und nimmt dann zum Beispiel die Hauptüberschrift. Ganz verhindern kannst du das nicht. Je besser Titel und H1-Überschrift zusammenpassen, desto seltener passiert es.

• ·Alle Seiten tragen denselben Titel, meist den Firmennamen. Google kann sie dann kaum auseinanderhalten.
• ·Keyword-Ketten wie „Maler München, Malerbetrieb München, Maler günstig“. Das wirkt unseriös und wird gern umgeschrieben.
• ·Theme und SEO-Plugin geben beide einen Titel aus. Im Quelltext stehen dann zwei <title>-Elemente.
• ·Die Marke hängt doppelt am Ende, etwa „Kontakt | Praxis Huber | Praxis Huber“.