{"id":10676,"date":"2016-07-14T12:16:28","date_gmt":"2016-07-14T10:16:28","guid":{"rendered":"https:\/\/internetrepublica.com\/?p=10676"},"modified":"2019-06-20T14:47:59","modified_gmt":"2019-06-20T12:47:59","slug":"como-debo-optimizar-el-breadcrumb-de-mi-web","status":"publish","type":"post","link":"https:\/\/internetrepublica.com\/blog\/como-debo-optimizar-el-breadcrumb-de-mi-web\/","title":{"rendered":"C\u00f3mo debo optimizar el breadcrumb de mi web"},"content":{"rendered":"

Dentro de las tareas de optimizaci\u00f3n SEO, los Breadcrumb no suelen ser tenidos en tanta consideraci\u00f3n como las metaetiquetas u otros diferentes contenidos de cada p\u00e1gina. De hecho, esto lo demuestra que hoy d\u00eda en Espa\u00f1a, todav\u00eda muchos dominios no cuentan con este apartado o no lo tengan correctamente desarrollado.<\/p>\n

Por ello, y con el objetivo de ayudar a todas aquellas personas que est\u00e9n comenzando con su web o que simplemente no tiene un breadcrumb correctamente realizado, en este post encontrar\u00e9is los consejos para realizarlo de manera correcta.<\/p>\n

\u00bfQu\u00e9 es un breadcrumb?<\/strong><\/h2>\n

Un breadcrumb, hilo de ariadna o miga de pan, es una gu\u00eda de navegaci\u00f3n que permite al usuario (y los robots de b\u00fasqueda) ubicarse dentro del contenido de una web. Adem\u00e1s de la posibilidad de navegar a trav\u00e9s de las categor\u00edas\/secciones hasta la home.<\/p>\n

Por lo tanto este elemento tiene una doble funcionalidad: adem\u00e1s de mejorar la usabilidad de la web al permitir la navegaci\u00f3n a trav\u00e9s de las diferentes p\u00e1ginas hacia categor\u00edas o secciones superiores, permite mejorar el SEO de la web. Ya que mejora las estructura de enlaces internos de una web y mejora la rastreabilidad del dominio.<\/p>\n

A continuaci\u00f3n os incluyo un ejemplo (enmarcado en verde) de un breadcrumb correctamente implementado:<\/p>\n

\"ejemplo<\/p>\n

Como veis se ha aterrizado en la secci\u00f3n de Agua sin Gas, pero desde ella puedo navegar a las diferentes categor\u00edas superiores si quisiera. Cada una de ellas incluye el enlace correspondiente, que Google rastrea e indexa como cualquier otra parte del contenido.<\/p>\n

Aspectos a tener en cuenta para contar un breadcrumb correcto:<\/strong><\/h2>\n

– Las migas de pan deben estar situadas en la parte superior de la p\u00e1gina, tal como ve\u00edamos en el ejemplo, normalmente se suele ubicar debajo del men\u00fa superior de una web.<\/p>\n

– Cada nivel deben contener un enlace que apunte a cada categor\u00eda superior indicada, salvo la p\u00e1gina en la que actualmente se encuentre el usuario. El n\u00famero de niveles depender\u00e1 de la profundidad de las urls de tu dominio. Si tienes 4 niveles por ejemplo, tu breadcrumb no podr\u00e1 superar los 4 niveles en sus p\u00e1ginas m\u00e1s profundas. Ej:<\/p>\n

www.ejemplo.com\/nivel1\/nivel2\/nivel3\/nivel4<\/p>\n

Inicio>nivel 1>nivel 2>nivel3>nivel 4<\/p>\n

– No es un aspecto obligatorio a incluir, tal como se especificaba anteriormente, si cuentas con un dominio con pocas urls y un solo nivel de profundidad no ser\u00e1 necesario que cuentes con \u00e9l. Pero sin embargo en los “e-commerce” o en los dominios que cuenten con muchas urls o categor\u00edas si es recomendable llevarlo a cabo. Ya que se trata de un elemento especialmente \u00fatil si se tiene en cuenta que el usuario accede en muchos casos directamente a p\u00e1ginas internas de la web.<\/p>\n

– El breadcrumb se debe aplicar en todas las p\u00e1ginas (ya sean categor\u00edas\/secciones o p\u00e1gina de \u00faltimo nivel), con la \u00fanica excepci\u00f3n de la home o p\u00e1gina principal.<\/p>\n

– Al tratarse de datos estructurados por Schema, contamos con diferentes maneras de desarrollarlo: JSON-LD, Microdatos o RDFa. Os dejo el enlace a la web de Schema.org <\/a>para que pod\u00e1is encontrar m\u00e1s informaci\u00f3n sobre este marcado de datos. Aunque desde Internet Rep\u00fablica recomendamos realizarlo a trav\u00e9s de JSON-LD, ya que separa la capa HTML y permite hacer cambios de dise\u00f1o sin que se tenga que modificar el breadcrumb.<\/p>\n