Las breadcrumbs (migas de pan), son aquellos elementos que dan respuesta a las siguientes preguntas:<\/p>\n
- \n
- \u00bfEn qu\u00e9 p\u00e1gina me encuentro?<\/li>\n
- \u00bfC\u00f3mo he llegado hasta aqu\u00ed?<\/li>\n
- \u00bfC\u00f3mo puedo regresar a la p\u00e1gina anterior?<\/li>\n<\/ul>\n
<\/p>\n
Estas breadcrumbs las podemos encontrar en la parte superior de la p\u00e1gina, y nos indica el \u201ccamino\u201d desde la home hasta el art\u00edculo que actualmente estamos viendo o leyendo.\u00a0 Es importante que estos elementos o niveles,\u00a0incluyan un enlace visible\u00a0que permita al usuario volver atr\u00e1s con un solo clic.<\/strong><\/p>\n
<\/p>\n
Con tan solo implementar este m\u00e9todo de navegaci\u00f3n, mejoraremos de forma notable la\u00a0experiencia del usuario\u00a0y, sobre todo, la usabilidad de nuestra p\u00e1gina web.<\/p>\n
<\/p>\n
A veces nos hemos encontrado con webs donde es imposible saber c\u00f3mo navegar en ella o incluso puedes llegar a perderte en ella debido a la estructura y arquitectura de dicha p\u00e1gina.<\/p>\n
Gracias a la implementaci\u00f3n de estos elementos, no solo se ayuda a los visitantes a visualizar exactamente d\u00f3nde se encuentran en todo momento<\/strong>, sino que tambi\u00e9n\u00a0le daremos se\u00f1ales a Google para que pueda determinar c\u00f3mo se estructura la p\u00e1gina web.<\/p>\n
<\/p>\n
De ese modo se optimiza el SEO de nuestra tienda online.<\/strong><\/p>\n
<\/p>\n
Veamos cu\u00e1les son los\u00a0diferentes tipos de breadcrumbs\u00a0que podemos encontrarnos, ya que a veces suelen ser las grandes olvidadas durante la fase de dise\u00f1o y proceso de desarrollo de un sitio web.<\/p>\n
<\/p>\n
Diferentes tipos de breadcrumbs<\/strong><\/h1>\n
Existen tres tipos de breadcrumbs que podemos implementar en nuestra web. De estos tres solo dos de ellos son los m\u00e1s necesarios para un eCommerce. Estos breadcrumbs son:<\/p>\n
<\/h2>\n
1) Breadcrumbs basados en jerarqu\u00eda<\/strong><\/h2>\n
Por lo general, este tipo de navegaci\u00f3n es el que nos encontramos con mayor frecuencia y est\u00e1n\u00a0orientados a navegar de forma jer\u00e1rquica por un sitio web<\/strong>.<\/p>\n
Home > Ordenadores > Port\u00e1tiles > Acer<\/em><\/p>\n
<\/p>\n
Gracias a estas \u201cmigas de pan\u201d facilitamos a nuestro usuario a saber en todo momento donde se encuentra<\/strong> y de manera muy sencilla pueda volver a una categor\u00eda superior o a una inferior. Tambi\u00e9n ayuda a los buscadores a que entiendan cu\u00e1l es nuestra estructura.<\/p>\n
<\/p>\n
2) Breadcrumbs basados en atributos<\/strong><\/h2>\n
Este tipo de breadcrumb est\u00e1 dise\u00f1ado para eCommerce, ya que este tipo de migas indican al usuario\u00a0los diferentes atributos de un producto\u00a0como puede ser la marca, el color, el tama\u00f1o, etc.<\/p>\n
<\/p>\n
De esta manera, el usuario, podr\u00e1 encontrar otros productos que tambi\u00e9n est\u00e9n categorizados bajo ese atributo, por ejemplo, un color de producto o los diferentes productos de una marca en concreto.<\/p>\n
<\/p>\n
Los Breadcrumbs\u00a0y el SEO de nuestra tienda online<\/strong><\/h1>\n
<\/p>\n
El contar con las migas de pan en nuestro eCommerce puede proporcionarnos muchas ventajas. \u00bfCu\u00e1les son?<\/p>\n
1# A Google le encantan los breadcrumbs<\/strong><\/h3>\n
Al gigante de Google le encanta ver que la estructura de una p\u00e1gina web est\u00e1 formada por estas migas de pan.<\/p>\n
Estos fragmentos que vemos en las SERPS ayudar\u00e1n a nuestro resultado cuando un usuario realice una b\u00fasqueda, ya que\u00a0llaman m\u00e1s la atenci\u00f3n y suelen ser m\u00e1s atractivos.<\/p>\n
En esta imagen puedes apreciar las diferencias entre ambos resultados en Google:<\/p>\n
![\"1#](\"https:\/\/www.4addictic.com\/wp-content\/uploads\/2019\/10\/fragmentos-breadcrumbs-serps-google.jpg\" "\\"1#")
<\/p>\n2# Reforzar palabras clave<\/strong><\/h3>\n
Tambi\u00e9n podemos usar las migas de pan para\u00a0reforzar ciertas palabras clave que nos interese posicionar.<\/p>\n
Un experimento que llevo a cabo un compa\u00f1ero de PrestaShop fue quitar la palabra inicio para a\u00f1adir una palabra clave y en cuesti\u00f3n de semanas subi\u00f3 muchas posiciones.<\/p>\n
Con esta modificaci\u00f3n le estamos diciendo a Google que esta palabra es importante ya que\u00a0se est\u00e1 enlazando desde todas las p\u00e1ginas donde se muestre esa estructura de breadcrumb.<\/p>\n
![\"2#](\"https:\/\/www.4addictic.com\/wp-content\/uploads\/2019\/10\/palabra-clave-breadcrumb-seo.jpg\" "\\"2#")
<\/p>\n3# Experiencia de usuario<\/strong><\/h3>\n
Con las migas de pan, le estamos dando a los usuarios la oportunidad de saber en todo momento en qu\u00e9 lugar de la tienda se encuentran y les facilitamos el poder retroceder los pasos que haya dado volviendo a cualquier nivel inferior de la actual p\u00e1gina.<\/p>\n
4# Mejora el tiempo de permanencia y disminuye la tasa de rebote<\/strong><\/h3>\n
Al mejorar la usabilidad de nuestra p\u00e1gina, esto hace aumentar el tiempo de permanencia por parte de los usuarios\u00a0y eso se traduce en que\u00a0disminuye\u00a0la tasa de rebote, y por lo tanto, nos puede traer un\u00a0mayor porcentaje de conversi\u00f3n.<\/p>\n
<\/p>\n
Incluir los Breadcrumbs en tu Prestashop<\/strong><\/h1>\n
Si nunca hab\u00e9is pensado o no sab\u00e9is como poner los Breadcrumbs en tu PrestaShop decirte que no es dif\u00edcil.<\/p>\n
Con Prestashop es tan f\u00e1cil como asignarle, las categor\u00edas a las cu\u00e1les pertenece el producto.\u00a0En el caso de seleccionar varias categor\u00edas del mismo nivel. El \u00faltimo elemento del breadcrumb ser\u00e1 la categor\u00eda que asignemos como \u201cmain category<\/em>\u201d, o categor\u00eda principal.<\/p>\n
![\"Incluir](\"https:\/\/www.4addictic.com\/wp-content\/uploads\/2019\/10\/creacion-breadcrumb-backoffice.jpg\" "\\"Incluir")
<\/p>\n<\/p>\n
El mismo proceso se aplicar\u00eda para las categor\u00edas, aunque con una simple diferencia. Solamente puedes seleccionar una categor\u00eda padre, aunque si est\u00e1 tiene categor\u00edas superiores, el breadcrumb se formar\u00e1 con todas ellas.<\/p>\n
<\/p>\n
Conclusi\u00f3n<\/strong><\/h1>\n
Como has podido ver a lo largo del art\u00edculo, los breadcrumbs son de gran utilidad para el usuario. Para que sepa en todo momento donde se encuentra de tu p\u00e1gina. Tambi\u00e9n es una manera para dar directrices a Google de nuestra estructura y que esta sea visible en sus resultados de b\u00fasqueda.<\/p>\n
<\/p>\n
Hay muchas formas de implementar estas migas de pan en tu eCommerce. Y Prestashop nos ofrece un m\u00e9todo intuitivo y f\u00e1cil de poder usarlas sin apenas tener conocimientos t\u00e9cnicos.<\/p>\n