Outils SEO

Gratuit Generateur de front matter Markdown

Générez des blocs YAML front matter pour Jekyll, Hugo, Astro, 11ty et autres generateurs de site statique.

Chargement de l'outil...

Qu'est-ce que Generateur de front matter Markdown ?

Le front matter est un bloc de YAML ou TOML au début d'un fichier Markdown qui fournit des métadonnées au générateur de site statique. Il indique au générateur quel layout utiliser, quel est le titre de la page, quand elle a été publiée et quels tags ou catégories s'appliquent. Le front matter est le pont entre le contenu Markdown brut et la page HTML générée.

Réponse rapide

Le front matter est des métadonnées YAML ou TOML en haut d'un fichier Markdown qui indiquent à votre générateur de site statique le titre de la page, le layout, la date de publication, les tags et d'autres paramètres. Il est séparé du contenu par des triples tirets.

Last updated: 2026-06-11

Limites

Les champs de front matter spécifiques varient selon le générateur de site statique. Jekyll, Hugo, Astro et 11ty utilisent chacun des noms de champs et des conventions différents.
Cet outil génère uniquement le format YAML. Les générateurs qui préfèrent le front matter TOML ou JSON auront besoin d'un format différent.
Les valeurs du front matter sont sensibles à la casse dans la plupart des générateurs de site statique. layout: post et Layout: post sont traités comme des champs différents.

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

Comment utiliser cet outil

Saisissez le titre de la page, la date de publication et la méta-description pour votre article ou page.
Ajoutez des tags et un nom d'auteur si votre site les supporte. Laissez ces champs vides pour les omettre.
Définissez le layout pour correspondre au nom du modèle de votre thème, comme post ou page.
Copiez le bloc de front matter généré et collez-le tout en haut de votre fichier Markdown.

A quoi il sert

Créer un front matter cohérent pour un lot de nouveaux articles de blog.
Générer un front matter pour une migration de site statique depuis WordPress vers Jekyll ou Hugo.
Préparer un front matter de brouillon avec draft: true pour que le contenu reste non publié pendant la révision.

Cas d'usage

Exemples concrets

Exemple

Article de blog Jekyll

Un rédacteur ajoute un front matter avec le titre, la date, layout: post et une liste de tags. Jekyll utilise le layout pour envelopper le contenu et la date pour le trier dans les archives du blog.

Exemple

Entrée de collection Astro

Un site Astro utilise un front matter avec le titre, la description et un champ slug. Le slug remplace le nom de fichier pour que l'URL reste propre même lorsque le fichier est renommé.

Erreurs frequentes

Utiliser des tabulations au lieu d'espaces dans les valeurs YAML, ce qui provoque des erreurs d'analyse dans les générateurs de site statique.
Oublier le --- de fermeture, ce qui fait que le générateur traite le reste du fichier comme du front matter.
Écrire des valeurs non entre guillemets avec des deux-points ou des caractères spéciaux comme Titre: Ma Page: Sous-titre, ce qui casse l'analyseur YAML.

Vérification

Construisez le site avec votre générateur de site statique et confirmez que la page s'affiche avec le layout, le titre et les métadonnées corrects provenant du front matter.
Vérifiez que les caractères spéciaux dans les valeurs du front matter sont entre guillemets pour éviter les erreurs d'analyse YAML lors de la construction.

FAQ

Questions sur Generateur de front matter Markdown

À quoi sert le front matter ?

Le front matter indique à votre générateur de site statique comment gérer une page : quel layout appliquer, quel titre utiliser dans l'en-tête HTML, quand publier et comment organiser le contenu dans des collections ou des pages de tags.

Chaque fichier Markdown a-t-il besoin d'un front matter ?

Non. Les fichiers statiques comme une page à propos sans métadonnées spéciales peuvent omettre le front matter. La plupart des générateurs traitent un fichier sans front matter comme un passage direct HTML.

Quelle est la différence entre le front matter YAML et TOML ?

YAML utilise une structure basée sur l'indentation avec des paires clé: valeur séparées par des deux-points. TOML utilise des sections de style INI avec des paires clé = valeur. La plupart des générateurs de site statique utilisent YAML par défaut, mais Hugo et certains autres supportent TOML comme alternative.

Puis-je utiliser des champs personnalisés au-delà du titre, de la date et du layout standard ?

Oui. La plupart des générateurs de site statique autorisent des champs personnalisés arbitraires dans le front matter. Vous pouvez ajouter des champs comme author, tags, series, featured_image ou toute clé spécifique au projet. Les moteurs de template comme Liquid, Nunjucks ou Go templates peuvent lire ces champs personnalisés et les rendre dans la mise en page de la page. Les champs personnalisés sont également utiles pour les pages SEO programmatiques où chaque page transporte des données que les templates consomment au moment de la construction.

Outils lies