¿Qué son las migas de pan de WordPress y cómo habilitarlas en su sitio web?

No se desanime por el nombre inusual, ya que las migas de pan son, de hecho, una herramienta muy útil que mejora significativamente la experiencia del usuario y el SEO de su sitio. Habilitarlos puede ser bastante simple con la ayuda de un código personalizado o un complemento.

En la publicación de hoy, entraremos en detalles sobre las migas de pan de WordPress y cómo funcionan exactamente.

¿Qué son las migas de pan de WordPress?

Las migas de pan son enlaces de navegación que aparecen en la parte superior de una página o publicación. Mostrarán a los visitantes las categorías de nivel superior que los llevaron al contenido deseado y los navegarán a páginas anteriores.

Las migas de pan crean un rastro que lleva al usuario de regreso a casa, de ahí el nombre. Especialmente útil para tiendas en línea o blogs, los usuarios pueden moverse entre publicaciones, páginas de productos y categorías.

¿Cómo funcionan las migas de pan?

Hay tres tipos principales de migas de pan de WordPress:

• Basados ​​en jerarquías: Muestran a los usuarios dónde se encuentran exactamente en la estructura del sitio.
• Basados ​​en atributos: Utilizados principalmente en sitios web de comercio electrónico, muestran los atributos que los usuarios han buscado y que los llevaron al producto que están viendo.
• Basado en el historial: a medida que los usuarios se mueven a través de diferentes páginas, serán conducidos de regreso por donde vinieron.

Cada tipo de pan rallado puede ser útil para diferentes propósitos. Todos ellos, sin embargo, pueden mejorar la navegación y, por extensión, la UX.

También son muy beneficiosos en términos de SEO y mostrarán la relación entre los diferentes contenidos de su sitio web, lo que facilita que los robots de los motores de búsqueda comprendan la estructura de su sitio web.

Esto ayuda a indexar su sitio web con mayor precisión. Los motores de búsqueda también pueden mostrar las migas de pan de su sitio en la lista de resultados, lo que a su vez brinda a los usuarios información adicional sobre el tema o el producto que estaban buscando.

¿Cómo agregar migas de pan de WordPress a su sitio?

En solo unos pocos pasos, puede agregar migas de pan a su sitio, sin importar si es un profesional o un principiante de WordPress.

Yoast SEO

Este es un complemento popular que ayuda a los usuarios a optimizar su contenido y aproximar su clasificación en los motores de búsqueda. Incluye algunas características adicionales, como aumentar la visibilidad de su sitio con migas de pan.

La instalación se puede hacer a través de su Dashboard:

En el siguiente paso, debe agregar este código:

 <?phpif ( function_exists('yoast_breadcrumb') ) {yoast_breadcrumb( '<p>','</p>' );}?>

Si desea agregar migas de pan a las publicaciones de su blog, puede hacerlo en su archivo de plantilla single.php.

También puede pegarlo al final de su archivo header.php, lo que agregará migas de pan a todo su sitio web.

Tenga en cuenta que cualquier actualización futura del tema puede anular el código. En este caso, es mejor ponerse en contacto con el desarrollador de su tema para obtener más información sobre cómo se puede evitar esto. Una vez que coloque el código, vaya a SEO – Apariencia de búsqueda – Migas de pan:

Establezca la configuración en Habilitado, Guardar y Publicar.

Complemento de migas de pan de WordPress

Si ya está utilizando Yoast para fines de SEO, puede ser realmente conveniente agregar migas de pan con él. Sin embargo, si prefiere un complemento diferente que optimice su contenido, aquí hay algunas recomendaciones útiles:

Migas de pan NavXT

Esta es la opción más popular para agregar migas de pan a su sitio. Le proporciona un widget de migas de pan que se puede agregar a cualquier área de widgets, como el pie de página o la barra de herramientas. Es extremadamente personalizable y le permite elegir qué categorías y páginas mostrar en la ruta. También incluye marcado de esquema para la mejora de SEO.

Pan rallado flexible

Flexy Breadcrumb es el complemento mejor calificado que existe para agregar migas de pan de WordPress. Después de descargarlo y activarlo, puede agregar migas de pan a su sitio web con la ayuda de un código abreviado. Esto le brinda más flexibilidad en términos de dónde desea que aparezca su rastro. También puede realizar cambios en el color, el tamaño de fuente y los iconos.

Miga de pan de WooCommerce

Para todos los minoristas en línea, esta es una opción fácil para que los usuarios naveguen por las páginas de productos de su sitio. Si está utilizando el complemento WooCommerce, esta puede ser la mejor opción para usted. Puede activar las migas de pan en las páginas de sus productos, lo que mejora la experiencia del cliente.

Migaja de pan

Breadcrumb es un complemento muy liviano que le permite agregar migas de pan usando códigos cortos. Le proporciona un fragmento de código que se puede agregar a uno de sus archivos de plantilla e incorporar en su pie de página, encabezado o en cualquier otro lugar.

Usar un tema con migas de pan

La idea principal de los temas es controlar cómo se ve tu sitio, pero aparte de eso, también influyen en su funcionalidad. Una de las formas en que esto se puede hacer es agregando migas de pan a sus páginas.

La desventaja es que este proceso implica cambiar la apariencia de su sitio. Si ya tiene un alto conocimiento de marca y una presencia establecida, puede que no sea su mejor opción, y es mejor que opte por un complemento.

Por otro lado, si recién está comenzando un sitio de WordPress o está rediseñando el anterior, usar un tema con migas de pan incorporadas puede ser una decisión que le ahorrará tiempo. Tienes varias opciones gratuitas para elegir:

Océano WP

Este es uno de los temas multipropósito más populares. Tiene un código abreviado incluido para aplicar fácilmente migas de pan a su sitio web.

Astra

Del mismo modo, este tema también hace que agregar migas de pan a su sitio sea bastante fácil.

Agregar migas de pan manualmente

Es cierto que los temas y complementos son lo que hace que WordPress sea una opción tan popular entre los usuarios. En algunos casos, sin embargo, pueden ser un poco limitantes. El código le proporciona un elemento creativo y le da la libertad de escribir sus propias migas de pan.

Para agregarlos manualmente a su sitio, debe seguir dos pasos.

• Agregue una función a su archivo functions.php para habilitarlas.
• Llame al archivo de plantilla donde desea que aparezcan las migas de pan.

Tenga en cuenta que esto solo mostrará las migas de pan en su sitio, pero no las diseñará para que encajen con el diseño. Para lograr eso, también necesitarías sumergirte en algo de CSS.

Diseñar tus migas de pan de WordPress

Si usted es el que codifica las migas de pan, es absolutamente necesario diseñarlas. Si está utilizando un complemento o tema, puede ser muy útil. Tienen un estilo predeterminado que podría no ser una buena combinación para su sitio, en cuyo caso debe modificarlos un poco.

También puede agregar un CSS personalizado para diseñar las migas de pan en la hoja de estilo de su tema o en el área CSS adicional.

Cambiar el tamaño, la fuente y el color de las migas de pan es una de las muchas formas de personalizarlas para su sitio. También puede utilizar elementos como relleno, márgenes, iconos y bordes.

Aquí se puede ver un ejemplo de un CSS que se puede usar para aplicar estilo a las migas de pan:

 .breadcrumb { relleno:8px 15px; margen inferior: 20px estilo de lista: ninguno; color de fondo: #f5f5f5; border-radius: 4px;}.breadcrumb a {color: #428bca; texto-decoración: ninguno;

Las posibilidades son infinitas cuando se trata de CSS. Puede tomar algo de tiempo y experimentación hasta que logre el efecto deseado.

Conclusión

Un buen SEO y UX son elementos clave para un sitio exitoso. Habilitar las migas de pan en su sitio web de WordPress mejorará la experiencia de sus visitantes y la forma en que navegan a través de su contenido, mientras que al mismo tiempo mejorará la indexación de sus páginas.

Comparta con nosotros su experiencia con las migas de pan y cómo han mejorado su presencia en línea.