¡Añadir pan rallado con Astra! Fácil y rápido

Breadcrumbs in Astra

Astra te permite añadir migas de pan. Y no sólo eso: puedes añadir migas de pan con estilo gestionando los colores y la tipografía para que se adapten al tema de tu sitio web.

¿Qué son las migas de pan?

La lógica de las migas de pan procede de una famosa historia sobre Hansel y Gretel, que se adentraron en el bosque y dejaron caer trozos de pan en su camino, para que les resultara más fácil encontrar el camino de vuelta a casa.

Volviendo a nuestros sitios web... Las migas de pan permiten a los usuarios saber en qué parte de un sitio web se encuentran y les facilitan la navegación hacia atrás. Las migas de pan en un sitio web también permiten a los motores de búsqueda entender la jerarquía de un sitio web.

Al tiempo que mejoran la experiencia del usuario en un sitio web y ofrecen una imagen clara a los motores de búsqueda, las migas de pan son importantes tanto desde el punto de vista del usuario como del SEO. A los motores de búsqueda, especialmente a Google, les encantan. He aquí un artículo sobre Migas de pan en SearchEngine Journal.

Migas de pan en Astra

Hasta ahora, los temas a menudo dependían de plugins de terceros o de algún código PHP para añadir migas de pan en un sitio web. Pero, con la versión 1.8.0 de Astra, presentamos la forma más sencilla de añadir migas de pan con unos pocos clics.

He aquí algunos ejemplos de migas de pan creadas en Astra -

Muestre una miga de pan en la posición que desee.

Astra le permite establecer diferentes posiciones para mostrar las migas de pan en una página web. La imagen de abajo lo tiene colocado encima del título.

Breadcrumbs example

¡Utiliza colores en un pan rallado para que quede genial!

Astra te permite gestionar los colores que ves dentro de un breadcrumb. Tienes varias opciones de color para el texto, los enlaces, el separador, el fondo, etc.

Breadcrumb in the header

Gestione la tipografía del texto de las migas de pan.

¿Desea que la miga de pan destaque sobre el resto del contenido de su página? Puedes gestionar su tipografía a través del propio personalizador.

changing fonts of Breadcrumbs

¿Te preguntas cómo lo hemos hecho?

Ya no necesitas un plugin externo ni un montón de código para añadirlo.

  • Con Astra sólo tiene que pasar al Personalizador -> Diseño -> Migas de pan.
  • Seleccione el lugar en el que desea añadirlo. (Dentro de la cabecera, debajo de la cabecera o encima del título).
Astra Breadcrumb settings
  • Seleccione el Separador que desea utilizar. Gestione las opciones de visualización, la alineación y el espaciado en los ajustes siguientes.
Astra Breadcrumbs settings

Y... ¡Ya está!

Cuando se construyen con Astra, las migas de pan adoptan la configuración predeterminada del tema en cuanto a color y tipografía. Sin embargo, puede editarlos a través del propio personalizador.

¿No parece fácil? Pues lo es.

Las migas de pan con Astra se pueden añadir en un abrir y cerrar de ojos y le encantará el aspecto que tienen en su sitio web.

Además, utiliza la última tecnología JSON LD y, por tanto, sigue las directrices de Google. Esto aumenta sus posibilidades de aparecer en fragmentos enriquecidos en las páginas de resultados de los motores de búsqueda y también afecta a su clasificación en ellos.

Este es el aspecto que podría tener su sitio web en la página de resultados de los motores de búsqueda

Breadcrumbs in google results

¿Acaso la miga de pan no te da una idea clara de la jerarquía del sitio web? Y seguramente le da una idea de las categorías a las que se dirigirá.

Podrías estar destacando con migas como estas simplemente usando Astra 🙂 .

Ahora que ya sabemos qué son las migas de pan, lo importantes que son y lo fácil que es implementarlas con Astra, repasemos algunas -

Preguntas frecuentes

¿Puedo utilizar plugins de terceros como Yoast SEO para implementar migas de pan? ¿Es Astra compatible con ellos?

Sí. Astra soporta plugins como Yoast SEO, Breadcrumb NavXT y Rank Math. Puedes añadir migas de pan a través de estos plugins y gestionar el estilo a través de Astra.

¿Podemos ocultar las migas de pan en determinadas páginas y entradas?

Sí, puedes desactivar las migas de pan en páginas de archivo, páginas 404, etc. a través del propio personalizador. Sin embargo, también puede desactivarlas en páginas y entradas individuales a través de la configuración meta de la entrada.

¿Cambia esto las migas de pan añadidas a través del módulo de cabecera de página del addon Astra Pro?

No! Las migas de pan añadidas a través del módulo de cabecera de página seguirán siendo las mismas. Sin embargo, puede añadir un filtro para actualizarlo según el rastro de migas de pan recientes. Puede leer nuestro artículo de la base de conocimientos que le ayudará cambiar el rastro de migas de pan mediante un filtro.

¿Puedo añadir la miga de pan en cualquier parte de una página?

Sí. Tenemos un código corto que se puede pegar en cualquier diseño personalizado, widget constructor de página, widgets de la barra lateral, encabezado, pie de página, etc. Este mostrará el breadcrumb en el lugar que desee.

¿Emocionado por empezar a usar Breadcrumbs?

Actualiza ahora el tema Astra y el addon Astra Pro y ¡empieza a crear uno para tu sitio web!

¿Tiene alguna duda o sugerencia en la que quiera que trabajemos? No dude en dejarlas en los comentarios a continuación o simplemente puede escríbenos.

Divulgación: Este blog puede contener enlaces de afiliados. Si realiza una compra a través de uno de estos enlaces, es posible que recibamos una pequeña comisión. Leer información. Tenga la seguridad de que sólo recomendamos productos que hemos utilizado personalmente y que creemos que aportarán valor a nuestros lectores. Gracias por su apoyo.

39 comentarios
  1. Rick Profile Pic

    ¡Buena incorporación! Sorprendido y muy contento de ver que Rank Math es compatible. Me encantaría que se añadiera también la compatibilidad con SEOPress. Insertar sus Breadcrumbs no es tan sencillo, así que quizás no sea factible.

    Gracias de todos modos, ¡una gran actualización!

    1. Team Astra Profile Pic

      De nada Rick! 🙂

      Gracias por compartir sus ideas. Nos anima a esforzarnos mucho más por introducir cosas nuevas.

      Compartiremos su sugerencia con nuestros desarrolladores para ver si es posible ofrecer soporte para SEOPress en breve. Muchas gracias de nuevo.

  2. Jacek Profile Pic

    He estado tratando de traducir su "Inicio" parte de la miga de pan y nunca funciona. Lo he probado decenas de veces borrando y deshabilitando toda la caché, usando el plugin Loco Translate con un directorio Custom y todos los trucos posibles que hay. Nada funciona. ¿Podríais echarle un vistazo? Gracias.

  3. publ Profile Pic

    Hola,
    parece que la opción "Después del encabezado" no funciona en los sitios con encabezado transparente. Las migas de pan se ocultan en algún lugar de la parte superior de la página.
    Dentro de la cabecera o Antes del título

    1. Team Astra Profile Pic

      Esto es lo que se espera cuando se utiliza la cabecera transparente. La acción `after header` pone el marcado de la miga de pan después de la acción `after header`.

      `etiqueta.
  4. Mudassir Profile Pic

    Hola Equipo Astra,

    Sois uno de los mejores del mercado. Astra tema y complemento son increíbles y mi blog se ve muy bien ahora.

    Además, es compatible con todos los plugins importantes y tiene todas las funciones importantes que todo blogger necesita.

  5. Lin Profile Pic

    Hola,

    El uso de Breadcrumb NavXT genera errores en la herramienta de comprobación de datos estructurados de Google.

    Indique el valor del campo obligatorio "itemListElement".

    1. Team Astra Profile Pic

      El marcado generado al utilizar el plugin NavXT se ha corregido en la versión de desarrollo del tema. Se publicará en la próxima actualización.

  6. Doug Profile Pic

    Antes pensaba miga de pan no está disponible en su blog y fue la razón principal por la que no ir para su tema, pero ahora puedo simplemente utilizarlo para mi blog.

    gracias por la información.

  7. gumz Profile Pic

    Hola - después de las últimas actualizaciones de Yoast (12.9.1), la opción Fuente de migas de pan ya no aparece - antes de la actualización, funcionaba perfectamente. ¡Gracias por la atención!

    1. Team Astra Profile Pic

      Hola Christoph,

      Es muy sencillo, puedes utilizar el siguiente hook [astra_breadcrumb].

      Puede consultar documento para más información. Esto le ayudará a mostrar las migas de pan en cualquier parte de la página.

      Espero que eso ayude.

    1. Team Astra Profile Pic

      Hola Alex,

      El requisito que usted está buscando se puede lograr utilizando el plugin Yoast, mientras que en la actualidad, no tenemos la opción.

  8. Jhon Profile Pic

    Las migas de pan de Astra no funcionan en el móvil.
    Deshabilito la información de autor y categoría y habilito las migas de pan. Funciona en escritorio pero en móvil muestra Autor y categoría meta en lugar de migas de pan.

  9. sean Profile Pic

    ¿Se puede personalizar el texto de las migas de pan?

    Actualmente creo que los usuarios el título del post, sin embargo, me gustaría ser capaz de añadir una miga de pan personalizado para la legibilidad.

  10. siyamak Profile Pic

    hola. ¿cómo puedo cambiar el nombre de home en breadcrump for exp a mi marca? he cambiado el archivo de traducción pero no funciona. ¿hay alguna otra forma?

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Astra es gratis. Ahora y siempre.

Creemos que crear sitios web atractivos no debería ser caro. Por eso Astra es gratis para todos. Empieza gratis y amplía con paquetes asequibles.

La descarga está a un solo clic

Download Checklist

REWIND

RESUMEN DEL AÑO

La descarga está a un solo clic

Introduce tu dirección de correo electrónico y sé el primero en enterarte de las actualizaciones y novedades.

Descargar gratis Astra Theme - Modal Popup Form
Scroll al inicio