Softonic

Meta Tags Generator

Schritt 1 / 4 Generierte Tags
Weiter

Eine ausführlichere Begleitung zum schnellen Meta Tag Generator, dieses Tool produziert das vollständige Kit: primäre SEO-Tags, Open Graph mit länderspezifischen Varianten, Twitter Card mit Unterstützung für App-Deep-Links, Favicon-Set (ico, svg, apple-touch-icon, mask-icon), PWA-Manifest-Link, Farbthema für helle und dunkle Designs und einen optionalen JSON-LD-Block für Artikel-, Produkt-, Rezept-, FAQ- oder Veranstaltungs-Schema. Nützlich beim Start einer neuen Website, wenn Sie das <head> beim ersten Mal richtig machen möchten.

So erstellen Sie das vollständige Set an Meta-Tags

  1. 1

    Füllen Sie die Kernfelder aus

    Titel, Beschreibung, kanonisch, Seitenname, Standardbild.

  2. 2

    Fügen Sie soziale spezifische Überschreibungen hinzu

    Anderer Titel oder Beschreibung für Open Graph oder Twitter, falls erforderlich.

  3. 3

    Konfigurieren Sie Icons und PWA

    Favicon-Pfade, Apple Touch-Icon, Manifest, Farbthema für hell/dunkel.

  4. 4

    Wählen Sie den Schema.org-Typ

    Artikel, Produkt, Rezept, Veranstaltung, FAQ, Organisation. Füllt JSON-LD mit Ihren Eingaben.

  5. 5

    Kopieren Sie den vollständigen Snippet

    Einfügen zwischen `<head>...</head>`.

Das vollständige Kit

  • Primäre SEO: <title>, description, canonical, viewport, robots, author, charset.
  • Open Graph: og:type, og:title, og:description, og:image (mit Breite/Höhe), og:url, og:site_name, og:locale, og:locale:alternate für Übersetzungen.
  • Twitter Card: twitter:card, twitter:site, twitter:creator, twitter:title, twitter:description, twitter:image, twitter:app:* für Deep-Linking in eine native App.
  • Icons: Multi-Format-Favicon (.ico für Legacy, .svg für modern, Apple Touch-Icon bei 180×180, Masken-Icon für Safari angeheftete Tabs).
  • PWA: manifest.json Link, theme-color für hell und dunkel, apple-mobile-web-app-capable.
  • JSON-LD: Schema.org strukturierte Daten für den Inhaltstyp.

JSON-LD-Vorlagen pro Schema

Artikel

{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "...",
  "author": { "@type": "Person", "name": "..." },
  "datePublished": "2026-04-18",
  "dateModified": "2026-04-18",
  "image": "https://..."
}

Produkt

{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "...",
  "image": "https://...",
  "brand": { "@type": "Brand", "name": "..." },
  "offers": {
    "@type": "Offer",
    "price": "29.99",
    "priceCurrency": "USD",
    "availability": "https://schema.org/InStock"
  }
}

FAQPage

{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [{
    "@type": "Question",
    "name": "...",
    "acceptedAnswer": { "@type": "Answer", "text": "..." }
  }]
}

Wann man jeden Schema.org-Typ verwenden sollte

Inhaltstyp Schema
Blogbeitrag, Nachrichten Article / NewsArticle
Produktseite Product + Offer
Rezept Recipe
Veranstaltung (Konzert, Webinar) Event
Person (Autoren-Seite) Person
Unternehmensseite Organization
FAQ FAQPage
Breadcrumb-Navigation BreadcrumbList
Lokales Geschäft LocalBusiness

Validierung

Nach dem Einfügen, validieren Sie das vollständige <head>:

  • Rich Results Test (Google) für JSON-LD-Berechtigung.
  • Schema Markup Validator für Schema.org-Korrektheit.
  • Facebook Sharing Debugger für Open Graph-Vorschau.
  • Twitter Card Validator für Twitter-Vorschau.
  • Lighthouse (Chrome DevTools → Lighthouse) für ein Gesamt-Audit.

Häufig gestellte Fragen

Nicht direkt. JSON-LD steigert nicht die Rankings. Es ermöglicht die Anzeige von Rich Results (Sternbewertungen, FAQ-Akkordeon, Preis und Lager), was die Klickrate verbessern kann. Eine bessere CTR hilft indirekt.

Ja. Häufiges Muster: ein BreadcrumbList und ein Article (oder Product). Halten Sie jeden Block auf einen Schema-Typ fokussiert, anstatt zu mischen.

Twitter fällt zurück, aber Sie möchten möglicherweise ein anderes Bildseitenverhältnis oder einen Creator-Handle, den OG nicht unterstützt. Setzen Sie Twitter-spezifische Tags nur dort, wo sie sich von OG unterscheiden.

Nein. Es färbt den Browser-Chrome auf Android Chrome und iOS Safari (wenn zum Startbildschirm hinzugefügt). Desktop-Browser ignorieren es.

Nein, der Generator läuft vollständig in Ihrem Browser. Alle Ihre Eingaben bleiben lokal.

Verwandte Tools

Meta-Beschreibungslängenprüfer

Messen Sie eine Meta-Beschreibung in Zeichen und geschätzten Pixeln, vergleichen Sie redaktionelle Richtwerte und prüfen Sie Desktop- und Mobilbeispiele.

Google-SERP-Simulator

Prüfen Sie ein ungefähres Google-ähnliches Such-Snippet mit Zeichenlimits für Mobilgeräte und Desktop. Ihr Entwurf bleibt in dieser Browsersitzung.

HTTP-Sicherheitsheader-Prüfer

Füge HTTP-Response-Header ein und prüfe HSTS, CSP, Einbettungsschutz, MIME-, Referrer- und Cross-Origin-Richtlinien lokal im Browser.

FAQ-Schema-Generator

Erzeugen Sie FAQPage-JSON-LD-Markup aus Frage-Antwort-Paaren, damit Ihre Seite für Googles Rich Results und die Antwortbox infrage kommt.

Canonical-Tag-Generator

Generieren Sie ein gültiges rel=canonical Link-Tag für jede URL. Inklusive URL-Validierung und häufiger Fehler, die Sie vermeiden sollten.

Interne Links Extraktor

Extrahiere alle internen Links von einer URL oder eingefügtem HTML mit Ankertext, rel-Attributen und Nofollow-Status für SEO-Audits.

Tool in anderen Sprachen verfügbar