jquery.app
Deutsch
EnglishDeutschFrancaisEspanol日本語Nederlands

SEO-Tools

Kostenlose Markdown-Front-Matter-Generator

Generiere YAML-Front-Matter-Blocke für Jekyll, Hugo, Astro, 11ty und andere Static-Site-Generators.

Tool wird geladen...

Was ist Markdown-Front-Matter-Generator?

Front Matter ist ein Block aus YAML oder TOML am Anfang einer Markdown-Datei, der Metadaten für den Static-Site-Generator bereitstellt. Er teilt dem Generator mit, welches Layout zu verwenden ist, wie der Seitentitel lautet, wann veröffentlicht wurde und welche Tags oder Kategorien zutreffen. Front Matter ist die Brücke zwischen rohem Markdown-Inhalt und der generierten HTML-Seite.

Kurze Antwort

Front Matter sind YAML- oder TOML-Metadaten am Anfang einer Markdown-Datei, die Ihrem Static-Site-Generator den Seitentitel, das Layout, das Veröffentlichungsdatum, Tags und andere Einstellungen mitteilen. Sie sind durch drei Bindestriche vom Inhalt getrennt.

Last updated: 2026-06-11

Einschränkungen

  • Die spezifischen Front-Matter-Felder variieren je nach Static-Site-Generator. Jekyll, Hugo, Astro und 11ty verwenden unterschiedliche Feldnamen und Konventionen.
  • Dieses Tool generiert nur das YAML-Format. Generatoren, die TOML oder JSON Front Matter bevorzugen, benötigen ein anderes Format.
  • Front-Matter-Werte sind in den meisten Static-Site-Generatoren case-sensitive. layout: post und Layout: post werden als unterschiedliche Felder behandelt.

Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub

So nutzt du dieses Tool

  1. Geben Sie den Seitentitel, das Veröffentlichungsdatum und die Meta-Beschreibung für Ihren Beitrag oder Ihre Seite ein.
  2. Fügen Sie Tags und einen Autorennamen hinzu, wenn Ihre Site diese unterstützt. Lassen Sie diese Felder leer, um sie wegzulassen.
  3. Legen Sie das Layout fest, das dem Templatenamen Ihres Themes entspricht, z.B. post oder page.
  4. Kopieren Sie den generierten Front-Matter-Block und fügen Sie ihn ganz oben in Ihre Markdown-Datei ein.

Wofür du es nutzen kannst

  • Konsistente Front Matter für eine Reihe neuer Blogbeiträge erstellen.
  • Front Matter für eine Static-Site-Migration von WordPress zu Jekyll oder Hugo generieren.
  • Entwurfs-Front-Matter mit draft: true vorbereiten, damit der Inhalt während der Überprüfung unveröffentlicht bleibt.

Anwendungsfalle

Praxisbeispiele

Beispiel

Jekyll-Blogbeitrag

Ein Autor fügt Front Matter mit Titel, Datum, layout: post und einer Liste von Tags hinzu. Jekyll verwendet das Layout, um den Inhalt zu umschließen, und das Datum, um ihn im Blog-Archiv zu sortieren.

Beispiel

Astro-Content-Collection-Eintrag

Eine Astro-Site verwendet Front Matter mit title, description und einem slug-Feld. Der slug überschreibt den Dateinamen, sodass die URL sauber bleibt, auch wenn die Datei umbenannt wird.

Haufige Fehler

  • Verwendung von Tabs anstelle von Leerzeichen in YAML-Werten, was Parse-Fehler in Static-Site-Generatoren verursacht.
  • Vergessen des schließenden ---, wodurch der Generator den Rest der Datei als Front Matter behandelt.
  • Schreiben von nicht in Anführungszeichen gesetzten Werten mit Doppelpunkten oder Sonderzeichen, was den YAML-Parser beschädigt.

Überprüfung

  1. Erstellen Sie die Site mit Ihrem Static-Site-Generator und bestätigen Sie, dass die Seite mit dem korrekten Layout, Titel und den Metadaten aus der Front Matter gerendert wird.
  2. Überprüfen Sie, dass Sonderzeichen in Front-Matter-Werten in Anführungszeichen gesetzt sind, um YAML-Parse-Fehler während des Builds zu vermeiden.

FAQ

Fragen zu Markdown-Front-Matter-Generator

Wofür wird Front Matter verwendet?

Front Matter teilt Ihrem Static-Site-Generator mit, wie eine Seite zu behandeln ist: welches Layout anzuwenden, welcher Titel im HTML-Head zu verwenden, wann zu veröffentlichen und wie der Inhalt in Collections oder Tag-Seiten zu organisieren ist.

Benötigt jede Markdown-Datei Front Matter?

Nein. Statische Dateien wie eine Über-Seite ohne spezielle Metadaten können Front Matter weglassen. Die meisten Generatoren behandeln eine Datei ohne Front Matter als einfachen HTML-Durchlauf.

Was ist der Unterschied zwischen YAML- und TOML-Front-Matter?

YAML verwendet ein einrückungsbasiertes Format mit key: value-Paaren, getrennt durch Doppelpunkte. TOML verwendet INI-ähnliche Abschnitte mit key = value-Paaren. Die meisten Static-Site-Generatoren verwenden standardmäßig YAML.

Kann ich benutzerdefinierte Felder über die Standardfelder hinaus verwenden?

Ja. Die meisten Static-Site-Generatoren erlauben beliebige benutzerdefinierte Felder in Front Matter. Sie können Felder wie author, tags, series oder featured_image hinzufügen. Template-Engines können diese benutzerdefinierten Felder lesen und im Seiten-Layout rendern.

Verwandte Tools

Weitere seo-tools

Auch ausprobieren

Auch ausprobieren