# Meta Tags Generator — Anwendungsbeispiele > Praxisnahe Durchläufe mit dem Meta Tags Generator: Basis-Head für eine neue Seite, Artikel mit Open Graph und Twitter Card, JSON-LD, Security-Header und Verification. Source: https://www.jpkc.com/db/tools/meta-tags/examples/ Zurück zur Übersicht: [Meta Tags Generator](https://www.jpkc.com/db/tools/meta-tags/) · Tool live öffnen: [www.jpkc.com/tools/meta-tags/](https://www.jpkc.com/tools/meta-tags/) Das [Manual](https://www.jpkc.com/db/tools/meta-tags/manual/) erklärt jede Sektion und jedes Feld im Detail. Diese Seite ergänzt das um **konkrete Arbeitsabläufe**: typische Aufgaben, Schritt für Schritt durchgespielt, mit Blick darauf, welche Bausteine du aktivierst und wie du das Ergebnis liest. Die Oberfläche ist auf Englisch — Sektions- und Button-Namen stehen deshalb im Original, bei Bedarf mit deutscher Erläuterung. ## Beispiel 1: Der Basis-Head für eine neue Seite Der häufigste Fall — du brauchst schnell einen sauberen Pflicht-Head. 1. Öffne den [Generator](https://www.jpkc.com/tools/meta-tags/). **Essential** ist bereits aktiv; die übrigen Sektionen lässt du erstmal aus. 2. Lass **Charset** auf `UTF-8` und **Viewport** auf `Standard`. 3. Tippe einen **Page Title**. Achte auf den Char-Counter: Bleibt er grün, liegst du im Korridor 50–60 Zeichen; läuft er orange/rot, kürzt Google deinen Titel später ab. 4. Schreib eine **Meta Description** zwischen 120 und 160 Zeichen — der Counter führt dich. 5. Trag die **Canonical URL** ein (absolut, mit `https://`). Praktisch: Das Tool übernimmt sie automatisch in spätere JSON-LD- und `og:url`-Felder. 6. Lass bei **Robots Directives** `index` + `follow` gesetzt. Rechts steht jetzt dein vollständiger Essential-Block. 7. Klick **Copy** und füge das HTML in den `` deiner Seite ein — oder **Download** für die Datei `meta-tags.html`. Fertig ist die Pflichtausstattung. Alles Weitere baust du darauf auf. ## Beispiel 2: Eine Artikelseite mit Open Graph und Twitter Card Ein Blogpost soll beim Teilen auf Social Media gut aussehen. 1. Schalte die Sektion **Open Graph** über ihren **Include in output**-Schalter ein. 2. Setz **Type** auf `article`. Jetzt erscheinen die **Article-Felder**: Published Time, Modified Time, Author, Section und Tags. 3. Füll **Title**, **Description** und vor allem **Image URL** aus — als absolute URL. Trag **Width** `1200` und **Height** `630` ein (die vom Tool empfohlene Größe) und einen **Image Alt**-Text. 4. Ergänze **Site Name** und **Locale** (z. B. `de_DE`). Bei den Article-Feldern setzt du Veröffentlichungsdatum, Autor, Rubrik und kommagetrennte **Tags** — daraus macht das Tool je ein eigenes `article:tag`. 5. Schalte zusätzlich **Twitter / X Card** ein, wähle `summary_large_image` und trag `@site`- und `@creator`-Handle ein (das `@` ergänzt das Tool automatisch). Title, Description und Bild kannst du knapper halten als bei OG. 6. Wechsle in den **Preview**-Tab und prüfe **Open Graph Card** und **Twitter / X Card**. Fehlt ein Twitter-Titel, zeigt die Vorschau den OG-Titel als Fallback — im Markup steht dann aber nichts; setz die Felder, die du wirklich ausgeben willst. So bekommst du eine vollständige Social-Vorschau, die auf Facebook, LinkedIn, WhatsApp und X greift. ## Beispiel 3: Structured Data per JSON-LD aufbauen Du willst Rich Results vorbereiten, ohne Schema.org-Syntax von Hand zu tippen. 1. Schalte **Structured Data (JSON-LD)** ein und wähle bei **Schema Type** z. B. `Article`. 2. Die Common-Felder `url`, `name` und `description` sind oft schon vorausgefüllt — das Tool hat sie aus Title, Description und Canonical übernommen. Ergänze bei den Article-Feldern **Author Name** sowie **Published**/**Modified**. 3. Schau rechts ins generierte `