SERP-Snippet-Vorschau

Zeigen Sie Ihr Google-Suchergebnis-Snippet vor der Veröffentlichung an

Dieses SERP-Vorschau-Tool zeigt, wie der Titel, die URL und die Meta-Beschreibung Ihrer Seite wahrscheinlich in den Google-Suchergebnissen erscheinen werden — sowohl auf dem Desktop als auch auf Mobilgeräten — bevor Sie veröffentlichen. Tippen Sie in die Felder und die live Google-stilisierte Suchergebnis-Vorschau aktualisiert sich sofort, komplett mit Favicon, Breadcrumb und einem optionalen Datum.

Anders als ein einfacher Zeichenzähler misst diese SERP-Snippet-Vorschau die tatsächliche Pixelbreite, die Google zum Abschneiden von Text verwendet, sodass Sie genau sehen können, wann ein Titel oder eine Beschreibung mit Auslassungspunkten gekürzt wird — und es vorab korrigieren können.

Kürzung nach Pixelbreite: warum Zeichenzähler lügen

Google kürzt Ihren Titel nicht bei einer festen Anzahl von Zeichen — es wird bei einer Pixelbreite gekürzt. Desktop-Titel werden bei etwa 580 Pixeln abgeschnitten und Meta-Beschreibungen bei etwa 920 Pixeln. Da ein 'W' viel breiter ist als ein 'i', können zwei Titel mit gleicher Zeichenanzahl bei sehr unterschiedlichen Breiten dargestellt werden. Deshalb gibt ein Tool, das nur Zeichen zählt, irreführende Ratschläge.

Die Live-Zeichen- und Pixelzähler verfolgen beide Werte während der Eingabe und zeigen sofort eine Warnung an, wenn Ihr Titel oder Ihre Beschreibung das Limit überschreitet, damit Sie immer wissen, ob Ihr Snippet vollständig angezeigt wird.

Längenbegrenzungen für Titel-Tag und Meta-Beschreibung

Als Faustregel gilt: Halten Sie Ihr Titel-Tag bei etwa 50–60 Zeichen (unter ~580 px) und Ihre Meta-Beschreibung bei etwa 150–160 Zeichen (unter ~920 px) auf dem Desktop. Beginnen Sie mit Ihrem primären Keyword, damit es die Kürzung übersteht, und beenden Sie Titel mit Ihrem Markennamen.

Verwenden Sie die Snippet-Checkliste unterhalb der Vorschau als schnelles Audit: Sie markiert Titel, die zu lang oder zu kurz sind, Beschreibungen außerhalb des idealen Bereichs und URLs ohne HTTPS — dieselben Dinge, die ein guter Snippet-Optimierer erkennen würde.

Desktop- und Mobil-Snippets nebeneinander

Die meisten Suchanfragen finden auf Smartphones statt, wo die Ergebnisspalte schmaler ist: Titel brechen auf zwei Zeilen um und Beschreibungen werden früher als auf dem Desktop abgeschnitten. Ein Titel, der auf einer Desktop-Zeile passt, kann auf dem Mobilgerät unschön wirken. Wechseln Sie zwischen Desktop und Mobil, um beide Layouts in der Vorschau zu sehen und Ihren Text für die Geräte anzupassen, die Ihre Zielgruppe tatsächlich verwendet.

Vergleich mit Yoast, Rankmath und SeoMofo

Mehrere Tools bieten SERP-Vorschauen an, aber die meisten sind bei der Genauigkeit mangelhaft. Yoast SEO und Rankmath zeigen eine Snippet-Vorschau in Ihrem WordPress-Dashboard, aber beide zählen Zeichen statt tatsächliche Pixelbreiten zu messen — ein Titel voller breiter Großbuchstaben kann in ihrer Vorschau korrekt aussehen und trotzdem in echten Google-Ergebnissen abgeschnitten werden.

SeoMofo hat den Pixelbreiten-Ansatz als Pionier entwickelt, zeigt aber jeweils nur ein Layout und wurde nicht auf das aktuelle Google-Snippet-Design aktualisiert. Mangools (SERPsim) ist genau, liegt aber hinter einer bezahlten Mitgliedschaft. Dieses Tool ist kostenlos, misst echte Pixelbreiten, zeigt Desktop und Mobil nebeneinander, unterstützt Favicon-Uploads und läuft vollständig offline in Ihrem Browser ohne Datenübertragung.

Favicon, Breadcrumb, Daten und Rich Results

Moderne Google-Snippets zeigen Ihr Favicon und eine Breadcrumb-artige URL über dem Titel. Diese Google-SERP-Vorschau generiert automatisch ein Favicon aus Ihrer Domain, ermöglicht das Hochladen Ihres eigenen und erstellt den Breadcrumb aus Ihrem URL-Pfad — mit einem Überschreibungsfeld für benutzerdefinierte Pfade. Fügen Sie ein Veröffentlichungsdatum hinzu, um zu sehen, wie Artikel- und News-Snippets aussehen, und die Kürzung passt sich genau wie bei Google an, wenn ein Datumspräfix vorhanden ist.

Tags kopieren — privat und offline

Wenn das Snippet gut aussieht, kopieren Sie die fertigen Tags <title> und <meta name="description"> direkt in den <head> Ihrer Seite. Benötigen Sie auch Open Graph, Twitter Cards und kanonische Tags? Kombinieren Sie dies mit dem Meta-Tag-Generator. Alles hier läuft vollständig in Ihrem Browser — nichts, was Sie eingeben, wird hochgeladen — sodass Ihre unveröffentlichten Titel und Beschreibungen vollständig privat bleiben.