Meta-Tag-Generator
Geben Sie Ihren Seitentitel, die Beschreibung und das Bild ein, überprüfen Sie die jeweilige Länge, sehen Sie sich die Vorschau für Google und Social Media an und kopieren Sie anschließend die HTML-Meta-Tags.
1<!-- X (Twitter) card -->2<meta name="twitter:card" content="summary_large_image" />3<meta name="twitter:title" content="Framer: Free website builder and AI design agent" />4<meta name="twitter:description" content="The free website builder with a design agent that takes you from idea to launch. Changes stay editable, with hosting, CMS, analytics, SEO, and AEO built in." />5<meta name="twitter:image" content="https://framerusercontent.com/images/vt65Mbfi3w8ymfTyRfbmgM4Tyo.png" />6<meta name="twitter:image:alt" content="Describe what the image shows" />7<meta name="twitter:site" content="@yourbrand" />Wie man gute Meta-Tags schreibt
Füllen Sie die obigen Felder aus und der Generator erstellt das HTML für Sie. Fügen Sie es in den Head-Bereich Ihrer Seite ein oder kopieren Sie die Werte in die SEO-Einstellungen Ihres CMS oder Website-Builders.
Schreiben Sie einen Titel mit 50 bis 60 Zeichen
Platzieren Sie das Haupt-Keyword möglichst am Anfang und den Markennamen am Ende. Google schneidet Titel nach etwa 60 Zeichen ab.
Halten Sie die Meta-Beschreibung zwischen 140 und 160 Zeichen
Fassen Sie zusammen, was die Seite bietet, und geben Sie Nutzern einen Grund zum Klicken. Google schreibt Beschreibungen zwar manchmal um, aber eine präzise Beschreibung, die zur Suchanfrage passt, wird weitaus häufiger angezeigt.
Fügen Sie eine Canonical-URL und ein OG-Bild hinzu
Das Canonical-Tag teilt Suchmaschinen mit, welche Adresse die Hauptversion der Seite ist. Verwenden Sie ein og:image mit 1200 × 630 px, damit es auf jeder Plattform die große Vorschaukarte ausfüllt.
Testen Sie die Tags nach der Veröffentlichung
Sobald die Tags live sind, lassen Sie die URL durch den Meta-Tag-Checker laufen, um zu sehen, was Google und soziale Apps auslesen. Soziale Netzwerke speichern Vorschauen im Cache, überprüfen Sie dies also nach jeder Änderung erneut.
Häufig gestellte Fragen (FAQ) zum Meta-Tag-Generator
Schnelle Antworten zu Meta-Tags, Open Graph und wo der generierte Code eingefügt wird.
Was ist ein Meta-Tag-Generator?
Ein Meta-Tag-Generator wandelt Seitentitel, Beschreibung, URL und Bild in die HTML-Tags um, die Suchmaschinen und soziale Netzwerke auslesen: das Title-Tag, die Meta-Description, der Canonical-Link, Open-Graph-Tags und Twitter-Card-Tags.
Welche Meta-Tags generiert dieses Tool?
Es generiert den Title-Tag, Meta-Titel und -Beschreibung, rel=canonical, og:type, og:url, og:title, og:description, og:image mit Breite und Höhe, og:site_name sowie die Twitter-Tags für card, title, description, image und site.
Wo füge ich die generierten Meta-Tags ein?
Fügen Sie diese in den Head-Bereich Ihres HTML-Codes ein, direkt vor dem schließenden Head-Tag. In Framer, Webflow, WordPress oder Shopify tragen Sie denselben Titel, dieselbe Beschreibung und dasselbe Bild stattdessen in den SEO-Einstellungen der Seite ein.
Sind Meta-Tags für SEO immer noch wichtig?
Der Title-Tag ist nach wie vor ein Ranking-Signal, und die Meta-Description ist das, was die meisten Menschen in den Suchergebnissen lesen, bevor sie klicken. Open-Graph- und Twitter-Tags bestimmen, wie Ihr Link aussieht, wenn er geteilt wird – was sich ebenfalls auf die Klickzahlen auswirkt.
Ist dieser Meta-Tag-Generator kostenlos?
Ja. Es läuft in Ihrem Browser, erfordert kein Konto und nichts von dem, was Sie eingeben, wird gespeichert.