Meta Tag Generator

Formen Sie Such-Snippet und Social Preview, bevor die Seite live geht, und kopieren Sie die Tags anschließend in den Build.

Basisdaten

18 / 60

Empfohlene Länge: 50 bis 60 Zeichen

38 / 160

Empfohlene Länge: 150 bis 160 Zeichen

Werte mit Kommas trennen. Kein wichtiger Google-Rankingfaktor, aber in manchen redaktionellen Workflows nützlich.

Social-Preview-Felder

Empfohlene Größe: 1200 × 630

Generiertes HTML

<!-- Primary Meta Tags -->
<title>My Awesome Website</title>
<meta name="title" content="My Awesome Website" />
<meta name="description" content="The best place to find amazing things." />
<meta name="keywords" content="website, generator, tools" />
<meta name="author" content="" />
<meta name="robots" content="index, follow" />
<meta name="theme-color" content="#000000" />

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://example.com" />
<meta property="og:title" content="My Awesome Website" />
<meta property="og:description" content="The best place to find amazing things." />
<meta property="og:image" content="https://images.unsplash.com/photo-1555066931-4365d14bab8c?w=1200&h=630&fit=crop" />
<meta property="og:site_name" content="My Site" />

<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://example.com" />
<meta property="twitter:title" content="My Awesome Website" />
<meta property="twitter:description" content="The best place to find amazing things." />
<meta property="twitter:image" content="https://images.unsplash.com/photo-1555066931-4365d14bab8c?w=1200&h=630&fit=crop" />

Google-Vorschau

icon
My Site
https://example.com
My Awesome Website
The best place to find amazing things.

Social Preview

Preview
EXAMPLE.COM
My Awesome Website
The best place to find amazing things.

Best Practices für Meta Tags

Title Tag

Schreiben Sie den Titel um die echte Suchabsicht der Seite herum. Ein vager Titel kann zu jeder Seite passen, macht aber keine davon klickwürdig.

Meta Description

Die Beschreibung ist kein Ranking-Trick, aber oft die Zeile, die Menschen lesen, bevor sie ein Ergebnis wählen. Sagen Sie klar, was die Seite liefert, und wiederholen Sie nicht nur den Titel.

Open Graph

Open-Graph-Tags steuern den Standardtitel, die Beschreibung, URL und das Bild, das viele soziale Plattformen beim Teilen eines Links verwenden.

Robots

Nutzen Sie Robots-Anweisungen vorsichtig. noindex kann eine Seite aus der Suche halten, nofollow beeinflusst, wie Crawler Links auf der Seite behandeln.

Kanonische URL

Verweisen Sie doppelte, getrackte oder abweichende URLs auf die bevorzugte Seite, damit Suchmaschinen verstehen, welche Version das Signal tragen soll.

Häufige Fragen

Sind Meta Keywords noch wichtig?

Für Google sind sie kein relevanter Rankingfaktor. Für interne Workflows, kleinere Suchsysteme oder strukturierte Content-Planung können sie trotzdem hilfreich sein.

Wie prüfe ich, ob Open-Graph-Tags funktionieren?

Nutzen Sie Plattform-Debugger wie den Facebook Sharing Debugger oder einen Social-Card-Validator, um die gerenderten Metadaten abzurufen und zu prüfen.

Warum ist Viewport relevant, wenn es um SEO geht?

Viewport ist kein Ranking-Tag, aber für mobile Darstellung entscheidend und sollte in jedem produktiven HTML-Head korrekt gesetzt sein.

Zeigt Google meine Meta Description exakt an?

Nicht zwingend. Suchmaschinen können Snippets umschreiben, wenn ein anderer Seitenausschnitt besser zur Suchanfrage passt. Eine klare Beschreibung hilft trotzdem, wenn sie verwendet wird.

Wie lang sollte ein Title Tag sein?

Es gibt keine exakte Zeichengrenze, weil Suchergebnisse nach gerenderter Breite gemessen werden. 50 bis 60 Zeichen sind für die meisten Seiten ein guter Arbeitsbereich.

Bereit, eine Seite mit besseren Metadaten zu veröffentlichen?

Veröffentlichen Sie die Seite mit HTTPS, sauberem Routing und Edge-Auslieferung, damit die gerade optimierten Metadaten an einer echten, teilbaren URL hängen.

Website veröffentlichen