seitenpruefer.de

Ratgeber · grundlagen

Title und Meta-Description richtig setzen

Title und Meta-Description sind das, was Nutzer in den Suchergebnissen sehen. Wie lang sie sein sollten, wie du sie aussagekräftig formulierst und welche häufigen Fehler das Snippet verderben, mit klaren Längenempfehlungen.

Mateusz Viola
Mateusz ViolaBetreiber & Tool-Entwickler
Veröffentlicht am ·Zuletzt geprüft am

Wenn Du in Google nach etwas suchst, siehst Du pro Treffer im Wesentlichen zwei Dinge: eine blaue, anklickbare Überschrift und darunter zwei bis drei Zeilen beschreibenden Text. Genau diese beiden Elemente entscheiden mit darüber, ob jemand auf Deinen Treffer klickt oder auf den der Konkurrenz. Sie kommen aus zwei kleinen HTML-Bausteinen im Kopf Deiner Seite: dem Title-Tag und der Meta-Description.

Beide sind schnell gesetzt und trotzdem eine der lohnendsten Stellschrauben im On-Page-SEO. Ein guter Title kann Rankings verbessern, eine gute Description holt mehr Klicks aus einem bestehenden Ranking. In diesem Ratgeber gehe ich beide der Reihe nach durch, mit Längenempfehlungen, Beispielen und den Fehlern, die ich in der Praxis am häufigsten sehe.

Was der Title-Tag ist

Der Title-Tag steht im <head> Deines HTML-Dokuments und beschreibt den Titel der Seite. Er taucht an mehreren Stellen auf: als anklickbare Überschrift im Suchergebnis (Google nennt das den “Title-Link”), als Beschriftung des Browser-Tabs und als vorgeschlagener Text, wenn jemand Deine Seite als Lesezeichen speichert oder in sozialen Netzwerken teilt.

So sieht er aus:

<head>
  <title>Onlineshop für Kaffee: Bohnen frisch geröstet | Röstwerk Nord</title>
</head>

Wichtig ist der Unterschied zwischen dem Title-Tag und einer sichtbaren Überschrift (<h1>) auf der Seite selbst. Der Title-Tag ist der Titel für Suchmaschine und Browser, die <h1> ist die Hauptüberschrift im sichtbaren Inhalt. Beide dürfen ähnlich sein, müssen aber nicht identisch sein. Der Title darf ruhig etwas kompakter und suchmaschinenfreundlicher formuliert sein.

Der Title-Tag gehört zu den Signalen, die Google für das Verständnis und die Bewertung einer Seite heranzieht. Er ist damit relevanter als die Description, die kein direkter Ranking-Faktor ist.

Längenempfehlung für den Title

Google schneidet zu lange Titel im Suchergebnis ab und ersetzt den Rest durch drei Punkte. Entscheidend ist dabei nicht die reine Zeichenzahl, sondern die verfügbare Pixelbreite im Suchergebnis, denn ein “W” ist breiter als ein “i”. Als praktikabler Richtwert hat sich etwa 50 bis 60 Zeichen eingebürgert. Das ist keine feste Grenze von Google, sondern eine Faustregel, mit der Du auf der sicheren Seite bist, dass der Titel in den meisten Fällen vollständig angezeigt wird.

Das Wichtigste sollte deshalb vorn stehen. Selbst wenn der Titel abgeschnitten wird, transportiert er dann noch die zentrale Aussage.

ElementRichtwertHinweis
Title-Längeca. 50 bis 60 ZeichenFaustregel, Google misst tatsächlich in Pixelbreite
Wichtiges Keywordmöglichst vornüberlebt auch das Abschneiden
Markeggf. hinten, mit Trennerz. B. `
Anzahl pro Seitegenau ein Titlejede URL braucht einen eigenen

Aufbau eines guten Titels

Ein bewährtes Muster ist: das wichtigste Keyword oder die zentrale Aussage zuerst, danach optional eine Konkretisierung und am Ende, wenn Platz ist, der Markenname. Getrennt wird üblicherweise mit einem senkrechten Strich (|), einem Doppelpunkt oder Bindestrich.

<!-- Gut: Keyword vorn, Marke hinten, unter 60 Zeichen -->
<title>Winterreifen 205/55 R16 online kaufen | ReifenProfi</title>

<!-- Gut: klar, spezifisch, beschreibt genau eine Seite -->
<title>Vegane Lasagne: Rezept in 40 Minuten | Kochstudio Basil</title>

Zwei Regeln solltest Du dabei immer einhalten. Erstens: ein Title pro Seite. Jede URL bekommt genau einen <title>, nicht mehrere und keinen geerbten Sammel-Titel. Zweitens: jeder Title sollte eindeutig sein. Zwei verschiedene Seiten mit demselben Titel machen es sowohl den Nutzern als auch Google schwer, sie auseinanderzuhalten.

Die Meta-Description

Die Meta-Description ist der beschreibende Textabschnitt, der im Suchergebnis unter dem Titel erscheint. Sie steht ebenfalls im <head>, allerdings als <meta>-Tag mit dem Attribut name="description":

<head>
  <title>Vegane Lasagne: Rezept in 40 Minuten | Kochstudio Basil</title>
  <meta name="description" content="Cremige vegane Lasagne ohne tierische Produkte, Schritt für Schritt erklärt. In 40 Minuten fertig, mit Einkaufsliste zum Ausdrucken.">
</head>

Wichtig zu verstehen: Die Meta-Description ist kein direkter Ranking-Faktor. Google verwendet sie nicht, um zu entscheiden, auf welcher Position Deine Seite steht. Ihr Wert liegt woanders. Sie ist Dein Werbetext im Suchergebnis. Eine gute Description erhöht die Klickrate, also den Anteil der Nutzer, die Deinen bereits vorhandenen Treffer tatsächlich anklicken. Mehr Klicks aus derselben Position bedeuten mehr Besucher, ohne dass sich am Ranking etwas ändern muss.

Längenempfehlung für die Description

Auch hier gilt die Pixelbreite als eigentliche Grenze, und auch hier ist eine Zeichenzahl der praktikable Richtwert. Etwa 120 bis 160 Zeichen haben sich bewährt. Kürzer als 120 Zeichen verschenkt oft Platz, deutlich länger als 160 riskiert, dass Google abschneidet und der Satz mitten im Wort endet. Sieh diese Werte als Orientierung, nicht als von Google garantierte Grenze.

ElementRichtwertHinweis
Description-Längeca. 120 bis 160 ZeichenFaustregel, Anzeige hängt von der Pixelbreite ab
Tonfallaktiv, konkret, einladendbeschreibe den Nutzen, motiviere zum Klick
Keywordnatürlich einbauenkein Stuffing, keine Wortlisten
Anzahl pro Seiteeine Descriptioneindeutig je URL

So formulierst Du eine gute Description

Schreibe aktiv und konkret. Sag, was der Nutzer auf der Seite bekommt und warum sich der Klick lohnt. Ein Aufruf zum Handeln (“Jetzt vergleichen”, “Rezept ansehen”, “Kostenlos testen”) hilft, wenn er zum Inhalt passt. Das gesuchte Keyword darfst und solltest Du natürlich einbauen, denn Google hebt in vielen Fällen den Suchbegriff im Snippet fett hervor, was zusätzlich Aufmerksamkeit erzeugt.

Was Du vermeiden solltest, ist Keyword-Stuffing, also das Aneinanderreihen von Suchbegriffen ohne echten Satzbau. Das liest sich schlecht und motiviert niemanden zum Klick.

<!-- Schlecht: reine Keyword-Wüste, kein Nutzen -->
<meta name="description" content="Winterreifen, Winterreifen kaufen, günstige Winterreifen, Winterreifen online, Reifen billig">

<!-- Gut: konkret, aktiv, mit Nutzen und Aufruf -->
<meta name="description" content="Winterreifen aller Größen mit kostenlosem Versand in 24 Stunden. Preise vergleichen und passenden Satz für Dein Fahrzeug direkt online bestellen.">

Google schreibt Titel und Description manchmal um

Ein Punkt, der viele überrascht: Was Du im <title> und in der Description hinterlegst, ist ein starker Vorschlag, keine Garantie. Google behält sich vor, den angezeigten Title-Link und das Snippet selbst zu formulieren, wenn das aus Sicht der Suchmaschine besser zur jeweiligen Suchanfrage passt.

Beim Snippet ist das ausdrücklich vorgesehen. Google generiert die angezeigte Beschreibung oft dynamisch aus dem Seiteninhalt, passend zum Suchbegriff des Nutzers, und ignoriert Deine Meta-Description dann teilweise. Auch der Titel wird gelegentlich angepasst, etwa wenn er zu lang, zu generisch, mit Keywords überladen oder nicht aussagekräftig genug ist.

Die Konsequenz ist nicht, dass Du beides ignorieren solltest, im Gegenteil. Gut gepflegte Titel und Descriptions sind die Grundlage, auf die Google zurückgreift. Je klarer und passender Deine Vorgaben sind, desto häufiger übernimmt die Suchmaschine sie unverändert.

Häufige Fehler

In der Praxis sehe ich immer wieder dieselben Muster, die das Snippet schwächen:

  • Doppelte Titel. Mehrere Seiten teilen sich denselben <title>. Das passiert oft bei generierten Seiten, Filtern oder Paginierung. Jede indexierbare Seite braucht einen eigenen, unterscheidbaren Titel.
  • Generische Titel. Titel wie “Startseite”, “Home” oder “Willkommen” sagen weder dem Nutzer noch Google, worum es geht. Beschreibe stattdessen konkret den Inhalt.
  • Fehlende Description. Ohne Meta-Description muss Google das Snippet komplett selbst zusammensetzen, oft aus einem beliebigen Textfetzen der Seite. Eine gepflegte Description gibt Dir mehr Kontrolle über den ersten Eindruck.
  • Zu lang oder zu kurz. Titel jenseits von rund 60 Zeichen werden abgeschnitten, Descriptions jenseits von rund 160 ebenso. Sehr kurze Angaben verschenken dagegen Platz und Überzeugungskraft.
  • Keyword-Stuffing. Wortlisten statt Sätze in Title oder Description. Das wirkt spammig und kann dazu führen, dass Google Deine Angabe verwirft und selbst umschreibt.

Wie der Seitenprüfer hilft

Der Seitenprüfer liest den <title> und die Meta-Description Deiner Seite direkt aus dem HTML aus, komplett lokal in Deinem Browser, ohne die Daten irgendwo hochzuladen. Er zeigt Dir für beide Elemente die gemessene Länge an und gleicht sie mit den üblichen Richtwerten ab. Ist der Title zu lang und droht abgeschnitten zu werden, oder ist die Description zu kurz oder ganz leer, bekommst Du einen Hinweis. So siehst Du auf einen Blick, ob Deine wichtigsten Snippet-Signale sitzen, bevor Google sie anders anzeigt, als Du es Dir gedacht hast.

Diese Prüfung ist ein klassischer Baustein aus den On-Page-SEO-Grundlagen. Wenn Du danach tiefer einsteigen willst, etwa bei Indexierung, Ladezeit und strukturierten Daten, hilft Dir die technische SEO-Checkliste weiter.

Kurz zusammengefasst

Der Title-Tag ist Dein wichtigster Snippet-Baustein und fließt in die Bewertung ein: ein Title pro Seite, eindeutig, wichtiges Keyword vorn, Marke hinten, als Faustregel etwa 50 bis 60 Zeichen. Die Meta-Description rankt zwar nicht direkt, verkauft aber Deinen Treffer: aktiv formuliert, konkret, ohne Keyword-Stuffing, als Richtwert etwa 120 bis 160 Zeichen. Denk daran, dass Google beides umschreiben kann, und liefere deshalb saubere Vorlagen. Prüfe die Längen regelmäßig, dann verschenkst Du keine Klicks.

Quellen

  • https://developers.google.com/search/docs/appearance/title-link
  • https://developers.google.com/search/docs/appearance/snippet
  • https://developer.mozilla.org/de/docs/Web/HTML/Element/meta

Korrekturen oder bessere Quellen? Schreib an info@akara-solutions.de. Änderungen landen mit Datum auf /korrekturen.