Meta-Tag-Generator
HTML-Meta-Tags für SEO und Social Media generieren.
0/70 Empfohlene SEO-Zeichen
0/160 Empfohlene SEO-Zeichen
Empfohlene Größe
<meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Open Graph / Facebook --> <meta property="og:type" content="website"> <!-- Twitter Card --> <meta name="twitter:card" content="summary_large_image">
Meta-Tag-Generator: Optimieren Sie das SEO Ihrer Website
Meta-Tags sind HTML-Code-Schnipsel, die Suchmaschinen und sozialen Netzwerken Informationen über Ihre Webseite liefern. Ein gut optimierter Titel und eine Beschreibung können die Klickrate (CTR) in den Ergebnissen von Google, Bing und anderen Suchmaschinen erheblich steigern. Open-Graph-Tags steuern, wie Ihr Inhalt angezeigt wird, wenn jemand einen Link auf Facebook, LinkedIn oder WhatsApp teilt, während Twitter Cards dasselbe auf der Plattform X (ehemals Twitter) bewirken.
Für beste Ergebnisse stellen Sie sicher, dass der Titel zwischen 50 und 60 Zeichen lang ist, die Beschreibung zwischen 120 und 160 Zeichen, und fügen Sie ein OG-Bild von mindestens 1200x630 Pixeln ein. Diese Werte werden von Google und den wichtigsten sozialen Plattformen empfohlen, um sicherzustellen, dass Ihr Inhalt auf allen Geräten korrekt angezeigt wird.
Dieses Tool generiert den vollständigen HTML-Code, bereit zum Kopieren und Einfügen in den {"<head>"}-Bereich Ihrer Seite. Die gesamte Verarbeitung erfolgt lokal in Ihrem Browser, ohne Daten an einen Server zu senden.
Häufig gestellte Fragen
Was sind Meta-Tags und warum sind sie wichtig für SEO?
Meta-Tags sind für den Benutzer unsichtbare HTML-Tags, die Suchmaschinen über den Inhalt Ihrer Seite informieren. Die wichtigsten sind der Titel (der als blauer Link in Google erscheint) und die Meta-Description (der Text, der darunter erscheint). Obwohl Keywords das Google-Ranking nicht mehr direkt beeinflussen, verbessern ein guter Titel und eine gute Beschreibung die CTR, was Ihre Positionierung indirekt verbessern kann.
Was sind Open-Graph-Tags und Twitter Cards?
Open Graph (OG) ist ein von Facebook erstelltes Protokoll, mit dem Sie steuern können, wie Ihr Inhalt beim Teilen in sozialen Netzwerken angezeigt wird. Es definiert Titel, Beschreibung, Bild und Inhaltstyp, die in der Linkvorschau erscheinen. Twitter Cards funktionieren ähnlich, aber speziell für X/Twitter und ermöglichen die Anzeige großer Bilder, Zusammenfassungen oder App-Karten neben Ihren Tweets.
Wo soll ich die Meta-Tags auf meiner Website platzieren?
Alle Meta-Tags müssen innerhalb des {"<head>"}-Tags Ihres HTML-Dokuments stehen, vor dem schließenden {"</head>"}. In modernen Frameworks wie Next.js oder Nuxt.js können sie über spezifische Metadata-Funktionen konfiguriert werden. Es ist wichtig, dass jede Seite ihre eigenen einzigartigen und beschreibenden Meta-Tags hat; vermeiden Sie es, denselben Titel oder dieselbe Beschreibung auf mehreren Seiten zu duplizieren.
Mehr erfahren? Lesen Sie unseren vollständigen Leitfaden →