¿Alguna vez ha deambulado por una gran tienda sin saber por dónde había empezado y cómo volver al pasillo principal? Lo mismo ocurre cuando se navega por una gran tienda en línea.
Las migas de pan son pequeñas rutas de navegación que te muestran la ruta que has seguido en un sitio web, como útiles señales que guían a los compradores a través de tu tienda WooCommerce.
No solo facilitan la navegación de los clientes, sino que también permiten a los motores de búsqueda comprender mejor la estructura de su sitio, lo que puede mejorar su SEO.
La buena noticia es que añadir migas de pan a tu tienda WooCommerce es sorprendentemente sencillo. En este artículo, te mostraremos algunos métodos sencillos para poner en marcha esos útiles senderos de navegación en tu sitio en un abrir y cerrar de ojos.
¿Por qué añadir migas de pan en WooCommerce?
Las migas de pan son enlaces de navegación que aparecen en la parte superior de las páginas de productos o entradas de blog. Estos enlaces muestran a los visitantes cómo han llegado a la página que están viendo.
Por ejemplo, si tienes una tienda WooCommerce que vende ropa, entonces el menú de migas de pan podría ser algo como esto: Inicio ” Moda Masculina ” Camisas y Polos ” Camisas Formales.
Activar las migas de pan en WooCommerce hace que sea más fácil para sus clientes navegar por su tienda en línea y encontrar los productos que están buscando. Pueden hacer clic fácilmente en los atributos del producto o en las categorías para ver los productos relacionados.
Las migas de pan también ayudan a los motores de búsqueda a entender la jerarquía y la estructura de los enlaces de su tienda de comercio electrónico. Los motores de búsqueda como Google incluso las muestran en los resultados de búsqueda, lo que puede aumentar su tasa de clics.
Dicho esto, vamos a ver cómo puedes activar las migas de pan en tu tienda WooCommerce. Cubriremos dos métodos, y el primero es el recomendado para la mayoría de los usuarios:
Método 1: Añadir migas de pan en WooCommerce Usando AIOSEO (Recomendado)
La forma más sencilla de activar las migas de pan en WooCommerce es utilizando el plugin All in One SEO (AIOSEO).
Es el mejor plugin SEO para WordPress del mercado y te permite añadir migas de pan en WooCommerce con solo hacer clic. El plugin también te ayuda a optimizar tu tienda para los motores de búsqueda sin necesidad de conocimientos técnicos.
Para este tutorial, utilizaremos la versión AIOSEO Pro porque incluye plantillas de migas de pan y ofrece más opciones de personalización.
También existe una versión gratuita que incluye migas de pan pero no ofrece plantillas de migas de pan.
En primer lugar, tendrá que instalar y activar el plugin AIOSEO en su sitio web. Puedes consultar nuestra guía para más detalles sobre cómo instalar un plugin de WordPress.
Una vez activado, tendrá que ir a All in One SEO ” Ajustes generales e introducir su clave de licencia. Puede encontrar la clave en el área de la cuenta de AIOSEO.
A continuación, tendrás que establecer AIOSEO en tu tienda WooCommerce utilizando su asistente de configuración. Si necesitas ayuda, puedes seguir nuestra guía sobre cómo establecer All in One SEO para WordPress.
Una vez que haya configurado correctamente el plugin en su sitio web, deberá ir a la página All in One SEO ” Ajustes generales y, a continuación, hacer clic en la pestaña “Migas de pan”.
Después de eso, puede activar la opción “Activar migas de pan”, y AIOSEO añadirá automáticamente el marcado del esquema de migas de pan al código de su tienda WooCommerce.
A continuación, tendrá que elegir cómo desea mostrar las migas de pan. Simplemente desplázate hacia abajo y verás las diferentes formas de añadir migas de pan a tu tienda online.
Puede añadirlas a cualquier página o entrada manualmente mediante un shortcode o bloque, o añadirlas a un área de widget. Los usuarios avanzados también pueden utilizar código PHP para añadir migas de pan a los archivos de plantilla de su tema.
A continuación le mostraremos cómo añadir migas de pan a sus productos de WooCommerce, pero antes, echemos un vistazo a las opciones de personalización.
Ahora, si se desplaza hacia abajo hasta la sección de Ajustes de migas de pan, verá múltiples ajustes para personalizar sus migas de pan.
Por ejemplo, puedes cambiar el símbolo separador, activar el enlace de página de inicio, añadir un prefijo de migas de pan, cambiar el formato y mucho más. Incluso puedes ver una vista previa de cómo aparecen tus enlaces de navegación en tu tienda WooCommerce.
AIOSEO Pro también le da acceso a plantillas de migas de pan.
Estas plantillas le permiten enlazar en su sitio web migas de pan de aspecto profesional para distintos tipos de contenido, taxonomías y archivos.
No solo eso, sino que el plugin de WordPress también ofrece diferentes opciones para personalizar la plantilla.
Por ejemplo, puede desactivar la opción “Utilizar una plantilla por defecto” y ver más ajustes.
Hay opciones para mostrar el enlace de la página de inicio, el enlace del archivo de tipo de entradas, el enlace de taxonomía, añadir etiquetas a la plantilla y seleccionar si desea dar prioridad a las categorías o a la taxonomía de etiquetas.
Si ha establecido categorías superiores para varios productos, también puede personalizarlas en el editor de plantillas de migas de pan.
Cuando hayas terminado, no olvides guardar los cambios.
A continuación, tendrá que añadir migas de pan a las páginas de productos de WooCommerce.
AIOSEO mostrará cuatro métodos diferentes, pero la forma más fácil es mediante el uso de un shortcode para mostrar las migas de pan enlaces de navegación en su tienda online.
Todo lo que tienes que hacer es añadir el siguiente shortcode donde quieras mostrar las migas de pan:
[aioseo_breadcrumbs]
Simplemente dirígete a Productos ” Todos los productos y edita una página de producto. A continuación, puede añadir el shortcode en la vista “Texto” del editor de WordPress y actualizar su página.
Ahora puede visitar la página de su producto para ver cómo se enlazan las migas de pan.
Este es el aspecto que tenía en nuestro sitio web de prueba.
Además, también puedes añadir migas de pan a la barra lateral de tu tienda WooCommerce. De esta manera, no tendrás que editar cada página de producto individual para mostrar los enlaces de navegación, ya que aparecerán en todo el sitio en la barra lateral.
Para mostrar las migas de pan en la barra lateral, puede dirigirse a Apariencia ” Widgets desde su área de administrador de WordPress.
Haga clic en el icono del signo más de la parte superior izquierda y busque “migas de pan” para encontrar el widget “AIOSEO – Migas de pan”. Simplemente arrástrelo y suéltelo en la barra lateral. También puede introducir un título para sus enlaces de navegación.
Una vez hecho esto, puedes hacer clic en el botón “Guardar”.
A continuación, sólo tienes que ver tu tienda WooCommerce para ver las migas de pan en la barra lateral.
Si quieres utilizar otras extensiones para añadir migas de pan a tu tienda WooCommerce, entonces comprueba nuestra guía sobre cómo mostrar enlaces de navegación con migas de pan en WordPress.
Cómo añadir migas de pan para varias categorías
¿Tienes productos en tu tienda WooCommerce que tienen varias categorías?
En caso afirmativo, establecer las migas de pan correctamente puede ser un reto porque WordPress no registra la ruta que siguió un cliente para llegar a la página de producto.
Sin embargo, AIOSEO añade automáticamente la primera categoría en las migas de pan y facilita mostrar el menú de navegación correcto para los productos que tienen varias categorías.
El plugin también ofrece una plantilla de migas de pan que puede personalizar para las taxonomías de WordPress como las categorías de productos. Todo lo que tienes que hacer es dirigirte a All in One SEO ” Ajustes Generales y luego seleccionar la pestaña ‘Migas de pan’.
A continuación, desplázate hasta la sección “Plantillas de migas de pan” y selecciona la pestaña Taxonomías. Por defecto, el plugin mostrará el enlace del elemento / artículo padre en las migas de pan de tu tienda WooCommerce.
Si desactiva la opción “Utilizar una plantilla por defecto”, verá que se activa la opción “Mostrar enlace de elemento / artículo principal”. De este modo, podrá mostrar fácilmente la categoría principal de cualquier producto de su sitio web.
Por ejemplo, supongamos que tiene una tienda de zapatos en línea y uno de los productos pertenece a las categorías Zapatillas y Zapatillas de deporte.
AIOSEO elegirá automáticamente la primera categoría.
A continuación, se mostrará en el menú de navegación de migas de pan.
Método 2: Añadir migas de pan usando WooCommerce Breadcrumbs Plugin
Otra forma de activar las migas de pan en WooCommerce es usando el plugin WooCommerce Breadcrumbs.
Es un plugin gratuito para WordPress que te permite añadir migas de pan a tu tienda online. El plugin es fácil de usar pero carece de las características de personalización que encontrarás en AIOSEO.
En primer lugar, tendrás que instalar y activar el plugin WooCommerce Breadcrumbs. Para más detalles, puedes consultar nuestro tutorial sobre cómo instalar un plugin de WordPress.
Una vez que el plugin esté activado, puede dirigirse a Ajustes ” WC Breadcrumbs desde su área de administrador de WordPress. A continuación, haga clic en la casilla de verificación “Activar migas de pan”.
A continuación, puedes cambiar la apariencia de los enlaces de navegación que aparecerán en tu tienda WooCommerce.
El plugin de WooCommerce te permite elegir el símbolo separador de migas de pan y las etiquetas HTML antes y después de tus migas de pan.
Si se desplaza hacia abajo, encontrará más opciones de personalización. Por ejemplo, puedes cambiar el texto y la URL de tu página de inicio que aparecerá en los enlaces de navegación.
Cuando hayas terminado con los cambios, no olvides hacer clic en el botón “Guardar cambios” de la parte inferior.
Guías de expertos en WordPress y WooCommerce Navegación
Esperamos que este artículo te haya ayudado a aprender cómo añadir migas de pan en WooCommerce. Puede que también quieras ver otras guías relacionadas con la navegación en WordPress y WooCommerce:
- Glosario Migas de pan
- Cómo enlazar migas de pan en WordPress
- Cómo hacer una búsqueda inteligente de productos en WooCommerce
- Cómo añadir una tecla de navegación en WordPress
- Cómo añadir un menú de navegación en WordPress (Guía para principiantes)
- Cómo añadir menús de navegación personalizados en temas de WordPress
- Cómo añadir elementos personalizados a menús específicos de WordPress
- Cómo crear un menú desplegable en WordPress (Guía para principiantes)
- Cómo mostrar diferentes menús a los usuarios conectados en WordPress
- Cómo dar estilo a los menús de navegación de WordPress
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Syed Balkhi
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!