Cómo agregar migas de pan a WordPress para ayudar a los usuarios a navegar mejor por su sitio web

Publicado: 2019-11-20

Si ejecuta un sitio web rico en contenido, o si se pregunta cómo, este artículo lo ayudará a aprender cómo agregar migas de pan a WordPress.

En el cuento de hadas alemán, " Hansel y Gretel ", el hermano y la hermana pequeños, al escuchar el plan de su malvada madrastra de arrojarlos al bosque para que se las arreglaran solos, tomaron una rebanada de pan y dejaron un rastro de migas de pan que seguir de regreso a casa una vez que sus padres los abandonaron.

En la publicación moderna; en la web, software o documentos, las migas de pan se utilizan de manera similar para ayudar al lector a encontrar el camino de regreso a casa. O al menos poder volver sobre sus pasos en función de dónde se encuentren.

Las migas de pan son elementos de navegación secundarios en un sitio web que muestran la ubicación de un visitante.

Estás leyendo este artículo porque sabes lo que es, pero en caso de que te preguntes cómo se ve, puedes dirigirte a eBay y ver el suyo.

Un comprador que ve una base de soporte de almohadilla de carga de cargador rápido inalámbrico Qi para Galaxy S9 + iPhone X XS Max, sabe fácilmente dónde están y cómo obtener las diferentes categorías en las que se incluye su producto.

En este caso, hay un enlace de regreso a la página de inicio, luego un enlace a la categoría principal de un producto en la lista: Teléfonos móviles y accesorios, seguido de una subcategoría: Accesorios para teléfonos móviles y otra subcategoría: Cargadores y bases .

ebay

¿Por qué agregar migas de pan a un sitio web de WordPress?

Al observar la estructura de eBay anterior, puede ver cómo las migas de pan son excelentes para la experiencia del usuario en un sitio web jerárquico o en capas. Un visitante sabe dónde se encuentra en un momento dado mientras navega por un sitio. Si necesitan ir a la categoría principal donde aparece el producto o artículo que están viendo, solo necesitan hacer clic en el enlace en las migas de pan.

Lo que nos lleva a otro beneficio de agregar migas de pan a un sitio web de WordPress, un usuario no necesita hacer clic en el botón Atrás de un navegador, solo la ruta de navegación.

Las migas de pan permiten descubrir contenido en un sitio web. Considere un visitante enviado a un artículo desde un motor de búsqueda o un enlace en otro sitio web. Cuando un usuario ha leído el artículo, la ruta de navegación le ofrece más opciones para ir a una categoría superior para ver contenido similar. Esto, como puede adivinar, hace que un usuario pase más tiempo en un sitio web, lo que conduce a tasas de rebote reducidas.

Las migas de pan no solo ayudan a los usuarios a navegar por un sitio web, sino que también ayudan a los motores de búsqueda a navegar por un sitio.

Cualquier cosa que mejore la experiencia del usuario, cualquier cosa que reduzca las tasas de rebote, cualquier cosa que permita a los bots de los motores de búsqueda rastrear e indexar fácilmente un sitio, ayuda a que un sitio obtenga elogios de los motores de búsqueda.

Tal como están las cosas, agregar migas de pan ayuda a un sitio web con sus esfuerzos de optimización de motores de búsqueda.

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

La mayoría de los temas modernos de WordPress y casi todos los temas de comercio electrónico tienen características de migas de pan por diseño.

Para agregar migas de pan a su sitio web con un tema de este tipo, simplemente habilite la opción, que a menudo se encuentra en las opciones del tema. Consulte la documentación de su tema o los desarrolladores de temas en caso de duda.

Habilitar migas de pan modificando el tema

Si su tema no es compatible de forma nativa con las migas de pan, puede agregarlas fácilmente usando complementos de migas de pan. También puede usar la mayoría de los complementos SEO de WordPress como Yoast para agregar migas de pan a su sitio.

Para este artículo, agregaremos migas de pan a WordPress con un complemento gratuito de WordPress: Breadcrumb NavXT

Paso 1: Instale el complemento de WordPress Breadcrumb NavXT.

Breadcrumb NavXT genera rutas de navegación basadas en la ubicación de un usuario. Los senderos se pueden personalizar a su gusto.

Continúe e instale Breadcrumb NavXT.

Si no sabes cómo instalar complementos en WordPress, es fácil. Inicie sesión en su tablero, luego desplácese hacia abajo en el menú de la izquierda debajo de Complementos, haga clic en Agregar nuevo.

Ingrese el complemento que desea instalar, Breadcrumb NavXT , en el cuadro de búsqueda.

En un segundo o dos, los resultados volverán. Ahora, haga clic en Instalar ahora , después de eso, espere otro segundo o dos, luego haga clic en Activar .

Instalar Breadcrumb NavXT

Paso 2: Mostrar Breadcrumb NavXT Breadcrumbs en un sitio de WordPress.

Puede mostrar las migas de pan de dos maneras.

1. Usando el widget proporcionado por Breadcrumb NavXT

Ir al menú principal; Apariencia > Widgets.

Busque Breadcrumb NavXT y luego arrástrelo a la barra lateral donde desea sus migas de pan.

Mostrar el widget Breadcrumb NavXT

Ahora, vaya a cualquier publicación o página donde aparezca la barra lateral, y debería ver sus migas de pan.

Ver migas de pan en el widget

Si desea que sus migas de pan se encuentren en cualquier lugar que no sea la barra lateral, como el ejemplo de eBay, entonces deberá ensuciarse las manos y modificar su tema.

2. Modifica tu tema

Los archivos que puede necesitar modificar son los; inicio.php, single.php, página.php. También puede modificar taxonomías y cualquier otro archivo, siempre que necesite migas de pan allí.

Pero, antes de hacer nada, haz una copia de seguridad de tu sitio web. Nuestro propio complemento de copia de seguridad WPVivid le ahorrará tiempo y dolor de cabeza si las cosas salen mal.

A continuación, recomiendo realizar cualquier cambio en un tema secundario. Tenemos un artículo que le mostrará exactamente cómo crear un tema secundario para su sitio web de WordPress.

Si ha hecho lo anterior, continúe y agregue el siguiente código a las páginas que desea que muestren sus migas de pan.

 <div class="breadcrumbs" typeof="BreadcrumbList" vocab="https://schema.org/">

<?php if(function_exists('bcn_display')) { bcn_display(); }?>

</div>

Si va a mostrarlo en un artículo, el archivo single.php es lo que modifica. Pegue el código en la etiqueta del artículo.

Mostrar migas de pan modificando el archivo único del tema

Guarde sus cambios y luego vaya a sus artículos.

Sus migas de pan deben estar en el área donde colocó su código.

Puede ver que en mi caso tengo las migas de pan en la parte superior del artículo.

Ver migas de pan en el artículo

Si sus migas de pan no se muestran correctamente, deberá diseñarlo con algo de CSS.

Breadcrumb NavXT utiliza la clase css .breadcrumbs (esto también puede depender de su tema). Puede modificar el código CSS de su sitio o usar el personalizador de WordPress para diseñar sus migas de pan.

 .migas de pan {

color: #000;

margen inferior: 20px;

}

Paso 3: Personalización de las migas de pan Breadcrumb NavXT.

Si necesita realizar modificaciones en sus migas de pan, puede hacerlo en su panel de control de WordPress.

Vaya a la página de configuración de Breadcrumb NavXT. Puede encontrarlo en el menú general de WordPress Configuración > Breadcrumb NavXT .

Personalice las migas de pan Breadcrumb NavXT

Eso es todo, espero que haya agregado con éxito migas de pan a su sitio de WordPress.

No pierda a sus visitantes en la jungla de su sitio web. Agregue migas de pan a su sitio web.

A continuación, es posible que también desee aprender cómo agregar la Búsqueda personalizada de Google a WordPress para mejorar su navegación en el sitio.