jquery.app
Espanol
EnglishDeutschFrancaisEspanol日本語Nederlands

Herramientas SEO

Gratis Generador de front matter Markdown

Genera bloques YAML front matter para Jekyll, Hugo, Astro, 11ty y otros generadores de sitios estáticos.

Cargando herramienta...

Qué es Generador de front matter Markdown?

El front matter es un bloque de YAML o TOML al inicio de un archivo Markdown que proporciona metadatos al generador de sitios estáticos. Le indica al generador qué diseño usar, cuál es el título de la página, cuándo se publicó y qué etiquetas o categorías aplican. El front matter es el puente entre el contenido Markdown sin procesar y la página HTML generada.

Respuesta rápida

El front matter son metadatos YAML o TOML al inicio de un archivo Markdown que le indican a su generador de sitios estáticos el título de la página, diseño, fecha de publicación, etiquetas y otras configuraciones. Está separado del contenido por tres guiones.

Last updated: 2026-06-11

Limitaciones

  • Los campos específicos del front matter varían según el generador de sitios estáticos. Jekyll, Hugo, Astro y 11ty usan diferentes nombres de campos y convenciones.
  • Esta herramienta genera solo formato YAML. Los generadores que prefieren front matter TOML o JSON necesitarán un formato diferente.
  • Los valores del front matter distinguen entre mayúsculas y minúsculas en la mayoría de los generadores de sitios estáticos. layout: post y Layout: post se tratan como campos diferentes.

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

Cómo usar esta herramienta

  1. Ingrese el título de la página, la fecha de publicación y la meta descripción para su publicación o página.
  2. Agregue etiquetas y un nombre de autor si su sitio lo soporta. Déjelos en blanco para omitirlos.
  3. Establezca el layout para que coincida con el nombre de la plantilla de su tema, como post o page.
  4. Copie el bloque de front matter generado y péguelo al inicio de su archivo Markdown.

Para qué puedes usarla

  • Crear front matter consistente para un lote de nuevas publicaciones de blog.
  • Generar front matter para una migración de sitio estático desde WordPress a Jekyll o Hugo.
  • Preparar front matter de borrador con draft: true para que el contenido permanezca sin publicar durante la revisión.

Casos de uso

Ejemplos prácticos

Ejemplo

Publicación de blog en Jekyll

Un escritor agrega front matter con título, fecha, layout: post y una lista de etiquetas. Jekyll usa el layout para envolver el contenido y la fecha para ordenarlo en el archivo del blog.

Ejemplo

Entrada de colección de contenido en Astro

Un sitio Astro usa front matter con título, description y un campo slug. El slug sobrescribe el nombre del archivo para que la URL se mantenga limpia incluso cuando el archivo se renombra.

Errores comunes

  • Usar tabulaciones en lugar de espacios en valores YAML, lo que causa errores de análisis en generadores de sitios estáticos.
  • Olvidar el cierre ---, lo que hace que el generador trate el resto del archivo como front matter.
  • Escribir valores sin comillas con dos puntos o caracteres especiales como Title: Mi Página: Subtítulo, lo que rompe el analizador YAML.

Verificación

  1. Compile el sitio con su generador de sitios estáticos y confirme que la página se renderice con el diseño, título y metadatos correctos del front matter.
  2. Verifique que los caracteres especiales en los valores del front matter estén entre comillas para evitar errores de análisis YAML durante la compilación.

FAQ

Preguntas sobre Generador de front matter Markdown

¿Para qué se usa el front matter?

El front matter le indica a su generador de sitios estáticos cómo manejar una página: qué diseño aplicar, qué título usar en el head HTML, cuándo publicar y cómo organizar el contenido en colecciones o páginas de etiquetas.

¿Necesita todo archivo Markdown front matter?

No. Los archivos estáticos como una página Acerca de sin metadatos especiales pueden omitir el front matter. La mayoría de los generadores tratan un archivo sin front matter como un paso directo de HTML simple.

¿Cuál es la diferencia entre front matter YAML y TOML?

YAML usa estructura basada en sangría con pares key: value separados por dos puntos. TOML usa secciones al estilo INI con pares key = value. La mayoría de los generadores de sitios estáticos usan YAML por defecto, pero Hugo y algunos otros soportan TOML como alternativa.

¿Puedo usar campos personalizados más allá del título, fecha y layout estándar?

Sí. La mayoría de los generadores de sitios estáticos permiten campos personalizados arbitrarios en el front matter. Puede agregar campos como author, tags, series, featured_image o cualquier clave específica del proyecto. Los motores de plantillas como Liquid, Nunjucks o Go templates pueden leer estos campos personalizados y renderizarlos en el diseño de la página. Los campos personalizados también son útiles para páginas SEO programáticas donde cada página lleva datos que las plantillas consumen en tiempo de compilación.

Herramientas relacionadas

Más herramientas seo

Prueba también

Prueba también