Stimmt etwas mit diesem Tool nicht?

Über „Meta Tags Generator Online“

Wozu dieses Tool dient

Meta-Tags-Generator macht aus einem kurzen Formular genau das HTML, das Sie in Ihre Seite einfügen. Er erstellt SEO-Tags, Open-Graph-Tags (og:) und Twitter-Card-Tags (twitter:) auf einmal und zeigt eine Live-Vorschau der Social-Card, damit Sie vor dem Veröffentlichen sehen, wie der Link wirkt. Alles läuft sofort in Ihrem Browser, und nichts wird gespeichert.

Welche Tags es ausgibt

Sie erhalten die zentralen SEO-Tags — <title>, <meta name="description"> und ein <link rel="canonical"> — plus das Open-Graph-Set og:title, og:description, og:image, og:url, og:type und og:site_name. Für X kommen twitter:card, twitter:title, twitter:description und twitter:image hinzu. Auch die Grundtags jeder Seite werden gesetzt: <meta charset="utf-8">, das responsive viewport-Tag und <meta name="theme-color">.

Warum es wichtig ist

Suchmaschinen lesen Ihren Titel und Ihre Beschreibung, um das Snippet auf der Ergebnisseite zu bauen — klare Tags bringen mehr Klicks. Fügt jemand Ihren Link in X, Facebook, LinkedIn, Slack oder WhatsApp ein, lesen diese Apps die og:- und twitter:-Tags und zeichnen eine reichhaltige Vorschaukarte mit Überschrift, Zusammenfassung und Bild. Ohne sie erscheint eine nackte URL; mit ihnen eine Karte, die Aufmerksamkeit gewinnt.

Privat und sofort

Der Generator ruft Ihre Seite nicht ab, meldet sich nirgends an und speichert nichts. Sie tippen die Werte ein, das Tool baut die Tags im Browser, und Sie kopieren das Ergebnis. Da es nur Text ist, können Sie ein Feld anpassen und beliebig oft neu generieren.

So nutzt du dieses Tool

So gehen Sie vor

  1. Angaben eingeben. Tippen Sie Seitentitel, Beschreibung, kanonische URL und eine Bild-URL, dann Websitename, Inhaltstyp, Twitter-Card-Typ und Themenfarbe.

  2. Vorschau prüfen. Beobachten Sie die Live-Social-Card, bis Überschrift, Zusammenfassung und Bild stimmen.

  3. Tags kopieren. Klicken Sie auf Kopieren, um den ganzen Block generierter <meta>-Tags zu übernehmen.

  4. In die Seite einfügen. Setzen Sie die Tags in den <head> Ihres HTML und veröffentlichen Sie.

Tipps

  • Halten Sie den Titel bei etwa 60 Zeichen und die Beschreibung bei etwa 155 Zeichen, damit Suchmaschinen sie ungekürzt zeigen.
  • Nutzen Sie eine absolute HTTPS-Bild-URL von etwa 1200×630 Pixeln — Social-Apps ignorieren relative Pfade und lehnen kleine Bilder ab.
  • Setzen Sie die Tags in den <head> der Seite, nicht in den Body, sonst sehen Crawler sie womöglich nie.
  • Gleichen Sie og:url mit Ihrer kanonischen URL ab, damit Shares und Suche auf dieselbe Adresse zeigen.

Ähnliche Tools