¿Qué son las migas de pan SEO?

Las migas de pan SEO, también conocidas como breadcrumb navigation, son un componente crucial para mejorar la usabilidad y la optimización de tu sitio web.

En este artículo, te contamos qué son las migas de pan, cómo benefician tanto a los usuarios como a los motores de búsqueda, y te proporcionaremos una guía paso a paso para implementarlas correctamente. 

¡Vamos a ello!

¿Qué son las migas de pan o breadcrumbs en el SEO?

Las «migas de pan» (breadcrumb) en SEO se refieren a una técnica de navegación que muestra la ubicación actual de una página web en relación con su jerarquía SEO implementada.

EJEMPLO MIGAS DE PAN SEO

 

A continuación, te explicaré 5 usos, 5 beneficios y por qué es importante implementarlo en un comercio electrónico (ecommerce):

Usos de las migas de pan en SEO

Mejorar la experiencia del usuario (UX):

Las migas de pan proporcionan a los usuarios una forma clara y fácil de entender la estructura del sitio web y su ubicación actual dentro de ella, lo que facilita la navegación.

Facilitar la navegación interna:

Ayudan a los visitantes a moverse rápidamente entre las diferentes categorías y páginas de productos en un ecommerce.

Mejorar la indexación:

Los motores de búsqueda utilizan las migas de pan para comprender la estructura de tu sitio web, lo que puede ayudar a mejorar la indexación y la visibilidad en los resultados de búsqueda.

Reducción de tasas de rebote:

Al proporcionar una navegación clara y lógica, las migas de pan pueden reducir las tasas de rebote al permitir que los usuarios encuentren rápidamente lo que están buscando.

Ayuda a gestionar el contenido:

Para los administradores del sitio, las migas de pan simplifican la gestión de contenidos y la planificación de la arquitectura del sitio.

Al tener una visión clara de cómo se organiza el contenido y cómo los usuarios interactúan con él, se pueden tomar decisiones más acertadas sobre la creación y organización de nuevas páginas y secciones.

Ejemplo: Inicio > Electrónica > Teléfonos Móviles > Smartphones > iPhone 14 Pro

SEO amigable:

Ayudan a agregar palabras clave relevantes y estructura a la página, lo que puede mejorar la optimización para motores de búsqueda (SEO).

¿Por qué las migas de pan influyen en el posicionamiento?

1. Mejora la estructura del sitio web: Las migas de pan ayudan a establecer una estructura jerárquica clara en tu sitio web al mostrar la ubicación de una página en relación con otras URLs. Esto hace que tu sitio sea más fácil de entender tanto para los usuarios como para los motores de búsqueda de Google.
2. Palabras clave relevantes: Las migas de pan suelen incluir palabras clave relacionadas con la categoría o la temática de la URL. Esto proporciona pistas extra a los motores de búsqueda sobre el contenido de la página, lo que puede mejorar su indexación para esas palabras clave.
3. Facilita el enlazado interno: Las migas de pan permiten a los usuarios moverse rápidamente entre las páginas relacionadas, lo que aumenta el tiempo que pasan en tu sitio web y mejora el enlazado interno. Esto también puede mejorar la autoridad de página de tus contenidos.

Errores más comunes al implementar los breadcrumbs en tu página web.

Sobrecargar las migas de pan con información irrelevante

Incluir demasiada información o enlaces en las migas de pan puede hacer que se vuelvan confusas y difíciles de seguir. Esto puede diluir su eficacia y distraer a los usuarios.

No utilizar datos estructurados correctos:

No incorporar datos estructurados (Schema Markup) para las migas de pan puede limitar los beneficios de SEO. Los motores de búsqueda utilizan estos datos para entender y mostrar mejor la estructura del sitio en los resultados de búsqueda.

Autoenlazar a la misma página

Un error frecuente es configurar las migas de pan para que autoenlacen a la misma página en la que se encuentran. Debes enlazar solo a las categorías anteriores no al producto en el que te encuentras.
Siguiendo el ejemplo anterior, si nos encontramos en la página de producto viendo un iPhone 14 Pro, deberíamos ver los enlaces siguientes:
Inicio > Electrónica > Teléfonos Móviles > Smartphones > iPhone 14 Pro

Cómo optimizar las migas de pan en tu página web

Utiliza las palabras clave principales 

Incorpora palabras clave relevantes en las migas de pan para mejorar el SEO.
Asegúrate de que cada nivel de las migas de pan refleje las palabras clave que describen la estructura y el contenido del sitio, como categoría, subcategoría y producto.

Utiliza una jerarquía clara

Implementa una jerarquía lógica que ayude tanto a los usuarios como a los motores de búsqueda a entender la estructura del sitio.
La estructura recomendada es Categoría > Subcategoría > Producto, lo que facilita la navegación y mejora la organización del contenido.

Incorporar emojis para aumentar el CTR en las SERPs

Agregar emojis en las migas de pan puede hacerlas más atractivas en los resultados de búsqueda (SERPs). Esto mejora la visibilidad y el atractivo visual, lo que te hará aumentar el clic-through rate (CTR).

Cómo implementar las migas de pan en tu página web

A cotinuación te explicamos de qué forma puedes instalar las migas de pan en tu página web, tanto si es WordPress como si es Shopify.

Cómo implementar migas de pan en WordPress

Implementar migas de pan en WordPress puede mejorar la navegación de tu sitio y potenciar tu SEO. A continuación, te explicamos cómo hacerlo de manera sencilla:

Utiliza un Plugin de Migas de Pan

Paso 1: Selecciona e Instala un Plugin

• Elegir un Plugin: Hay varios plugins de migas de pan disponibles en el repositorio de WordPress. Algunos populares incluyen Yoast SEO, Breadcrumb NavXT, y Rank Math. Estos plugins ofrecen configuraciones flexibles y facilitan la implementación.
• Instalar el Plugin: Ve a Plugins > Añadir nuevo en tu panel de administración de WordPress. Busca el plugin deseado, haz clic en Instalar ahora y luego en Activar.

Paso 2: Configura el Plugin

• Ajustes del Plugin: Cada plugin tiene opciones de configuración específicas. Generalmente, podrás personalizar la apariencia de las migas de pan, elegir cómo se muestran en diferentes tipos de páginas, y ajustar las opciones de SEO.
• Revisa y Guarda: Asegúrate de revisar todas las configuraciones y guarda los cambios para aplicar la configuración en tu sitio.

2. Añadir Migas de Pan Manualmente con Código

Paso 1: Editar el Archivo del Tema

• Acceder a Archivos del Tema: Ve a Apariencia > Editor de archivos de temas. Busca el archivo header.php o single.php, dependiendo de dónde quieras que aparezcan las migas de pan.

Paso 2: Insertar el Código de Migas de Pan

• Puedes usar código PHP para añadir migas de pan en tu tema, lo encontrarás en los ajustes Generales del plugin y será algo similar a:
  <?php if (function_exists(‘rank_math_the_breadcrumbs’)) rank_math_the_breadcrumbs(); ?> 
• También puedes utilizar el shortcode para implementarlo en el template específico si utilizas un constructor como Elementor o Divi.
  De nuevo, lo encontrarás en los ajustes del Plugin y será algo como:
  [rank_math_breadcrumb]

Cómo implementar migas de pan en Shopify

 

Shopify no incluye migas de pan de forma predeterminada, pero puedes añadirlas fácilmente usando aplicaciones o modificando el código de tu tema. 

Aquí te explicamos las dos maneras para que tú decidas cual te convence.

 

Utilizando aplicaciones de terceros:

En este caso, te recomendamos utilizar la aplicación de UR: Smart Breadcrumbs.
Es una aplicación con muy poco tiempo pero que funciona bien, aunque como la gran mayoría son de pago.

Si quieres ahorrarte unos euros también existe la posibilidad de implementarlas manualmente.

Para ello, debes hacer lo siguiente:

 

Se crea un Snippet desde 0 llamado “breadcrumbs”

Se pega el siguiente código:

 {% unless template == ‘index’ or template == ‘cart’ or template == ‘list-collections’ %}

<nav class=»breadcrumb» role=»navigation» aria-label=»breadcrumbs»>

  <a href=»/» title=»Home»>Home</a>

  {% if template contains ‘page’ %}

    <span aria-hidden=»true»>&rsaquo;</span>

    <span>{{ page.title }}</span>

  {% elsif template contains ‘product’ %}

    {% assign collections_for_product = product.collections %}

    {% if collections_for_product.size > 0 %}

      <span aria-hidden=»true»>&rsaquo;</span>

      {{ collections_for_product.first.title | link_to: collections_for_product.first.url }}

    {% endif %}

    <span aria-hidden=»true»>&rsaquo;</span>

    <span>{{ product.title }}</span>

  {% elsif template contains ‘collection’ and collection.handle %}

    <span aria-hidden=»true»>&rsaquo;</span>

    <span>{{ collection.title }}</span>

  {% elsif template == ‘blog’ %}

    <span aria-hidden=»true»>&rsaquo;</span>

    <span>{{ blog.title }}</span>

  {% elsif template == ‘article’ %}

    <span aria-hidden=»true»>&rsaquo;</span>

    {{ blog.title | link_to: blog.url }}

    <span aria-hidden=»true»>&rsaquo;</span>

    <span>{{ article.title }}</span>

  {% else %}

    <span aria-hidden=»true»>&rsaquo;</span>

    <span>{{ page_title }}</span>

  {% endif %}

</nav>

{% endunless %} 

<style>

  .breadcrumb {

    display: flex;

    flex-wrap: wrap;

    padding: 0.75rem 1rem;

    margin-bottom: 1rem;

    list-style: none;

    border-radius: 0.25rem;

  }

  .breadcrumb span[aria-hidden=»true»] {

    padding: 0 0.5rem;

    color: #6c757d;

  }

  .breadcrumb a {

    text-decoration: none;

    color: #007bff;

  }

  .breadcrumb a:hover {

    color: #0056b3;

    text-decoration: underline;

  }

  .breadcrumb .active {

    color: #6c757d;

  }

</style>

En el theme.liquid se pega el siguiente código donde quieras que aparezcan las breadcrumbs

       {% include ‘breadcrumbs’ %}

 Para que aparezca encima del texto, debes ponerlo entre:

     <main role=»main» id=»main» class=»anchor»>

      {% include ‘breadcrumbs’ %}

      {{ content_for_layout }}

 

**Se puede modificar la categoría que deseas que aparezca sustituyendo el valor “first” por “last” pero el problema es que los productos son asociados a categorías dinámicas y no tienen un orden definido.

 

En resumen, las migas de pan contribuyen al SEO al proporcionar una estructura clara y organizada para tu sitio web, mejorar la experiencia del usuario, incluir kws relevantes y facilitar la navegación interna.

Estos factores combinados pueden tener un impacto positivo en el posicionamiento de tu sitio web en los resultados de búsqueda.