SERP Snippet Generator: Title und Meta-Description in der Google-Vorschau

So funktioniert der SERP Snippet Generator

Sie tragen Title und Meta-Description ein oder laden sie von einer bestehenden Seite. Die Vorschau rechnet bei jeder Eingabe neu.

1. URL der Seite eintragen und auf Von URL laden klicken: Das Werkzeug übernimmt Title und Meta-Description der Seite. Für eine neue Seite genügt die geplante Adresse; die Vorschau zeigt sie als Pfad, etwa „ihre-domain.de › leistungen“.
2. Title und Meta-Description eintragen oder anpassen. Über jedem Feld steht die gemessene Breite, zum Beispiel „540 / 600 px“. Darunter meldet das Werkzeug „passt“, „knapp“, „zu kurz“ oder „gekürzt“ und nennt bei zu langen Texten das Wort, nach dem abgeschnitten wird.
3. Optional ein Fokus-Keyword angeben. Das Werkzeug prüft, ob der Begriff im sichtbaren Teil des Titles steht, und setzt ihn in der Description fett, wie Google es mit Suchbegriffen oft tut. Fette Wörter sind breiter; die Messung rechnet das mit ein.
4. Mit Desktop und Mobil die Ansicht wechseln. Für Artikel lässt sich Datum vor der Description zeigen einschalten. Das Datum kostet Platz, der Description bleibt dann weniger.
5. Unter Symbole und Textbausteine einfügen Zeichen wie ✓ oder ➤ und kurze Formulierungen einsetzen. Ein Klick fügt den Baustein an der Cursorposition in das zuletzt bearbeitete Feld ein.
6. Mit HTML kopieren den Code für Ihre Seite übernehmen: das <title>-Element und das Meta-Tag „description“, Sonderzeichen wie & und Anführungszeichen korrekt maskiert.

Beispiel laden füllt die Felder mit einem absichtlich zu langen Beispiel, Zurücksetzen leert sie. Stand vorher Text in den Feldern, holt „Rückgängig“ ihn zurück.

Wie lang dürfen Title und Meta-Description sein?

Eine feste Höchstlänge gibt es nicht. Google kürzt Title und Description bei Bedarf, meist passend zur Breite des Bildschirms. Entscheidend ist deshalb die Breite in Pixeln, nicht die Zahl der Zeichen.

Das sind Richtwerte aus der Darstellung der Suchergebnisse, keine von Google veröffentlichten Grenzen. Ab etwa 580 px kürzt Google Titles manchmal schon; dort meldet das Werkzeug „knapp“.

Warum Pixel statt Zeichen?

Buchstaben sind unterschiedlich breit. In Arial 20 px, der Schrift, in der das Werkzeug Desktop-Titles misst, ist ein großes „W“ knapp 19 px breit, ein kleines „i“ gut 4 px. Zehn „W“ brauchen damit so viel Platz wie gut 40 „i“. Bei üblichem deutschem Text passen in 600 px etwa 60 Zeichen, in 920 px etwa 140 Zeichen. Viele Großbuchstaben oder Emojis senken diese Zahl.

Auf dem Smartphone bricht Google Title und Description um. Nach unseren Richtwerten sollte der Title dort in zwei, die Description in drei Zeilen passen. Zusätzlichen Platz kosten fett hervorgehobene Suchbegriffe und ein vorangestelltes Datum. Setzen Sie das Wichtigste deshalb an den Anfang: Wird gekürzt, fällt das Ende weg.

So schreiben Sie einen guten Title

Ein guter Title nennt in den ersten Wörtern das Thema der Seite und ist für jede Seite einzigartig. Die Marke steht, wenn überhaupt, kurz am Ende.

• Thema nach vorn: Der Begriff, unter dem die Seite gefunden werden soll, gehört an den Anfang, einmal und in natürlicher Form.
• Konkret statt allgemein: „Startseite“, „Leistungen“ oder „Willkommen“ sagen im Suchergebnis nichts. Nennen Sie Angebot, Ort oder Nutzen.
• Jede Seite ein eigener Title: Gleiche oder fast gleiche Titles auf vielen Seiten machen es Google und Nutzern schwer, die passende Seite zu erkennen.
• Keine Keyword-Listen: Reihen wie „Dachdecker, Dachdecker Dortmund, Dachsanierung, Dach neu decken“ wirken wie Spam. Google rät ausdrücklich davon ab.
• Nur aktuelle Angaben: Eine Jahreszahl gehört nur in den Title, wenn Sie die Seite tatsächlich jedes Jahr überarbeiten. Veraltete Angaben sind einer der Gründe, aus denen Google einen eigenen Title anzeigt.

Beispiel: Der Beispiel-Title im Werkzeug, „Dachsanierung in Dortmund: Kosten, Ablauf und Fördermittel im Überblick“, hat 71 Zeichen und ist rund 657 px breit. Auf dem Desktop wird er gekürzt. „Dachsanierung in Dortmund: Kosten und Ablauf | Firmenname“ kommt mit 57 Zeichen auf rund 552 px und passt.

So schreiben Sie eine gute Meta-Description

Eine gute Meta-Description fasst in ein bis zwei Sätzen zusammen, was die Seite bietet, und gibt einen konkreten Grund zum Klicken. Auf das Ranking wirkt sie nicht: Google verwendet die Meta-Description nach eigener Aussage nicht dafür. Sie entscheidet aber mit, ob jemand Ihr Ergebnis anklickt.

• Zur Seite passen: Beschreiben Sie, was tatsächlich auf der Seite steht. Passt die Description nicht zum Inhalt oder zur Suchanfrage, nimmt Google einen Auszug aus dem Text.
• Fakten statt Werbesprache: Preis, Dauer, Einsatzgebiet, Lieferzeit oder Öffnungszeiten sagen mehr als „professionell“ und „kompetent“. Auch Google empfiehlt, solche Angaben aufzunehmen.
• Suchbegriff einmal verwenden: Google hebt Wörter aus der Suchanfrage oft fett hervor. Einmal genügt; Wiederholungen machen den Text schwerer lesbar.
• Handlungsaufforderung, wenn sie stimmt: „Termin online buchen“ oder „Jetzt anfragen“ passt nur, wenn die Seite genau das anbietet.
• Für jede Seite eine eigene: Bei vielen gleichartigen Seiten, etwa in einem Shop, können Sie Descriptions aus Produktdaten erzeugen lassen. Auch das empfiehlt Google.

Beispiel: „Was kostet eine Dachsanierung? Ablauf, Dauer und Fördermittel verständlich erklärt. ✓ Vor-Ort-Termin ➤ Jetzt anfragen“ hat 117 Zeichen und rund 745 px. Frage, Inhalt, Nutzen und Handlungsaufforderung passen in der Desktop- wie in der Mobilansicht vollständig ins Snippet.

Wann schreibt Google Title und Description um?

Google erzeugt Title-Link und Snippet automatisch. Ihren Title und Ihre Meta-Description übernimmt Google, wenn sie die Seite gut beschreiben; sonst verwendet es andere Texte der Seite.

Für den Title-Link berücksichtigt Google neben dem <title>-Element unter anderem die Hauptüberschrift, weitere hervorgehobene Texte und Linktexte, die auf die Seite verweisen. Als typische Gründe für einen Austausch nennt Google:

• einen Title, der leer ist oder fast nur aus dem Markennamen besteht,
• veraltete Angaben wie eine vergangene Jahreszahl,
• einen Title, der nicht zum Inhalt der Seite passt,
• denselben Textbaustein in den Titles vieler Seiten,
• mehrere gleich große Überschriften, von denen keine erkennbar die wichtigste ist.

Das Snippet unter dem Title entsteht meist aus dem Inhalt der Seite. Die Meta-Description verwendet Google, wenn sie die Seite genauer beschreibt als ein Auszug aus dem Text. Weil Google das Snippet zur jeweiligen Suchanfrage auswählt, kann dieselbe Seite bei verschiedenen Suchen unterschiedliche Snippets zeigen.

Ganz verhindern lässt sich das nicht. Seltener wird es mit einem zutreffenden Title, der zur Hauptüberschrift passt, und einer eigenen Description für jede Seite. Textstellen, die nie im Snippet erscheinen sollen, schließen Sie mit dem HTML-Attribut data-nosnippet aus. Welche Suchanfragen einer Seite Klicks bringen und wie sich die Klickrate nach einer Änderung entwickelt, zeigt die Google Search Console.

Zeigt Google auf vielen Seiten eigene Titles, liegt die Ursache oft in der Website selbst: doppelte Titles, fehlende Descriptions, unklare Überschriften. Solche Muster findet ein SEO-Audit über alle Seiten hinweg; die Umsetzung kann Ihr Team oder unsere SEO-Agentur übernehmen.

Symbole und Emojis im Snippet: Was bringen sie?

Symbole wie ✓, ★ oder ➤ können ein Snippet gliedern und den Blick lenken. Einen belegten Vorteil im Ranking haben sie nicht, und ob Google sie anzeigt, entscheidet Google im Einzelfall; manche Zeichen lässt es weg.

• Sparsam und mit Bedeutung: ein Häkchen vor einem echten Vorteil, ☎ vor der Telefonnummer, € bei Preisen. Ganze Reihen von Pfeilen oder Sternen wirken wie Werbung, und Sterne im Text können wie eine Bewertung aussehen, die es nicht gibt.
• Platz einplanen: Viele Symbole sind breiter als Buchstaben; ein 📞 ist in der Description etwa doppelt so breit wie ein „a“. Die Vorschau misst Symbole mit.
• Nur zutreffende Bausteine: „Versandkostenfrei“, „Festpreis“ oder „Kauf auf Rechnung“ gehören nur ins Snippet, wenn sie für Ihr Angebot stimmen.
• Wirkung prüfen: Ob ein Symbol mehr Klicks bringt, zeigt erst der Vergleich der Klickrate vor und nach der Änderung.

Im HTML können Sie Symbole direkt als Zeichen einsetzen, wenn die Seite in UTF-8 ausgeliefert wird. Entitäten und Codes finden Sie in unserer Liste der HTML-Sonderzeichen.

Weitere kostenlose SEO-Werkzeuge

• Redirect Checker: folgt jeder Weiterleitung einer Adresse und zeigt Statuscode, Ziel und Antwortzeit je Station.
• Google Ranking Check: ermittelt, auf welchem Platz Ihre Domain für einen Suchbegriff bei google.de steht. Das Ergebnis erscheint nach Angabe einer Telefonnummer oder E-Mail-Adresse.
• Google Maps Generator: erstellt den Code, mit dem Sie eine Google-Karte ohne API-Schlüssel in Ihre Website einbinden.
• Google Bewertungscheck: berechnet aus Ihren Zahlen, wie viele neue 5-Sterne-Bewertungen bis zu Ihrem Zielwert fehlen.
• SEO-Aufwand-Check: zeigt, welcher SEO-Aufwand voraussichtlich auf Ihre Website zukommt.