Meta Tags & SERP Preview
Write title and description; preview in Google and copy ready meta code.
Google preview
example.com
example.com/page
Example Page Title — Your Brand
The short description shown in search results. 150–160 characters is ideal and should encourage clicks.
Ready meta tags
<title>Example Page Title — Your Brand</title>
<meta name="description" content="The short description shown in search results. 150–160 characters is ideal and should encourage clicks." />
<link rel="canonical" href="https://example.com/page" />
<!-- Open Graph -->
<meta property="og:title" content="Example Page Title — Your Brand" />
<meta property="og:description" content="The short description shown in search results. 150–160 characters is ideal and should encourage clicks." />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:type" content="website" />
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Example Page Title — Your Brand" />
<meta name="twitter:description" content="The short description shown in search results. 150–160 characters is ideal and should encourage clicks." />Was ist der Meta-Tag-Generator?
Das Meta-Tag- & SERP-Vorschau-Tool zeigt beim Tippen, wie Ihr Titel und Ihre Meta-Beschreibung in einem Google-Suchergebnis aussehen. Sie sehen sofort, ob Sie die Zeichen- und Pixelgrenzen überschreiten, und kopieren den fertigen Meta-Tag-Code mit einem Klick.
So funktioniert's
- 1Schreiben Sie Ihren Seitentitel und Ihre Meta-Beschreibung.
- 2Prüfen Sie die Google-Vorschau und ob Sie die Grenzen überschreiten.
- 3Kopieren Sie den erzeugten Meta-Tag-Code in den '<head>' Ihrer Seite.
Ergebnis interpretieren
Wann sinnvoll?
E-Commerce-Produkt-Rollout
Testen Sie Titelvorlagen für Hunderte neue Shop-Artikel vor dem Go-live, um sicherzustellen, dass Produktname, Marke und Attribute auf Mobilgeräten und Desktops ohne Abschneiden lesbar bleiben.
CTR-Optimierung schwacher URLs
Überarbeiten Sie Snippets von Seiten mit vielen Impressionen, aber wenigen Klicks in der Search Console. Formulieren Sie handlungsorientierte Teaser und prüfen Sie die Pixelgrenzen direkt visuell ab.
Lokalisierung mehrsprachiger Websites
Deutsche Komposita wie Versicherungsvergleichsportal sprengen Snippets schnell. Prüfen Sie übersetzte Meta-Tags vorab im Tool, damit lange Fachbegriffe nicht mitten im Wort mit Auslassungspunkten enden.
Häufige Fehler
Reine Zeichenzählung beachten
Selbst unter 60 Zeichen können breite Großbuchstaben wie W oder M die 580-Pixel-Grenze sprengen. Orientieren Sie sich stets an der visuellen Pixelbreite statt an reinen Zeichenzahlen.
Mobile Ansicht ignorieren
Auf mobilen Displays wird Text früher abgeschnitten als am Desktop. Platzieren Sie Ihr Kernversprechen sowie das primäre Keyword deshalb immer zwingend in den ersten 100 Zeichen der Beschreibung.
Meta-Keywords-Tag verwenden
Google ignoriert das Keywords-Tag seit 2009 vollständig für Rankings. Das Einfügen bläht nur den HTML-Code auf und legt Ihre Suchbegriffs-Strategie für Mitbewerber offen auf dem Silbertablett dar.
Häufige Fragen
Wie lang sollte der Titel sein?
Um Abschneiden bei Google zu vermeiden, halten Sie den Titel unter ~60 Zeichen (etwa 580 Pixel) und die Meta-Beschreibung unter ~155 Zeichen.
Entspricht die Vorschau dem echten Google-Ergebnis?
Die Vorschau ahmt das Desktop-Layout von Google genau nach; Google kann Titel oder Beschreibung manchmal umschreiben, aber Grenzen und Gesamtbild sind verlässlich.
Beeinflusst die Meta-Beschreibung das Ranking?
Die Meta-Beschreibung ist kein direkter Ranking-Faktor, aber eine gute Beschreibung erhöht die Klickrate (CTR) und hilft so indirekt.
Warum ändert Google meine Meta-Beschreibung manchmal ab?
Google ersetzt Snippet-Texte automatisch, wenn der Algorithmus relevante Textabschnitte auf der Zielseite findet, die besser zur spezifischen Suchanfrage des Nutzers passen. Eine präzise Beschreibung mit passendem Haupt-Keyword und direktem Nutzenversprechen senkt dieses Risiko jedoch erheblich und wird meist unverändert für die SERPs übernommen.
Wo genau binde ich den generierten Meta-Tag-Code ein?
Fügen Sie den kopierten HTML-Code direkt in den Head-Bereich Ihres HTML-Dokuments ein, idealerweise vor dem schließenden Head-Tag. Bei Content-Management-Systemen wie WordPress, Shopify oder Typo3 tragen Sie Titel und Beschreibung stattdessen einfach in die entsprechenden Eingabefelder Ihres SEO-Plugins ein.