Erstellen Sie vollständige, produktionsreife Meta-Tags für SEO, Open Graph und Twitter Cards. Vorschau der Social-Media-Darstellung in Echtzeit.
<!-- Basic SEO --> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="content-language" content="en-US">
Generate optimized title, description, keywords, canonical, and robots directives with real-time character count validation.
Facebook, LinkedIn, and WhatsApp share previews. Supports website, article, product, and profile types.
Summary, summary_large_image, app, and player card types. Cascades from OG tags automatically.
See exactly how your page appears in Google search results and on social media before publishing.
Copy all generated HTML to clipboard with a single click. Ready to paste directly into your <head>.
All processing is done in your browser. No data is sent to any server.
Meta-Tags sind HTML-Elemente im '<'head>-Bereich, die Suchmaschinen und sozialen Plattformen Metadaten über Ihre Seite bereitstellen. Sie steuern, wie Ihre Seite in Suchergebnissen und beim Teilen in sozialen Medien angezeigt wird.
Google zeigt bis zu ~60 Zeichen für Titel (600px Breite) und 150–160 Zeichen für Beschreibungen an. Streben Sie natürliche, informative Inhalte an — sowohl Suchmaschinen als auch Nutzer lesen diese.
Open Graph (OG) Tags steuern, wie Ihre Seite beim Teilen auf Facebook, LinkedIn, WhatsApp und anderen Plattformen angezeigt wird. Auch ohne Social-Ads verbessern OG-Tags Link-Vorschauen überall.
Twitter hat ein eigenes Meta-Tag-System (Twitter Cards), da es vor dem OG-Standard entstand. Twitter Cards können Summary (kleines Bild), Summary Large Image (großes Header-Bild), App (mobile App) oder Player (Video/Audio) sein. Die meisten Plattformen außer Twitter verwenden OG-Tags.