Enrique J. Ros

Las migas de pan (o breadcrumbs) de Yoast SEO

Todos sabemos lo que son las migas de pan (o breadcrumbs): son esos enlaces que aparecen al principio de cada página indicándonos en qué parte de la web estamos, como una guía o ayuda a la navegación.

Que se muestren o no depende de tu plantilla pero, para los temas que no las incluyen, el plugin Yoast SEO tiene una función específica para implementarlas en tu web. Lo que ocurre es que no es tan sencillo como activar la opción y listo, el tema es algo más complicado.

Como ya me lo han preguntado unas cuantas veces, vamos a ver cómo activar y hacer que se muestren las migas de pan de Yoast SEO, incluso en un child theme de Genesis.

Activar las migas de pan en Yoast SEO

La primera parte, activar y configurar las migas de pan en Yoast SEO, no es tan complicado. El problema suele estar más en la segunda parte cuando, tras activarlas y estar un rato configurándolas, te das cuenta de que no se muestran por ninguna parte. Pero vamos por partes.

Recuerda que puedes descargar gratuitamente Yoast SEO Premium, periódicamente actualizado, desde el área de suscriptores de la web si estás suscrito a los plugins (+info)

Lo primero que hay que hacer es, evidentemente conseguir llegar a la opción correspondiente en Yoast SEO. Parece una perogrullada, pero tiene su miga (hablando del tema) ya que por defecto, al activarlo, Yoast SEO no muestra las opciones avanzadas.

Así que lo primero que tenemos que hacer es ir a SEO > Panel de control > Características y activar las páginas de ajustes avanzados.

En cuanto guardes ya sí podrás ir a la opción correspondiente a las breadcrumbs para activarla y configurarla. La encontrarás en SEO > Avanzado > Migas de pan. Por supuesto, lo primero que hay que hacer es cambiar el interruptor Activar las migas de pan a Activado.

Opciones de las migas de pan en Yoast SEO

Ahora sí, podemos ver las opciones que tenemos disponibles relativas a las migas de pan en Yoast SEO:

En realidad la configuración es, como ves, bastante sencilla. Todas las opciones son autoexplicativas y responden más a una cuestión de gusto personal que a otra cosa. Así que, si te parece, vamos directos a lo que presenta dificultad y, si tienes dudas acerca de alguna de estas opciones, puedes preguntar en los comentarios o a través del formulario de contacto.

Insertar las migas de pan de Yoast SEO en tu plantilla

Bien, pues una vez hecho todo lo visto en el apartado anterior, con las breadcrumbs activadas y configuradas, vas a tu web y te das cuenta de que allí no hay nada. Y es que falta un paso: tienes que insertar manualmente la función que imprime las migas de pan en el lugar que quieras que se muestren en tu plantilla.

Insertar el código manualmente

La función que tienes que insertar es bastante sencilla. De hecho, es simplemente una línea. Es la siguiente:

Y ¿dónde narices hay que poner eso? Pues, a pesar de lo que la mayoría de gente tiende a intentar en primer lugar, no es en el archivo functions.php. Esta función imprime directamente las migas de pan, así que hay que ponerla donde quieres que aparezcan.

No se te ocurra intentar hacer estos cambios utilizando el editor de temas de WordPress (Apariencia > Editor) o, si haces algo mal, podrías perder el acceso a la web. Este tipo de cambios deben hacerse siempre mediante FTP o mediante el editor de código del gestor de archivos de tu hosting, y haciendo antes copia de seguridad. Así, si haces algo mal y se genera un error que deje la web fuera de combate, puedes revertir fácilmente los cambios.

Normalmente lo harás tanto en los archivos single.php como en page.php de tu plantilla, justo antes del título, que es una línea que dice más o menos:

Si no ves una línea así en esos archivos, búscala en content.php y (si existe) también en content-page.php. El hecho es que las plantillas de WordPress están tan poco estandarizadas que es imposible saber cómo está hecha la tuya, pero en general con estas indicaciones lo conseguirás.

Después puedes darles los estilos que quieras (colores, posición, etcétera) mediante CSS, utilizando la class .breadcrumbs

La alternativa es ir a header.php y pegarla al final del todo, pero ahí ya no está garantizado el resultado: puede que quede donde no debe. En cualquier caso, recuerda siempre utilizar un child theme, o perderás todos estos cambios cuando tu plantilla se actualice.

Insertar las migas de pan de Yoast SEO en Genesis

Si usas un child theme de Genesis, ya sabes que con este framework las cosas se hacen de otra manera. De hecho, los que utilizamos Genesis tenemos la suerte de contar con decenas de hooks propios de este framework, adicionales a los de WordPress (y mejores que los de cualquier otro framework disponible ea, no quiero menospreciar 😀 ).

El caso es que si usas Genesis puedes utilizar uno de sus hooks para enganchar directamente la función que imprime las migas de pan. Concretamente el hook genesis_entry_header (HTML5), usando la siguiente función:

function ejr_migas_pan () {
	if (function_exists ('yoast_breadcrumb'))
		yoast_breadcrumb ('');
}
add_action ('genesis_entry_header', 'ejr_migas_pan', 5);
Salir de la versión móvil