Cómo poner migas de pan en WordPress: Guía completa

¿Te estés preguntando qu son las “migas de pan” en WordPress? El término “migas de pan” (o breadcrumbs en inglés) se utiliza para describir el menú de navegación jerárquica que se presenta como una secuencia de enlaces. La miga de pan es un camino situado en la parte superior de la publicación que proporciona a los usuarios una visión general fácil de entender sobre dónde se encuentran en tu página web.

Esquema visual de migas de pan en una estructura web

¿Por qué son importantes para el SEO?

Los Breadcrumbs son una parte importante del SEO. Entre los más de 200 factores de posicionamiento, Google incluyó Breadcrumbs como uno. Además, Google incluye las migas de pan de nuestro sitio web en las páginas de resultados de los motores de búsqueda (SERP). Ayudan en la estructura de enlaces internos, una característica del SEO On Page muy importante para Google. Mediante estos enlaces internos, ayudan también a mejorar el tiempo de permanencia y a disminuir la tasa de rebote en un sitio web.

Habilitar las migas de pan con el plugin Yoast SEO

Lo primero que tienes que hacer es instalar y activar el plugin Yoast SEO. Los siguientes pasos asumen que estás usando el plugin de Yoast SEO en tu sitio web. Para activar las migas de pan, accede a Yoast SEO en la barra lateral > Apariencia en el buscador > Migas de pan.

Haz clic en el botón Activo y rellena el resto de los ajustes de la forma que prefieras. Un punto importante a señalar aquí es la taxonomía a mostrar en las migas de pan para los tipos de contenido. Personalmente prefiero que el nombre de la categoría se incluya en los Breadcrumbs, especialmente en las SERPs de Google. Simplemente selecciona Categoría en la lista desplegable Entradas (posts) y pulsa el botón Guardar cambios.

Tutorial Completo de Yoast SEO 2025 – SEO para principiantes con WordPress

Añadir las migas de pan en el tema de GeneratePress

En este tutorial, vamos a aprender a añadir las migas de pan en el tema de GeneratePress. GeneratePress es un tema gratuito y ligero que puede ser ampliado mediante la instalación de un plugin Premium que permite añadir muchas características y funciones. Una de las muchas cosas que puedes hacer con el plugin GP premium es usar los Elementos Hook para enganchar tu propio código personalizado en varias áreas del tema sin cambiar los archivos del tema principal.

1 - Crea un elemento Hook

Para este método, necesitas habilitar el módulo de Elementos en la configuración del tema Premium de GeneratePress (Apariencia > GeneratePress > Módulos > Elementos > Activar). Ingresa a tu área de administración de WordPress y haz clic en Apariencia > Elementos en la barra izquierda, luego haz clic en Añadir un nuevo Elemento y selecciona Hook.

2 - Añade la función PHP de Yoast SEO

Agrega un título al Hook, por ejemplo «Migas de pan». En el área de contenido del hook, deberás insertar el código PHP necesario que proporciona Yoast SEO para que el sistema renderice la ruta de navegación en el lugar deseado.

3 - Configura los ajustes del Hook

Elige la ubicación del Hook a través del menú desplegable de selección. Una ubicación muy recomendada es generate_before_main_content. En la pestaña Reglas para Mostrar, junto a Posición, selecciona Entrada y All Entradas para que se muestren en los artículos del blog.

Configuración Acción
Módulo Activar Elementos
Tipo de Hook generate_before_main_content
Reglas Entradas > Todas las entradas

4 - Publica el Elemento Hook

Ahora sólo tienes que pulsar el botón de publicación y deberías poder ver las migas de pan en tu sitio. Lo más probable es que quieras cambiar un poco el estilo. Hoy en día, la mitad de las búsquedas se hacen en dispositivos móviles, así que nunca olvides configurar tu CSS para que tu sitio web sea responsivo.

Ejemplo de código CSS para personalizar el diseño de las migas

Puedes ajustar el código CSS de acuerdo a tus necesidades, cambiando el tamaño de la tipografía o añadiendo espacios entre las letras para que se integren perfectamente con el diseño de tu blog. Recuerda que las migas de pan son excelentes para la navegación, pero su apariencia debe ser coherente con la identidad visual de tu marca.

tags: #como #poner #migas #de #pan #en