🖥️ Vorschau auf SERP & Snippet

SERP Snippet Vorschau

Geben Sie Ihren Seitentitel, Meta-Beschreibung und URL, um eine Live-, Pixel-genaue Vorschau Ihres Google-Ergebniss auf Desktop und Handy, mit Kurzbefehl Warnungen, bevor sie Sie Klicks kosten sehen.

0 Zeichen · 0px
0 Zeichen · 0px
e
example.com
https://example.com

Wie man die SERP-Vorschau verwendet

Vier schnelle Schritte zu einem Schnipsel, der in voller Show und verdient den Klick.

1

Geben Sie Ihren Seitentitel ein

Geben Sie das Titel-Tag, das Sie verwenden möchten. Charakter und Pixelzähler aktualisieren live, so dass Sie sehen können, wie nahe Sie an Googles ~600px Desktop-Grenze sind.

2

Fügen Sie Ihre URL und Meta-Beschreibung hinzu

Fügen Sie die Seiten-URL ein und schreiben Sie die Meta-Beschreibung. Die Vorschau macht die breadcrumb, blauen Titel und grauen Schnipsel genau wie ein echtes Ergebnis.

3

Wechsel zwischen Desktop und Mobil

Schalten Sie die Registerkarten Desktop und Mobile ein, um beide Layouts zu überprüfen, da Mobile eine schmalere Spalte verwendet und Titel auf mehr Zeilen wickelt.

4

Befestigen Sie die Kurzbefehle

Bearbeiten, bis die Warnchips grün werden. Trimme alles, was als zu breit markiert ist, so dass Google zeigt Ihren vollen Titel und Beschreibung anstelle einer Ellipse.

SERP-Snippet-Fragen

Google verkürzt Desktop-Titellinks bei etwa 600 Pixeln, keine feste Zeichenanzahl, da weite Zeichen wie W und M mehr Platz als schmale wie i und l nehmen.Dieses Tool misst die wirkliche Bildpixelbreite, so dass Sie genau sehen können, wo Ihr Titel abgeschnitten wird.
Google zeigt normalerweise rund 920 Pixel Meta-Beschreibung auf dem Desktop (ca. 155 bis 160 Zeichen) und weniger auf dem Handy. Alles, was länger ist, wird mit einer Ellipse gekürzt. Die Vorschau zeigt sowohl Desktop-und mobile Beschneidung live, wie Sie eingeben.
Mobile Ergebnisse verwenden eine schmalere Spalte und eine andere Schriftgröße, so dass Titel auf mehr Linien und Beschreibungen kürzer geschnitten werden. Dieses Tool macht beide Layouts nebeneinander, so dass Sie für jedes optimieren können.
Nein. Die Vorschau läuft komplett in Ihrem Browser mit der Canvas Text-Messung API. Nichts, was Sie eingeben, wird hochgeladen, protokolliert oder gespeichert, so können Sie sicher testen unveröffentlichte Seiten und interne URLs.

Für Entwickler

Diese SERP-Vorschau läuft 100% Client-Seite — die Pixelmessung geschieht in Ihrem Browser, so dass nichts, das Sie eingeben, jemals hochgeladen wird.

✓ Privates Design — keine Server-Rundreise

Die Truncation wird auf dieselbe Weise gemessen, wie der Browser Text zeichnet — mit der Canvas MeasureText API. Hier ist die Kernidee, die Sie in Ihre eigene Baupipeline fallen können:

// Measure rendered pixel width like Google does
const ctx = document.createElement('canvas').getContext('2d');
function titleWidth(text, font = '20px arial') {
  ctx.font = font;
  return ctx.measureText(text).width; // > 600 => truncated on desktop
}
console.log(titleWidth('Your page title here'));

Brauchen Sie dies im Maßstab – Batch-Checking Tausende von Titeln aus Ihrem CMS oder CI? Eine gehostete REST API für unsere SEO-Tools ist auf bezahlten Plänen verfügbar. Siehe Pläne →