Was ist Meta-Tag-Generator?

Der Meta Tag Generator erstellt vollständige HTML-Meta-Tags für Ihre Webseiten. Geben Sie Seitentitel, Beschreibung, Keywords und Social-Media-Details ein, um korrekt formatierte Meta-Tags zu erhalten, die die Suchsichtbarkeit und das Teilen in sozialen Netzwerken verbessern.

Tragen Sie Seitentitel, Beschreibung (etwa 155 Zeichen wirken bei Google am besten), Keywords, Autor, kanonische URL, Robots-Direktive, Viewport und Charset ein und ergänzen Sie Open-Graph-Felder für Facebook/LinkedIn sowie Twitter-Card-Felder für X. Die Ausgabe ist ein einsatzbereiter `<head>`-Block aus `<meta>`- und `<link>`-Tags. Einfach in HTML, Next.js-Metadata oder den Template-Head einfügen.

Anleitung

  1. Tragen Sie Ihren Seitentitel, die Beschreibung, den Autor und die Ziel-Keywords für die grundlegenden SEO-Meta-Tags ein.
  2. Ergänzen Sie Open-Graph- (Facebook) und Twitter-Card-Metadaten — Titel, Beschreibung, Bild-URL und Kartentyp.
  3. Kopieren Sie den vollständigen Meta-Tag-HTML-Block und fügen Sie ihn in den <head>-Bereich Ihrer Webseite ein.

Wann verwenden

  • SEO- und Social-Share-Metadaten einer HTML-Landingpage vor dem Launch einrichten.
  • Eine bestehende Seite auditieren: Werte einfügen und sehen, was fehlt oder zu lang ist.
  • Tags im Briefing für die Entwicklerin formulieren, die sie ins CMS-Template übernimmt.

Ergebnis

Sie launchen eine Produktseite und brauchen Meta-Tags. Geben Sie 'Kabellose Noise-Cancelling-Kopfhörer' als Titel ein, verfassen Sie eine 155-Zeichen-Beschreibung und fügen Sie Ihre Produktbild-URL für den OG-Image-Tag hinzu.

Häufige Fragen

Wie lang sollten Titel und Beschreibung wirklich sein?
Zielen Sie auf 50–60 Zeichen beim Titel und 140–160 bei der Beschreibung. Google kürzt längere Titel, und die Beschreibung wird in etwa 920 Pixeln breit angezeigt, was diesem Zeichenbereich entspricht.
Brauche ich `<meta name='keywords'>` heute noch?
Google ignoriert es seit 2009, Bing wertet es größtenteils als Spamsignal. Lassen Sie es weg, außer Sie zielen auf Yandex oder Baidu, wo es noch begrenzten Einfluss hat.
Worin unterscheiden sich og:title und der reguläre `<title>`?
`<title>` steuert den Browser-Tab und das Google-Ergebnis. `og:title` ist das, was Facebook, LinkedIn und Slack beim Teilen zeigen. Sie dürfen sich unterscheiden: der Social-Titel knackiger, der Seitentitel keyword-fokussierter.
Welchen Twitter-Card-Typ soll ich wählen?
`summary_large_image` liefert die größte Vorschau (1200×630-Bild) und passt zu den meisten Artikeln und Produktseiten. `summary` nehmen Sie nur für kurze Textbeiträge, bei denen ein Thumbnail reicht.
Löst ein Canonical-Tag Probleme mit Duplicate Content?
Es sagt Suchmaschinen, welche URL bei ähnlichen Seiten als Original gelten soll. Das ist ein Hinweis, keine Weiterleitung; kombinieren Sie es mit konsistenten internen Links und HTTPS, um das Signal zu stärken.

Ähnliche Tools