So nutzt du: SERP-Vorschau
- Gib deinen Title-Tag und deine Meta-Description ein oder füge sie ein. Die Anzeigen werden grün, sobald der Text in Googles Pixel-Budget passt.
- Trag die Seiten-URL und optional einen Seitennamen ein – daraus baut die Vorschau die Breadcrumb-Zeile (
example.com › blog › post). - Gib die Suchanfrage ein, auf die du abzielst, um zu sehen, welche Wörter Google fett hervorheben würde. Schalte Datum oder Bewertungssterne ein, um zu sehen, wie viel Platz sie brauchen.
- Vergleiche die Desktop- und Mobile-Vorschau, behebe alles, was unter Snippet-Prüfungen markiert ist, und kopiere dann die HTML-Tags oder einen Teilen-Link für deinen Kunden oder dein Team.
Was ist eine SERP-Vorschau?
Eine SERP-Vorschau (Search Engine Results Page) zeigt, wie eine Seite wahrscheinlich als blaues Linkergebnis in Google erscheint: das Favicon und der Seitenname, die breadcrumb-artige URL, der klickbare Titel und die graue Beschreibung. So kannst du deinen <title> und dein <meta name="description"> schreiben und optimieren, bevor du veröffentlichst – statt Wochen später in der Search Console eine abgeschnittene Überschrift zu entdecken.
Warum Pixel wichtiger sind als Zeichen
Google kürzt Titel und Beschreibungen nach der dargestellten Breite, nicht nach der Zeichenanzahl. Ein großes „W“ ist etwa dreimal so breit wie ein kleines „i“. Ein 60-Zeichen-Titel in Großbuchstaben kann daher abgeschnitten werden, während ein 70-Zeichen-Titel mit schmalen Buchstaben passt. Dieses Tool misst deinen Text mit denselben Schriften, die Google verwendet (Arial 20 px für Desktop-Titel, 14 px für Beschreibungen), über die Canvas-API des Browsers. Es kürzt an einer Wortgrenze mit Auslassungspunkten, so wie Google es macht.
| Element | Ungefähres Limit | Ungefähre Zeichenanzahl |
|---|---|---|
| Desktop-Titel | ~580–600 px | 50–60 Zeichen |
| Desktop-Beschreibung | ~920 px | 150–160 Zeichen |
| Mobiler Titel | zwei Zeilen | bis zu ~75 Zeichen |
| Mobile Beschreibung | ~680 px | ~120 Zeichen |
Diese Grenzwerte sind Beobachtungen, keine veröffentlichten Regeln. Google passt sein Layout regelmäßig an und kann einen Titel oder ein Snippet komplett umschreiben, wenn es glaubt, dass anderer Text auf der Seite besser zur Suchanfrage passt.
Tipps für Titel und Beschreibungen, die Klicks bringen
- Keyword nach vorne. Setz das Thema, nach dem Leute suchen, in die ersten Wörter. So bleibt es auch bei einer Kürzung erhalten und fällt beim Überfliegen auf.
- Marke kurz halten und ans Ende. Google zeigt deinen Seitennamen oft separat über der URL an. „| Markenname GmbH“ am Ende jedes Titels kostet deshalb meist nur Platz.
- Beschreibungen wie ein Versprechen formulieren. Sag, was der Besucher bekommt – einen Preis, eine Checkliste, ein kostenloses Tool –, statt den Titel zu wiederholen. Google hebt Wörter fett hervor, die zur Suchanfrage passen. Eine natürliche Verwendung des Keywords hilft dem Snippet also, aufzufallen.
- Datum und Sterne kosten Platz. Ein sichtbares Datum („25. Okt. 2026 —“) steht vor der Beschreibung und verringert, wie viel deines Textes hineinpasst. Bewertungssterne erscheinen nur für geeignete Schema-Typen wie Product oder Recipe. Das Markup kannst du mit dem Schema Markup Generator erstellen.
Verwendung auf einer Webflow-Seite
In Webflow findest du Titel und Beschreibung unter Seiteneinstellungen › SEO-Einstellungen. Auf CMS-Template-Seiten kannst du sie aus Feldern zusammensetzen (z. B. Name | Kategorie). Füg hier die Werte eines typischen Eintrags ein, um zu prüfen, ob lange CMS-Namen nicht abgeschnitten werden. Um zu sehen, was eine Live-Seite tatsächlich ausgibt, nutze den Meta Tag Checker. Um das komplette Set an Head-Tags zu schreiben, nutze den Meta Tag Generator.
Auch gesucht als: serp simulator, google snippet vorschau, title tag vorschau, meta description vorschau, pixelbreite prüfen, title länge prüfen, google vorschau.
Passende Tools zu: SERP-Vorschau
- Open Graph Checker — Sieh dir an, wie dein Link aussieht, wenn er auf Facebook, LinkedIn, X und Slack geteilt wird.
- SEO-Check & Website-Audit — Füge eine URL ein, um bis zu 70 On-Page-SEO-Prüfungen sowie ein vollständiges Website-Audit durchzuführen: Lighthouse-Geschwindigkeit, Sicherheits-Header & SSL, strukturierte Daten, defekte Links, robots.txt & KI-Crawler, Grundlagen der Barrierefreiheit, Tracking & Einwilligung, SPF/DKIM/DMARC und Ablauf der Domain – zusammengefasst in einem Website-Score mit priorisierten Korrekturvorschlägen.
- Wortzähler — Füge deinen Text ein oder gib ihn ein, um Wörter und Zeichen in Echtzeit zu zählen – dazu kommen Lese- und Sprechzeit, Schlüsselwortdichte sowie Längenprüfungen für SEO-Titel, Meta-Beschreibungen und Social-Media-Beiträge.
- robots.txt – Erklärvideo — Die Regeln in der robots.txt-Datei sind kurz, lassen sich aber leicht falsch interpretieren.