Inicio › Herramientas para desarrolladores › Generador de schema Breadcrumb

Generador de schema Breadcrumb

Añade las migas desde tu página de inicio hasta la página actual, o pega una URL para crearlas automáticamente. Obtienes JSON-LD BreadcrumbList más el HTML accesible correspondiente para las migas de pan visibles, con las posiciones y las URL absolutas ya rellenadas.

Última actualización:

Empezar desde una URL (opcional)

Divide la ruta en migas (Inicio, Libros, Ficción…). Cámbiales el nombre después.

Ruta de migas de pan

Opcional. Te permite escribir /books/ en lugar de una URL completa; los enlaces se convierten en URL absolutas.

Migas, desde la página de inicio hasta la página actual

Google no la necesita en el último elemento; ambas formas son válidas.

HTML de migas de pan

BreadcrumbList JSON-LD

HTML de migas de pan correspondiente

Pega esto donde deban aparecer las migas de pan en la página. La última miga se marca con aria-current="page".


Publicidad
Publicidad

Cómo usar Generador de schema Breadcrumb

  1. Pega la URL de la página y haz clic en Crear desde URL, o añade migas a mano.
  2. Cambia el nombre de las migas por los títulos de página o categoría que ven los visitantes, por ejemplo "Ficción" en lugar de "fiction".
  3. Revisa el orden: la primera miga es el nivel superior y la última es la página actual.
  4. Copia el JSON-LD en el head o el body de la página.
  5. Copia el HTML de migas de pan en la parte de la página donde deba aparecer la ruta, para que la ruta visible coincida con el marcado.

Anatomía de un BreadcrumbList

Una ruta de migas de pan como Inicio › Libros › Ficción › El largo camino a casa se convierte en una lista de objetos ListItem dentro de itemListElement:

positionnameitem
1Iniciohttps://www.example.com/
2Libroshttps://www.example.com/books/
3Ficciónhttps://www.example.com/books/fiction/
4El largo camino a casaopcional en el último elemento (la página actual)

¿JSON-LD, microdatos o ambos?

EnfoqueQué añades a la páginaIdeal para
JSON-LD + HTML simpleUn bloque script más unas migas de pan <nav> normalesLa mayoría de los sitios; fácil de generar con plantillas
HTML con microdatosUn <nav> con atributos itemscope e itempropSitios que prefieren el marcado dentro del HTML visible

Elige un formato de datos estructurados para cada ruta. Las migas de pan visibles usan aria-label="Breadcrumb" en el <nav> y aria-current="page" en el último elemento, el patrón recomendado para migas de pan accesibles.

Consejos para las migas de pan

  • Refleja la estructura de tu sitio, no el historial de clics del visitante.
  • Usa nombres cortos: títulos de categoría o página, no títulos SEO completos.
  • Enlaza todos los niveles excepto la página actual en la ruta visible.
  • Mantén las URL canónicas, con el mismo protocolo, host y estilo de barra final que el resto de tu sitio.
  • Genera desde plantillas en sitios grandes para que cada página obtenga automáticamente una ruta correcta.

Preguntas frecuentes

¿Qué es el schema BreadcrumbList?

BreadcrumbList es un tipo de schema.org que describe la posición de una página en la jerarquía de un sitio como una lista ordenada de entradas ListItem. Cada elemento tiene una posición, un nombre y la URL de ese nivel. Google puede usarlo para mostrar la ruta en lugar de la URL sin formato en los resultados de búsqueda.

¿Qué propiedades de breadcrumb son obligatorias?

Cada ListItem necesita una posición (empezando en 1), un nombre y una URL item. La URL puede omitirse en el último elemento, que representa la página actual. La lista en sí va en itemListElement.

¿La página de inicio debe ser la primera miga?

Es habitual y correcto empezar con Inicio, pero no es obligatorio. La ruta debe representar un camino típico que seguiría un usuario para llegar a la página, empezando por el nivel superior de tu sitio.

¿Necesito JSON-LD y microdatos a la vez?

No. Usa un solo formato para los datos estructurados. Lo habitual es JSON-LD para el marcado más HTML simple para las migas de pan visibles. La opción de microdatos combina ambos en un único bloque HTML si prefieres no usar JSON-LD.

¿Una página puede tener más de una ruta de migas de pan?

Sí. Si se puede llegar a una página por varios caminos, por ejemplo un producto en dos categorías, puedes incluir más de un BreadcrumbList. Cada ruta debe reflejar un camino real de tu sitio.

¿Las URL de las migas de pan deben ser absolutas?

Sí. Usa URL completas como https://www.example.com/books/. Si escribes rutas relativas en esta herramienta, introduce la dirección de tu sitio y los enlaces se convierten en URL absolutas.

¿El marcado de migas de pan sustituye a una buena navegación?

No. El marcado describe una navegación que ya existe. Muestra en la página unas migas de pan visibles que coincidan con los datos estructurados; ayudan a los visitantes a saber dónde están y a subir un nivel.

¿Se prueban todas las herramientas de FreeToolCabin para comprobar su calidad y precisión?

Sí. Cada herramienta del sitio pasa pruebas automáticas en navegadores reales para comprobar que el resultado es correcto y que no hay errores. Si encuentras un fallo o tienes una sugerencia, escríbenos a [email protected] y lo revisaremos.

Herramientas relacionadas

Ver todas las de Herramientas de SEO y marketing →