Por qué y cómo agregar migas de pan de Elementor para mejorar la navegación de su sitio web

Publicado: 2021-10-26

Las migas de pan son el indicador de ruta de su sitio web que se encuentra principalmente en la parte superior de su sitio web. También muestra el viaje del usuario de su sitio y garantiza una mejor navegación del sitio web con una mejor capacidad de rastreo.

Las migas de pan funcionan como una función de navegación para su sitio web y pueden tener un gran impacto en el SEO de su sitio web.

Sin embargo, encontrará toneladas de sitios web que no practican la implementación de migas de pan, lo cual es un gran error. O lo implementan pero no les importa el diseño o la posición.

Esto sucede principalmente porque tienen problemas para mostrar migas de pan en su sitio web y, además, no conocen la forma correcta de implementarlas.

Si tiene un sitio web impulsado por Elementor y está buscando una solución definitiva para agregar migas de pan, entonces está en el lugar correcto.

En este blog, le mostraremos cómo agregar la funcionalidad de migas de pan a su sitio utilizando el widget de migas de pan de Elementor. También le mostraremos algunas otras formas de agregar pan rallado y discutiremos las consideraciones necesarias con respecto a las migas de pan.

Antes de ir, hablemos de la importancia de tener migas de pan en su sitio.

¿Por qué considerar agregar migas de pan a su sitio web de Elementor?

Importance of Adding Breadcrumbs To Your Elementor Website

Probablemente sepa que Google muestra migas de pan en los resultados de búsqueda y usa migas de pan para categorizar la información en los resultados de búsqueda. A partir de esto, probablemente puedas adivinar cuán importantes son las migas de pan para tu sitio.

Cada propietario de un sitio web quiere que sus visitantes permanezcan en su sitio web durante mucho tiempo. Agregar migas de pan puede ser una excelente manera de mejorar la experiencia de usuario de su sitio web. Recuerde que al usuario siempre le gustan los tipos de sitios web que son fáciles de usar, bien estructurados y rápidos.

De hecho, la mayoría de los motores de búsqueda prestan especial atención a los tipos de sitios web que tienen migas de pan.

Hay tres tipos de pan rallado,

  • Migas de pan basadas en jerarquía: esto muestra al usuario dónde se encuentra en el sitio. Por ejemplo: Inicio > Blog > Guía de WordPress
Hierarchy-Based Breadcrumbs
  • Migas de pan basadas en atributos: se utiliza principalmente en sitios de comercio electrónico para mostrar en qué atributos ha hecho clic el usuario. Por ejemplo: Inicio > Zapatos > Hombre
Attribute-Based Breadcrumbs
  • Migas de pan basadas en el historial: muestra a los usuarios qué otras páginas del sitio han visitado. Por ejemplo: Inicio > Artículo 1 de Elementor > Artículo 2 de Elementor > Página actual .
History-Based Breadcrumbs

Puede utilizar cualquiera de ellos en su sitio. No solo esto, sino que usar migas de pan puede brindarle algunas ventajas más como,

  • Mejore la experiencia del usuario
  • Mejorar la clasificación del sitio
  • Agregar beneficios de SEO
  • Reducir las tasas de rebote
  • Garantizar una navegación adecuada.

Entonces, ahora que conoce la importancia de implementar migas de pan en su sitio, entremos y descubramos cómo puede agregar migas de pan usando el widget de migas de pan de Elementor.

2 formas de agregar migas de pan de Elementor a su sitio web

En la siguiente parte de nuestro blog, aprenderá cómo agregar migas de pan a su sitio web de dos maneras simples.

1. Cómo usar el widget de migas de pan de Elementor para Yoast SEO

2. Formas alternativas de agregar migas de pan de Elementor (para otros complementos de SEO)

Cómo usar el widget de migas de pan de Elementor para Yoast SEO

Debe tener los siguientes complementos en su sitio web antes de comenzar:

  • Elementor (Gratis)
  • Elementor (Pro)
  • Yoast SEO

Asegúrate de haber instalado y activado la versión gratuita y premium de Elementor.

Si es nuevo en Elementor, consulte esta guía y aprenda a usar Elementor (Guía paso a paso para principiantes).

Empecemos:

Paso 1: Instale y configure el complemento Yoast SEO

Primero, debe instalar el complemento Yoast SEO en su sitio porque el widget de migas de pan solo funciona cuando instala el complemento.

Vaya a Complemento -> Agregar nuevo. Luego escribe Yoast SEO en la barra de búsqueda. Después de encontrar el complemento, haga clic en el botón Instalar . Finalmente, haga clic en el botón Activo para finalizar el proceso de activación del complemento.

Add & Activate Yoast SEO Plugin

Ahora, vamos a habilitar la opción de migas de pan. Para hacer esto, debe visitar SEO–> Apariencia de búsqueda. Luego haga clic en la pestaña Migas de pan. Aquí, obtendrá todas las opciones necesarias para configurar sus migas de pan.

Yoast Breadcrumbs Settings

Nota: De forma predeterminada, el complemento SEO establece la configuración que funciona perfectamente.

Paso 2: crear una plantilla de Elementor

Es hora de crear una plantilla de página para agregar las migas de pan. Para hacer esto, debe ir a Plantilla–>Generador de temas . A continuación, abra la pestaña Página única y haga clic en el botón Agregar nueva página única .

Theme Builder Single Page Template

Después de un tiempo, encontrará una ventana emergente modal donde agrega el nombre de su plantilla. Luego haga clic en el botón Crear plantilla y espere la siguiente página.

Add Single Page Template

En la siguiente página, obtendrá toneladas de plantillas prefabricadas que puede instalar fácilmente en su sitio. Simplemente haga clic en el botón Instalar y espere a que se instale la plantilla.

Install Single Page Tempalte

Paso 3: Agrega Elementor Widget de migas de pan

Agreguemos el Elementor Widget de migas de pan para nuestra plantilla de página recién creada. Puede encontrar el widget en la galería de widgets de Elementor. Luego arrástrelo y suéltelo en un lugar adecuado donde desee mostrar las migas de pan. Generalmente, las migas de pan se muestran en la parte superior de la página y justo debajo del área del encabezado del sitio web.

Add Elementor Breadcrumbs Widget

Paso 4: personaliza tu Migas de pan

Puedes personalizar las migas de pan a tu manera. El área de Contenido le permite establecer el contenido de las migas de pan. Aquí puede definir la alineación y la etiqueta HTML . Estas son las etiquetas HTML que establece en la ruta de navegación.

  • Por defecto
  • PAGS
  • división
  • navegación
  • lapso
Set Elementor Breadcrumbs Content

También puede diseñar las migas de pan con la opción Estilo . En el área de estilo, puede cambiar la tipografía, el color del texto y el color del enlace a su manera. Verá que hemos cambiado el texto y el color del enlace.

Style Breadcrumbs

Si desea cambiar el Color Hover , puede seguir la imagen a continuación.

Add Hover Color

Formas alternativas de agregar migas de pan de Elementor (para otros complementos de SEO)

Hay otras formas que puede seguir para agregar migas de pan a su sitio web de Elementor.

Versión gratuita de Elementor

Puede agregar las migas de pan a su sitio si no tiene la licencia profesional de Elemntor. Siga el siguiente paso para hacer el proceso.

  • Crea una sección donde quieras mostrar la ruta de navegación
  • Agregue el widget de código corto de Elementor a la sección
  • Pegue el siguiente código abreviado de Yoast SEO Breadcrumb
 [wpseo_breadcrumb]
Add Manual Yoast Breadcrumbs Shortcode

Ahora puede mostrar las migas de pan en su sitio web.

Posicionamiento SEO matemático

También puede usar el complemento Rank Math SEO para mostrar las migas de pan. si es un usuario profesional de Rank Math, puede agregar fácilmente las migas de pan usando el widget.

Pero si es un usuario habitual, debe agregar las migas de pan manualmente. Al igual que el usuario gratuito de Elementor, también debe usar el método de código abreviado para completar la tarea.

El proceso es similar al anterior. Pero debe asegurarse de usar el código abreviado correcto que ofrece el complemento Rank Math. Aquí está el código abreviado de migas de pan de Rank Math.

 [rank_math_breadcrumb]
Add Manual Rant Math Breadcrumbs Shortcode

Eso es todo.

Preguntas frecuentes sobre las migas de pan de Elementor

Veamos las siguientes preguntas frecuentes sobre las migas de pan de Elementor.

¿Qué son las migas de pan en Elementor?

El uso de migas de pan es una forma inteligente de navegar por su sitio web. El widget Elementor Breadcrumbs le permite agregar migas de pan a las páginas o publicaciones de su sitio web. Para usar el widget, debe instalar Elementor gratis y pro. También debe tener un complemento de SEO en su sitio para trabajar con este widget.

¿Debo usar migas de pan en mi sitio web?

Si deberías. Ayuda a los motores de búsqueda como Google a comprender la estructura de su sitio web. Incluso obtienes algunos beneficios de SEO.

¿Se puede hacer clic en las migas de pan?

Sí el se puede hacer clic en las migas de pan.

¿Las migas de pan incluyen la página actual?

Sí, las migas de pan están incluidas en su página actual. También obtiene una lista de enlaces desde la página principal a la página actual.

¿Cómo agrego migas de pan a WordPress sin complementos?

De forma predeterminada, WordPress no proporciona la funcionalidad de migas de pan. Debe usar un complemento o crear una función de ruta de navegación personalizada usted mismo.

¿Cómo oculto migas de pan en WordPress CSS?

Puede eliminar fácilmente las migas de pan de su sitio agregando un CSS (display: none;).

Bonificación: ¡Use el widget de migas de pan de Happy Addons para agregar migas de pan impresionantes en su sitio web de Elementor!

Happy Addons Breadcrubs Widgets

Si desea opciones más avanzadas para agregar migas de pan ingeniosas, pegadizas y personalizables a su sitio web de Elementor, entonces debe probar el widget de migas de pan Happy Addons. Este sorprendente widget le permite agregar migas de pan dinámicas a su sitio de una manera más artística. También viene con algunos hermosos diseños de migas de pan prefabricados.

Características clave.

  • Fácil de usar.
  • Ofrece hermosos diseños de migas de pan prefabricados que lo ayudarán a diseñar fácilmente las migas de pan. Puede encontrarlos en la página de demostración.
HappyAddons Breadcrumb Demo
Diseños de migas de pan de demostración
  • Totalmente personalizable.
  • Obtén más configuraciones avanzadas.
  • Capaz de agregar el ícono de inicio que le dará más credibilidad a sus migas de pan.
Happy Addons Breadcrumbs
Icono de inicio

Consulte la documentación de Happy Addons Breadcrumbs y aprenda a usarlo.

¡Prueba HappyAddons para diseñar un sitio web impresionante!

Mejore la experiencia de usuario de su sitio web con migas de pan

Agregar migas de pan le brinda un beneficio adicional de SEO para su sitio web de Elementor.

En esta guía, hemos cubierto todas las formas posibles de agregar este elemento web. Hemos discutido su importancia. Además, se ofrece una breve introducción al widget Breadcrumbs de Happy Addons.

Si hay alguna pregunta pegada a tu mente con respecto a este blog, puedes comentarnos.

No olvide suscribirse a nuestro boletín para obtener más consejos y trucos interesantes sobre Elementor y Happy Addons.

Suscríbete a nuestro boletín

Obtenga las últimas noticias y actualizaciones sobre Elementor