¿Quieres saber cómo agregar de forma sencilla las llamadas migas de pan a tu tienda WooCommerce?.
Las “Breadcrumbs” ayudan a los visitantes de un sitio web a navegar por su sitio web más fácilmente. También ayudan a los motores de búsqueda a comprender la estructura y jerarquía del contenido de su sitio y mostrarlos en los resultados de búsqueda. En este tutorial, vamos a mostrar cómo agregar rutas de navegación en WooCommerce utilizando métodos muy simples.
¿Por qué es conveniente agregar migas de pan en WooCommerce?
Las rutas de navegación son enlaces de navegación que aparecen en la parte superior de las páginas de sus productos o publicaciones de blog. Estos enlaces muestran a sus visitantes cómo terminaron en la página que están viendo actualmente.
Por ejemplo, si tiene una tienda WooCommerce que vende ropa, entonces el menú de ruta de navegación podría verse así: Inicio »Moda masculina» Camisas y polos »Camisas formales.
Habilitar 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 o categorías de productos para ver productos relacionados.
Las migas de pan también ayudan a los motores de búsqueda a comprender la jerarquía y la estructura de los enlaces en su tienda de comercio electrónico. Los motores de búsqueda como Google incluso los muestran en los resultados de búsqueda, lo que puede aumentar su tasa de clics.
Dicho esto, veamos cómo puede habilitar las migas de pan en su tienda WooCommerce.
Método Primero: Agregar Breadcrumbs en WooCommerce usando AIOSEO (recomendado)
La forma más sencilla de habilitar las rutas de navegación en WooCommerce es mediante un plugin wordpress All in One SEO (AIOSEO).
Es el mejor complemento de WordPress SEO del mercado y le permite agregar rutas de navegación en WooCommerce con solo hacer clic en un botón. El complemento también lo ayuda a optimizar su tienda para los motores de búsqueda sin ninguna habilidad técnica.
Para este tutorial, usaremos la versión AIOSEO Pro porque incluye plantillas de migas de pan y ofrece más opciones de personalización.
También hay una versión gratuita disponible que incluye migas de pan pero no ofrece plantillas de migas de pan.
Primero, deberá instalar y activar el complemento AIOSEO en su sitio web. Puede consultar nuestra guía para obtener más detalles sobre cómo instalar un complemento de WordPress.
Tras la activación, deberá navegar a Todo en uno SEO »Configuración general e ingrese su clave de licencia. Puede encontrar la clave en el área de la cuenta AIOSEO.
A continuación, deberá configurar AIOSEO en su tienda WooCommerce utilizando su asistente de configuración. Si necesita ayuda, puede seguir nuestra guía sobre cómo configurar All in One SEO para WordPress.
Una vez que haya configurado correctamente el complemento en su sitio web, deberá ir a la Todo en uno SEO »Configuración general y luego haga clic en la pestaña ‘Breadcrumbs’.
Después de eso, puede activar la opción ‘Habilitar migas de pan’, y AIOSEO agregará automáticamente el marcado de esquema de migas de pan al código de su tienda WooCommerce.
A continuación, deberá elegir cómo le gustaría mostrar las migas de pan. Simplemente desplácese hacia abajo y verá las diferentes formas de agregar migas de pan a su tienda en línea.
Puede agregarlos a cualquier página o publicarlos manualmente usando un código corto o bloque, o agregarlos a un área de widgets. Los usuarios avanzados también pueden usar código PHP para agregar rutas de navegación a sus archivos de plantilla de tema.
A continuación, le mostraremos cómo agregar rutas de navegación a sus productos WooCommerce, pero primero echemos un vistazo a las opciones de personalización.
Ahora, si se desplaza hacia abajo hasta la sección Configuración de migas de pan, verá varias configuraciones para personalizar sus migas de pan.
Por ejemplo, puede cambiar el símbolo del separador, habilitar el enlace de la página de inicio, agregar un prefijo de ruta de navegación, cambiar el formato y más. Incluso puede ver una vista previa de cómo aparecen sus enlaces de navegación en su tienda WooCommerce.
AIOSEO Pro también le da acceso a plantillas de ruta de navegación. Estas plantillas le permiten mostrar enlaces de ruta de navegación de aspecto profesional en su sitio web para diferentes tipos de contenido, taxonomías y archivos.
No solo eso, sino que el complemento de WordPress también ofrece diferentes opciones para personalizar la plantilla. Por ejemplo, puede deshabilitar la opción de ‘Usar una plantilla predeterminada’ y ver más configuraciones.
Hay opciones para mostrar el enlace de la página de inicio, el enlace de archivo de tipo de publicación, el enlace de taxonomía, agregar etiquetas a la plantilla y seleccionar si desea priorizar categorías o taxonomía de etiquetas.
Si tiene categorías principales configuradas para varios productos, también puede personalizarlas en el editor de plantillas de ruta de navegación. Cuando haya terminado, no olvide guardar sus cambios. A continuación, deberá agregar rutas de navegación a las páginas de sus productos WooCommerce.
AIOSEO mostrará cuatro métodos diferentes, pero la forma más fácil es usar un código corto para mostrar los enlaces de navegación de rutas de navegación en su tienda en línea.
Todo lo que tiene que hacer es agregar el siguiente código corto donde le gustaría mostrar las migas de pan.
[aioseo_breadcrumbs]
Simplemente dirígete a Productos »Todos los productos y editar una página de producto. A continuación, puede agregar el código corto en la vista ‘Texto’ del editor de WordPress y actualizar su página.
Ahora puede visitar la página de su producto para ver los enlaces de navegación de rutas de navegación en acción.
Además de eso, también puede agregar rutas de navegación a la barra lateral de su tienda WooCommerce. De esta manera, no tendrá que editar cada página de producto individual para mostrar enlaces de navegación, ya que aparecerán en todo su sitio en la barra lateral.
Para mostrar las migas de pan en la barra lateral, puede dirigirse a Apariencia »Widgets desde su área de administración de WordPress. Haga clic en el icono del signo más en la parte superior izquierda y luego busque “migas de pan” para encontrar el widget ‘AIOSEO – Breadcrumbs’. Simplemente arrástrelo y suéltelo en la barra lateral. También puede ingresar un título para sus enlaces de navegación.
Una vez hecho esto, puede hacer clic en el botón ‘Guardar’ y luego ver su tienda WooCommerce para ver las rutas de navegación en la barra lateral.
Si desea utilizar otras formas de agregar rutas de navegación a su tienda WooCommerce, consulte nuestra guía sobre cómo mostrar enlaces de navegación de rutas de navegación en WordPress.
Cómo agregar migas de pan para varias categorías
¿Tiene productos en su tienda WooCommerce que tienen múltiples categorías?
En caso afirmativo, configurar las rutas de navegación correctamente puede ser un desafío porque WordPress no registra la ruta que tomó un cliente para llegar a la página del producto.
Sin embargo, AIOSEO agrega automáticamente la primera categoría en la ruta de navegación y facilita mostrar el menú de navegación correcto para los productos que tienen múltiples categorías.
El complemento también ofrece una plantilla de ruta de navegación que puede personalizar para taxonomías de WordPress como categorías de productos. Todo lo que tienes que hacer es dirigirte a Todo en uno SEO »Configuración general y luego seleccione la pestaña Breadcrumbs.
A continuación, desplácese hacia abajo hasta la sección ‘Plantillas de migas de pan’ y seleccione la pestaña Taxonomías. De forma predeterminada, el complemento mostrará el enlace del elemento principal en la ruta de navegación de su tienda WooCommerce.
Si deshabilita la opción ‘Usar una plantilla predeterminada’, verá que el ‘Mostrar enlace del elemento principal’ está habilitado. De esta manera, puede mostrar fácilmente la categoría principal de cualquier producto en su sitio web.
Por ejemplo, supongamos que tiene una tienda de zapatos en línea y uno de los productos se encuentra en las categorías Zapatillas y Zapatillas.
AIOSEO seleccionará automáticamente la primera categoría y la mostrará en el menú de navegación de ruta de navegación.
Método Segundo: Agregar Breadcrumbs usando el complemento WooCommerce Breadcrumbs
Otra forma de habilitar las migas de pan en WooCommerce es utilizando el complemento WooCommerce Breadcrumbs.
Es un complemento gratuito de WordPress que le permite agregar rutas de navegación a su tienda en línea. El complemento es fácil de usar pero carece de las funciones de personalización que encontrará en AIOSEO.
Primero, deberá instalar y activar el complemento WooCommerce Breadcrumbs. Para obtener más detalles, puede consultar nuestro tutorial sobre cómo instalar un complemento de WordPress. Una vez que el complemento esté activo, puede dirigirse a Configuración »WC Breadcrumbs desde su área de administración de WordPress. Después de eso, continúe y haga clic en la casilla de verificación para ‘Habilitar migas de pan’.
A continuación, puede cambiar la apariencia de los enlaces de navegación que aparecerán en su tienda WooCommerce.
El complemento WooCommerce le permite elegir el símbolo del separador de ruta de navegación y las etiquetas HTML antes y después de sus rutas de navegación.
Ahora, si se desplaza hacia abajo, encontrará más opciones de personalización. Por ejemplo, puede cambiar el texto y la URL de su página de inicio que aparecerá en los enlaces de navegación.
Cuando haya terminado con los cambios, no olvide hacer clic en el botón ‘Guardar cambios’ en la parte inferior.
Esperamos que este artículo te haya ayudado a aprender a agregar rutas de navegación en WooCommerce. Es posible que también desee consultar nuestra guía sobre cuánto cuesta crear un sitio web y los mejores servicios de alojamiento administrados en comparación.
Si le gustó este artículo, suscríbase a nuestro canal de YouTube para tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.
