Ueberblick
Mit diesem Werkzeug bereitest du die Metadaten für den Head-Bereich vor, ohne jede Zeile manuell zu schreiben. Das Ergebnis ist ein sauber strukturierter Block, den du in dein HTML einfügen kannst. Das ist hilfreich, wenn ein Seitentitel, eine kurze Beschreibung, eine eindeutige Canonical-URL und Social-Preview-Daten zusammenpassen sollen. Besonders nützlich ist der Generator beim Anlegen neuer Seiten, beim Aktualisieren von Artikeln oder beim Vereinheitlichen von Metadaten in einem Projekt. Du gibst die Daten einmal ein, prüfst das Ergebnis und kopierst nur die Teile, die du wirklich brauchst. So bleiben die Metatags näher am Inhalt und fehlerhafte Attribute oder fehlende Felder fallen schneller auf.
Anwendungsfaelle
- Produktseiten-MetadatenTitel, Beschreibung, Canonical und Social-Preview-Tags für eine Produktdetailseite mit einem konsistenten Set an Werten anlegen.
- Artikelkopf vorbereitenMetadaten für einen Ratgeber, eine Meldung oder einen Blogbeitrag so festlegen, dass Titel und Kurztext zum Inhalt passen.
- Doppelte URLs bereinigenFür gefilterte, paginierte oder mit Parametern versehene Seiten eine Canonical-URL setzen und die Hauptadresse klar benennen.
- Kampagnen-LandingpageMetadaten für eine Aktionsseite mit Kampagnentitel, kurzer Nutzenbeschreibung und Markenbild erzeugen.
- Share-Vorschau steuernTitel, Beschreibung, Seitennamen und Open-Graph-Bild definieren, damit geteilte Links korrekt dargestellt werden.
So funktioniert es
- 1
Seitentitel, Beschreibung, Canonical-URL, Websitename und optionales Open-Graph-Bild eingeben.
- 2
Aus den angegebenen Werten ein vollständiges Meta-Tag-Snippet erzeugen.
- 3
Das Ergebnis prüfen und mit dem Seiteninhalt abgleichen.
- 4
Den Code in den Head-Bereich des HTML-Dokuments kopieren.
Beispiele
Kompakter Laufrucksack
Eingabe: Titel: Kompakter Laufrucksack Beschreibung: Leichtes 8-Liter-Modell mit Trinksystemfach und Brustgurt. Canonical-URL: https://example.com/produkte/kompakter-laufrucksack Websitename: TrailForge OG-Bild: https://example.com/images/rucksack-og.jpg
Ausgabe: <title>Kompakter Laufrucksack</title> <meta name="description" content="Leichtes 8-Liter-Modell mit Trinksystemfach und Brustgurt."> <link rel="canonical" href="https://example.com/produkte/kompakter-laufrucksack"> <meta property="og:site_name" content="TrailForge"> <meta property="og:title" content="Kompakter Laufrucksack"> <meta property="og:description" content="Leichtes 8-Liter-Modell mit Trinksystemfach und Brustgurt."> <meta property="og:image" content="https://example.com/images/rucksack-og.jpg">
Geeignet für eine Produktseite mit bevorzugter URL und passendem Vorschaubild.
3-Tage-Guide für Lissabon
Eingabe: Titel: Lissabon-Budget in 3 Tagen Beschreibung: Tagesplan mit Kosten für Transport, Essen und Unterkunft. Canonical-URL: https://example.com/ratgeber/lissabon-budget Websitename: RouteNotes
Ausgabe: <title>Lissabon-Budget in 3 Tagen</title> <meta name="description" content="Tagesplan mit Kosten für Transport, Essen und Unterkunft."> <link rel="canonical" href="https://example.com/ratgeber/lissabon-budget"> <meta property="og:site_name" content="RouteNotes"> <meta property="og:title" content="Lissabon-Budget in 3 Tagen"> <meta property="og:description" content="Tagesplan mit Kosten für Transport, Essen und Unterkunft.">
Passend für redaktionelle Inhalte mit kurzem, präzisem Text.
Webinar-Anmeldeseite
Eingabe: Titel: Webinar zu Design-Systemen Beschreibung: Live-Session zu Tokens, Komponenten und Teamabläufen. Canonical-URL: https://example.com/webinare/design-systeme Websitename: StudioLine OG-Bild: https://cdn.example.com/webinare/design-systeme.png
Ausgabe: <title>Webinar zu Design-Systemen</title> <meta name="description" content="Live-Session zu Tokens, Komponenten und Teamabläufen."> <link rel="canonical" href="https://example.com/webinare/design-systeme"> <meta property="og:site_name" content="StudioLine"> <meta property="og:title" content="Webinar zu Design-Systemen"> <meta property="og:description" content="Live-Session zu Tokens, Komponenten und Teamabläufen."> <meta property="og:image" content="https://cdn.example.com/webinare/design-systeme.png">
Sinnvoll für Eventseiten, die beim Teilen klar erscheinen sollen.
FAQ
Welche Felder sollte ich zuerst ausfüllen, wenn ich nur die Basis-Tags brauche?
Beginne mit Titel, Beschreibung und Canonical-URL. Websitename und Bild ergänze nur dann, wenn die Vorschau beim Teilen ausführlicher sein soll.
Ändert das Werkzeug automatisch den Titel oder die Beschreibung meiner Seite?
Nein. Es erzeugt den HTML-Code aus deinen Eingaben. Wenn sich der Inhalt ändert, musst du das Snippet neu erstellen.
Wozu dient die Canonical-URL im Ergebnis?
Sie markiert die bevorzugte Hauptadresse der Seite. Verwende die endgültige URL und nicht einen Tracking-Link oder eine Testversion.
Welcher Fehler passiert beim Verwenden des Ergebnisses am häufigsten?
Oft wird der Code an die falsche Stelle im Dokument eingefügt oder die Beschreibung ist zu lang, zu allgemein oder passt nicht zum Seiteninhalt.