Die drei Tag-Familien, die jede Seite braucht
Klassische SEO-Tags (Title, Description, Canonical) treiben Googles SERP. Open-Graph-Tags (og:title, og:description, og:image) steuern, wie deine Seite auf Facebook, LinkedIn, iMessage, Slack und WhatsApp aussieht. Twitter Cards (twitter:card, twitter:image) treiben X/Twitter-Previews.
Lässt du eine der drei weg, rankst du schlecht, bekommst hässliche Social-Previews oder beides. Dieses Tool gibt den vollständigen Block in einem Rutsch aus — korrekt sortiert, korrekt escapt, bereit zum Einfügen in dein <head>.
Live-SERP- und Social-Vorschauen
Das Tool zeigt dir, wie deine Seite auf Google Desktop, Google Mobile, Facebook, LinkedIn und Twitter aussehen wird — während du tippst. Title-Kürzungswarnung bei 60 Zeichen, Description-Warnung bei 160 und Bildvorschau im exakten 1200×630-Verhältnis.
Wenn die Vorschau sauber ist, liefert der Kopier-Button einen validator-tauglichen Block, den du direkt in Astro, Next.js, WordPress, Shopify oder reines HTML einfügst.
Was der Generator abdeckt
Title, Meta-Description, Canonical-URL, Robots-Direktiven, Viewport, Theme-Color, Open Graph (title, description, image, url, type, locale, site_name), Twitter Card (card, site, creator, image alt) und ein editierbarer JSON-LD-Stub.