Google SERP Preview

Google SERP Vorschau

Kostenloses Google Vorschau-Tool: Sehen Sie, wie Ihr Titel und Beschreibung in den Suchergebnissen erscheinen. Desktop, Mobil, Rich Snippets. Keine Anmeldung.

Aktualisiert Mai 2026

Geprüft von Rafael Duarte

Importar HTML

Cole o HTML do <head> para preencher os campos automaticamente.

Input Configuration

0 chars · 0px · ✓ OK

Safe zone: 50–60 chars · 600px limit (desktop)

0 chars · ✓ OK

Safe: 120–160 chars · 920px limit (desktop)

Rich Snippets Simulator

Open Graph Image

Used in Twitter Card, Facebook & WhatsApp previews

google serp preview tool
example.com example.com

Page Title

Meta description will appear here. Write a compelling description to improve your click-through rate...

Title length

0 chars

✓ OK

Title pixels

0px / 600px

✓ OK

Desc length

0 chars

✓ OK

Desc pixels

0px / 920px

✓ OK

A/B Variant Comparator

SEO Reference

Meta title (desktop)

50–60 chars · ~600px

Meta title (mobile)

50–55 chars · ~520px

Meta description (desktop)

150–160 chars · ~920px

Meta description (mobile)

Up to 120 chars · ~680px

So simulierst du dein Google-Ergebnis

Von der URL zur Vorschau mit Rich Snippets, in drei Schritten

1. URL einfügen oder Title und Description eintippen

Das Tool liest das HTML der Seite und extrahiert Title und Meta Description automatisch — oder du tippst sie selbst ein, um Änderungen vor der Veröffentlichung zu testen.

2. Rich Snippets anpassen und aktivieren

Die Pixel-Balken warnen schon beim Tippen vor Abschneiden; füge Bewertungssterne, FAQ, Produkt, Breadcrumb oder Sitelinks hinzu, um das angereicherte Ergebnis zu sehen.

3. Varianten vergleichen und Social-Vorschau prüfen

Stelle einen alternativen Title und Description neben den aktuellen und wechsle den Tab, um die Vorschau bei Twitter, Facebook und WhatsApp mit deiner echten og:image zu sehen.

Das kann dieser SERP-Simulator

Misst echte Pixel, nicht nur Zeichen

Reale Breite in Pixeln

Nutzt das Limit, das Google tatsächlich zum Abschneiden verwendet — rund 600px am Desktop und 520px mobil — statt einer Zeichenzahl, die bei breiten Buchstaben in die Irre führt.

5 Rich-Snippet-Typen

Bewertungssterne, FAQ, Produkt, Breadcrumb und Sitelinks werden direkt in der Vorschau gerendert, bevor überhaupt Code angefasst wird.

A/B-Titel-Vergleich

Stelle deinen aktuellen Title und Description neben eine alternative Version, um zu entscheiden, welche veröffentlicht wird.

Integrierte Social-Vorschau

Prüfe, wie der Link bei Twitter Card, Facebook Open Graph und WhatsApp mit deiner echten og:image aussieht.

Bestehendes HTML importieren

Füge den Inhalt deines <head> ein, und das Tool füllt Title, Description, og:image und Canonical-URL automatisch aus.

Desktop, Mobil und Dark Mode

Zwischen Gerät und Theme wechseln, um Abschneide- oder Kontrastprobleme zu erkennen, bevor die Seite live geht.

Beispiele

Wie kleine Änderungen beeinflussen, was Google anzeigt

Situation
Ergebnis
Title mit 55 Zeichen, schmale Buchstaben (i, l, t)
In Ordnung — kein Abschneiden
Title mit 52 Zeichen, breite Buchstaben (W, M, O)
Kann früher abgeschnitten werden als erwartet
Meta Description mit 160 Zeichen, mobil angesehen
Wird bei rund 120 Zeichen abgeschnitten
Bewertungs-Rich-Snippet aktiviert
★★★★½ 4,5 · 1.240 Bewertungen · 149,90 €
Suchbegriff "passwort generator sicher" eingetragen
Übereinstimmende Begriffe erscheinen fett im Title und in der Description, genau wie bei Google

Wann du dieses Tool brauchst

Die häufigsten Situationen unter den Nutzer:innen

Content-Veröffentlichung

Prüfe Länge von Title und Description, bevor ein Artikel oder eine Landingpage live geht.

SEO-Audits

Füge URLs einzeln ein, um zu prüfen, ob die Meta-Tags einer ganzen Website innerhalb des Pixel-Limits liegen.

A/B-Tests für Copy

Vergleiche zwei Title-Versionen nebeneinander, bevor du dich für einen CTR-Test entscheidest.

Planung von Rich Snippets

Simuliere, wie ein FAQ- oder Produkt-Snippet mit strukturierten Daten aussehen würde, bevor du Zeit in die Umsetzung investierst.

Prüfung der Social-Vorschau

Bestätige, dass die Open-Graph-Karte bei Twitter, Facebook und WhatsApp gut aussieht, bevor du einen wichtigen Link teilst.

Präsentationen für Kunden

Zeige, wie die Seite bei Google erscheinen wird, bevor eine Copy- oder SEO-Änderung umgesetzt wird.

Häufige Fehler bei der Optimierung eines Google-Snippets

Zeichen statt Pixel zählen

Ein Title mit 60 Zeichen und breiten Buchstaben (W, M, O) kann abgeschnitten werden, während einer mit 65 Zeichen und schmalen Buchstaben perfekt passt.

Denselben Text für Title und H1 verwenden

Sie können — und sollten oft — unterschiedlich sein. Der Title ist auf den Klick in den Suchergebnissen ausgerichtet; die H1 kann für Besucher auf der Seite selbst beschreibender sein.

Das strengere Mobil-Limit vergessen

Rund 520px mobil gegenüber 600px am Desktop — ein Title, der am Desktop gut aussieht, kann auf dem Smartphone abgeschnitten werden.

Keine og:image festlegen

Ohne og:image erscheint der geteilte Link bei WhatsApp, Facebook oder Twitter nur mit Text, was die Klickrate senkt.

Davon ausgehen, dass Google die Meta Description unverändert übernimmt

Google schreibt das angezeigte Snippet bei einem großen Teil der Suchanfragen um und nutzt dafür Text aus dem Seiteninhalt. Trotzdem lohnt sich eine gute Description für Marken- und Navigationssuchen.

Glauben, dass ein hier simuliertes Rich Snippet garantiert bei Google erscheint

Die Vorschau zeigt, wie das Snippet aussehen würde, wenn Google sich dafür entscheidet, es anzuzeigen. Um tatsächlich dafür qualifiziert zu sein, braucht die Seite das entsprechende, veröffentlichte Schema.org/JSON-LD-Markup — und selbst dann liegt die Entscheidung bei Google.

Warum dieser SERP-Simulator

Misst die reale Pixelbreite, die Google zum Abschneiden von Title und Description verwendet, statt eines Zeichenzählers, der genau bei Titles mit breiten Buchstaben versagt.

Der URL-Auto-Fetch, der HTML-Import und die integrierte Social-Vorschau ersparen das manuelle Kopieren von Meta-Tags, bevor man sehen kann, wie die Seite sowohl in der Suche als auch beim Teilen aussehen wird.

Das Snippet ist das Erste, was jemand sieht, bevor er sich für einen Klick entscheidet — Title, Description und Rich Snippet vor der Veröffentlichung zu testen, verhindert, dass ein Abschneiden oder eine defekte Karte erst entdeckt wird, wenn die Seite schon in Produktion ist.

Meta Title vs. H1

Unterschiedliche Elemente mit unterschiedlichen Zielen

Meta Title
H1
Wo sichtbar
Google-Suchergebnisse, Browser-Tab
sichtbar auf der Seite selbst
Optimiert für
CTR, Keyword nahe am Anfang
Klarheit für bereits angekommene Besucher
Sollten identisch sein?
nein — oft sollten sie sich unterscheiden
nein — oft sollten sie sich unterscheiden

Häufig gestellte Fragen

50–60 Zeichen sind ein sicherer Richtwert, aber das eigentliche Limit ist die Pixelbreite — rund 600px am Desktop und 520px mobil. Da die Breite jedes Buchstabens variiert, misst dieses Tool Pixel direkt, statt sich nur auf die Zeichenzahl zu verlassen.

Weiterführende Ressourcen

Verwandter Artikel

Meta description influencia o ranking do Google

Verwandte Tools