Portada Wordpress Breadcrumbs en WordPress: qué son y Cómo lo Configuro
Los Breadcrumbs o «migas de pan», son los enlaces internos que aparecen en la parte superior de los artículos y que muestran la ruta desde la página principal (index) hasta el artículo en sí.
Su curioso nombre viene por un famoso cuento infantil en el que los protagonistas dejan migas de pan en el camino para luego encontrar la vuelta a casa.
En WordPress el motivo es el mismo, se usan para saber en qué sitio de la web te encuentras exactamente.
El uso de las breadcrumbs es muy sencillo y ayudan al usuario a navegar por la web sin perderse, pudiendo volver a un punto anterior del sitio web.
Por lo general, se usan de manera jerárquica y en WordPress se hace uso de las categorías para ello.
Por ejemplo, si accedes a este artículo desde el blog de formación de Hostinet, las breadcrumbs serían algo así:
hostinet > formación > wordpress > breadcrumbs
De esta manera, el usuario con un sólo click, podría volver al blog de formación o a la categoría de WordPress y además, sabe en todo momento en qué sitio está de la web.
Existen otras formas de utilizar las breadcrumbs, pero en vez de una jerarquía, se usan los atributos, un método más utilizado en el comercio electrónico, por ejemplo:
home > calzado > zapatillas deportivas > zapatillas running > marca xxx
De esta forma puedes volver a zapatillas deportivas o zapatillas running si es necesario, si tener que hacer click hacia atrás en el navegador repetidas veces.
Esta última forma también es otro método de utilizar las breadcrumbs, simplemente ir hacia adelante o hacia atrás según naveguemos, aunque es mucho menos útil y lo verás en menos sitios web.
El uso de las breadcrumbs es ayudar a mejorar la experiencia del usuario cuando está en nuestro WordPress.
Si el usuario está más cómodo navegando entre las distintas secciones de nuestra web, tenemos más opciones de que se quede y disminuir así nuestra tasa de rebote.
Todo esto tiene un valor significativo en el SEO, ya que Google y el resto de buscadores ven con buenos ojos las breadcrumbs, les ayudan a encontrar las páginas, pueden mostrarlo en sus resultados y en definitiva, nos posicionará mejor.
Ahora que ya sabes lo importante que son los breadcrumbs, seguro que quieres configurarlos en tu WordPress, así que vamos a ver cómo puedes hacerlo.
Existen distintas formas en las que puedes configurar las migas de pan en WordPress y si tienes un desarrollador web, no tendrá ningún problema en configurarlo.
Eso sí, es recomendable crear un Tema Hijo o Child Theme y modificar el código en archivos importantes en el theme de WordPress que estés usando, así que ten cuidado y haz copias de seguridad si tomas este camino.
Nosotros vamos a usar otras opciones, más asequibles para los usuarios de WordPress con menos conocimientos técnicos.
Antes de nada, debes de saber que algunos themes de WordPress tiene entre sus opciones de personalización la posibilidad de añadir las migas de pan directamente.
Así que lo recomendable sería que comprobaras si tu plantilla tiene esta opción disponible.
Un pequeño truco que puedes usar es buscar un nuevo theme en WordPress y escribir: Breadcrumb en la caja de búsqueda.
Estos son los themes que añaden breadcrumb en la descripción, pero ojo, que no estarán todos, algunos themes lo incorporan pero no lo añaden en la descripción.
En caso de duda, lo mejor es preguntárselo al desarrollador del theme, que es el que más sabe sobre esto.
En nuestro caso estamos usando Astra, un theme muy popular por su alta capacidad de personalización y entre sus opciones podemos encontrar Migas de pan.
Desde esta opción el theme nos permite activar y personalizar el aspecto de las breadcrumbs en nuestro WordPress.
Como hemos comentado, cada theme puede tener una forma distinta de añadir las migas de pan y algunos themes no tendrás disponible la opción de hacerlo, pero siempre puedes usar un plugin, ya que en WordPress existen varias opciones para añadir las breadcrumbs.
Como hemos comentado antes, las migas de pan son buenas para el SEO, así que uno de los plugins más populares en WordPress para mejorar el SEO, no podía dejar de tener esta opción.
Estamos hablando de Yoast SEO, un plugin que, si te interesa el posicionamiento web y usas WordPress, posiblemente conozcas.
Si lo tienes instalado, tienes una opción para activar y configurar las breadcrumbs.
Sólo tienes que ir al menú de Yoast SEO y en el apartado de Apariencia en el buscador encontrarás la opción de Migas de pan.
Si quieres añadir las migas de pan en todo el sitio, no tendrás más remedio que modificar algunos archivos de tu theme.
En la web de Yoast lo indican paso a paso, pero básicamente te indican que debes añadir el siguiente código en los archivos dónde quieres que aparezcan:
<?php si ( function_exists('yoast_breadcrumb') ) { yoast_breadcrumb( '<p id="breadcrumbs">','</p>' ); } ?>
Dependiendo del theme que uses, tendrás que añadirlo en un sitio u otro, pero antes de nada, haz una copia de seguridad.
Por cierto, si dispones de un bloque de Yoast para añadir las breadcrumbs en cada entada o página, sin necesidad de tocar el código.
Si quieres un plugin específico para añadir las breadcrumbs, una de las opciones más utilizadas es Breadcrumb NavXT, el cual puedes descargar desde aquí o instalarlo directamente desde el repositorio de plugins de tu WordPress.
En su configuración, te ofrece la posibilidad de añadir las migas de pan de diversas formas, incluso puedes usar un widget en el que decidir en qué sección de la web quieres que aparezcan.
O usar un bloque en cualquiera de las entradas o páginas para añadir las breadcrumbs en cada una de ellas
Añadir las breadcrumbs en WordPress sólo reporta beneficios, ya sea para la experiencia del usuario, como en el posicionamiento web SEO.
Si tienes un desarrollador web, será capaza de implementarlo sin problemas y si tienes algunos conocimientos y te ves capaz de editar los archivos, adelante, pero recuerda hacer una copia de seguridad del sitio antes de tocar nada.
Por supuesto, si necesitas un hosting con soporte para WordPress, puedes contratar algunas de las opciones de alojamiento web que ofrecemos optimizadas para Hostinet.