¿Busca una forma sencilla de añadir migas de pan a su sitio web?
La navegación con migas de pan tiene ventajas para el SEO y para el usuario.
En este tutorial, aprenderá a añadir navegación de migas de pan y algunas opciones para personalizar sus rutas de migas de pan.
En este artículo
¿Qué es la navegación por migas de pan?
Las migas de pan son pequeños enlaces que muestran a los usuarios el camino que han seguido para llegar a la página en la que se encuentran.
Estos enlaces también reciben el nombre de rastro de migas de pan.
El término procede del cuento Hansel y Gretel. Hansel deja un rastro de migas de pan cuando él y su hermana se adentran en el bosque. Espera encontrar el camino de vuelta a casa con esas migas de pan.
Beneficios
Las migas de pan ayudan a los motores de búsqueda a entender el tema de su página y la jerarquía de su sitio.
Estas migas de pan pueden ayudar a su página a posicionarse para su objetivo o palabras clave relacionadas.
Y como los senderos de migas de pan son enlaces internos, también pueden ayudar a los motores de búsqueda a rastrear su sitio.
Esquema de marcado
También hay un beneficio SEO de la adición de breadcrumb schema markup a sus páginas web. Este tipo de código HTML ayuda a Google a entender mejor tu página.
Los plugins SEO de WordPress, como All in One SEO (AIOSEO), añadirán automáticamente este código por usted.
Experiencia de usuario mejorada
Las migas de pan también ayudan a los usuarios a navegar por un sitio sin utilizar el botón de retroceso del navegador. Por esta razón, las migas de pan pueden proporcionar una mejor experiencia de usuario, reducir las tasas de rebote y aumentar el compromiso.
Los sitios complejos, incluidas las tiendas de comercio electrónico con jerarquías anidadas, se benefician considerablemente de la navegación con migas de pan.
En este tutorial, le mostraremos cómo añadir migas de pan y cómo mostrarlas y personalizarlas.
Utilizaremos el plugin All in One SEO (AIOSEO).
Paso 1: Descargue e instale All in One SEO (AIOSEO)
En primer lugar, descargue e instale All in One SEO (AIOSEO).
Este plugin incluye un generador de migas de pan. También tiene todo lo necesario para SEO. Y es fácil de usar para principiantes.
All in One SEO (AIOSEO) es un plugin establecido con miles de reseñas de 5 estrellas en WordPress.org. Actualmente, más de 3 millones de propietarios de sitios utilizan el plugin.
Paso 2: Activar las migas de pan
Una vez instalado el plugin, vaya a AIOSEO " Configuración general " Migas de pan.
Active el botón Activar migas de pan.
Debajo verá 4 opciones para añadir migas de pan a su sitio.
Paso 3: Elija una opción de visualización
Éstas son las 4 opciones
- Bloque Gutenberg o shortcode: Utilízalos para añadir migas de pan a páginas individuales.
- Widget: Utilícelo para añadir migas de pan a la barra lateral o al pie de página de las entradas de su blog.
- Código PHP: Utilice esto para añadir migas de pan en todo el sitio (a todas las páginas) al instante.
Todos estos métodos son fáciles de usar. Vamos a recorrerlos paso a paso.
Método 1: Bloque Gutenberg
Como ya sabrás, WordPress viene con el editor Gutenberg, que utiliza bloques clicables para añadir elementos a una página.
Estos elementos pueden ser un párrafo, una lista con viñetas, una imagen o una tabla.
All in One SEO te ofrece algunos bloques especiales de Gutenberg, incluido el bloque AIOSEO - Breadcrumbs.
Para utilizar este bloque, abra una página y coloque el cursor donde desee que se añadan las migas de pan.
- Haga clic en el signo negro "+" para añadir un nuevo bloque.
- En la ventana emergente, busque "migas de pan" y aparecerá el bloque AIOSEO - Migas de pan.
- Haga clic en él para añadir migas de pan a su página.
Método 2: Shortcode
También hay un AIOSEO shortcode único para añadir migas de pan.
Los shortcodes de WordPress son pequeños fragmentos de texto que se copian y pegan en una página para añadir un elemento, como una tabla de contenidos.
Al igual que los bloques de Gutenberg, los shortcodes son rápidos y fáciles de usar.
Vuelva a AIOSEO " Configuración general " Migas de pan para obtener el shortcode de migas de pan.
- Haga clic en el Shortcode ico.
- Y copiar el AIOSEO breadcrumbs shortcode debajo de ella.
Ahora, vaya a una página de su sitio a la que desee añadir migas de pan.
A continuación, pegue el código corto en su artículo.
Al previsualizar su página web, puede ver que se han añadido las migas de pan.
Método 3: Widget
Los widgets de WordPress le permiten añadir funciones a partes permanentes de su sitio, como barras laterales y pies de página.
Los widgets incluyen calendarios, cuadros de búsqueda y archivos.
Para añadir migas de pan a su sitio utilizando la opción de widget, vaya a Apariencia " Widgets.
(Si tu tema admite áreas de widgets, lo verás en el menú).
Se abrirá una nueva ventana. Verás una réplica desplazable de tu barra lateral en el lado derecho.
Ahora, haz clic en el icono "+" situado junto a la palabra Widgets.
Se abrirá un cuadro de búsqueda. Empieza a escribir "migas de pan" y aparecerá el widget de migas de pan de AIOSEO.
Arrastre el widget hasta el lugar de la barra lateral donde desee que aparezca.
En nuestro ejemplo, lo arrastraremos a la zona del pie de página.
Ahora nuestras migas de pan aparecerán en el pie de página de la barra lateral.
Por supuesto, puede tener migas de pan en su barra lateral y en la parte superior de sus páginas.
Método 4: Código PHP
Puede añadir fácilmente migas de pan en todo el sitio utilizando un fragmento de código PHP.
Copiarás y pegarás este fragmento como lo harías con un texto normal.
La ventaja de utilizar esta opción es que añadirá automáticamente migas de pan a todas sus páginas, y nunca tendrá que repetir esta acción.
Estos son los pasos:
- Copie el fragmento de código.
- Abra el editor de temas.
- Haga clic en header.php.
- Pega el fragmento de código.
Recorramos estos pasos.
1. Copie el fragmento de código
En la página de migas de pan de AIOSEO,
- Haga clic en Código PHP. Eso hará que aparezca una pequeña línea de código.
- Haga clic en el pequeño icono de copia situado a la derecha del fragmento de código.
Ahora que has copiado esa línea de código, la pegarás en tu tema.
2. Abra el editor de temas.
- En el menú de navegación izquierdo de WordPress, vaya a Apariencia " Editor de archivos de temas.
Se abrirá una nueva ventana como ésta:
3. Haga clic en header.php
- En la columna de la derecha(Theme Files), desplácese hasta encontrar header.php y haga clic en él.
Esto hará que aparezca una nueva ventana de código a la izquierda.
4. Pega el código.
- Look for the </head> tag.
- Debajo, pegue el fragmento de código PHP.
- A continuación, haga clic en Actualizar archivo para guardar los cambios.
Here’s a close-up of the </head> tag and the PHP breadcrumb code snippet.
Después de hacer clic en Actualizar archivo, todas sus páginas web tendrán migas de pan añadidas.
Y las nuevas entradas o páginas también las tendrán.
Watch out: Before the </head> tag, there’s a <head> tag (without the slash). The PHP code snippet must go after the </head> tag.
Ahora que ya sabe cómo añadir migas de pan de navegación en su sitio web WordPress, le mostraremos cómo personalizar su apariencia.
Configuración de las migas de pan
Cambiar la configuración de las migas de pan modificará el aspecto de las mismas.
Estos ajustes incluyen opciones para:
- Incluya u omita su página de inicio.
- Utilice diferentes estilos de separador.
- Incluir u omitir la página actual (título de la página) en la que se encuentra el usuario.
En primer lugar, verá la Vista previa en la parte superior del área Configuración de las migas de pan.
A medida que ajustes la configuración, esta vista previa cambiará.
Debajo de la vista previa, puedes experimentar con distintos estilos de separador.
Y puedes desactivar el enlace a la página de inicio o darle una etiqueta diferente. ("Inicio" es la etiqueta por defecto).
Desplázate un poco hacia abajo.
Aquí tienes 2 opciones más de personalización.
- Prefijo de la ruta de navegación: Si desea que aparezca un texto al principio de su ruta de migas de pan, introdúzcalo aquí.
- Mostrar inicio del blog: seleccione "Desactivado" si no desea que el nombre de su blog aparezca en la ruta de navegación.
Más información sobre la configuración de las migas de pan.
Uso de plantillas de migas de pan Pro
Si utiliza la versión Pro de All in One SEO (AIOSEO), verá las opciones de Plantilla de migas de pan en la parte inferior de AIOSEO " Configuración general " Migas de pan.
Las plantillas le permiten cambiar el aspecto de las migas de pan. Puede elegir diferentes opciones para diferentes tipos de entradas.
Más información sobre las plantillas de migas de pan.
Tipos de navegación por migas de pan
Además de las migas de pan basadas en jerarquías que se han tratado anteriormente, existen otros 2 tipos de navegación con migas de pan.
Las migas de pan basadas en la jerarquía también se denominan migas de pan basadas en la ubicación.
Migas de pan basadas en el historial (migas de pan basadas en la ruta)
Este tipo de navegación muestra las páginas que ha visitado en un sitio.
Puede resultar difícil de manejar cuando los usuarios visitan muchas páginas.
Migas de pan basadas en atributos
Algunos sitios web de comercio electrónico incluyen atributos de los productos, como el color, el acabado o el tamaño, en sus senderos de migas de pan.
Pueden combinarse con migas de pan basadas en jerarquías.
Buenas prácticas
Google recomienda que las migas de pan coincidan con la jerarquía del sitio.
Dicho esto, no deben replicar ni sustituir a los elementos de navegación principales.
Resumen
Las migas de pan pueden mejorar la usabilidad de su sitio web y ayudar a que sus páginas se clasifiquen mejor en los resultados de búsqueda de Google.
Los sitios de comercio electrónico con muchas páginas de productos y los sitios ricos en información se beneficiarán significativamente de la navegación con migas de pan. Pero cualquier propietario de un sitio puede añadirla.
¿Y ahora qué?
Ahora que ha aprendido a añadir pan rallado, ¿qué es lo siguiente?
Aprender a añadir un mapa del sitio HTML a tu sitio web WordPress es fácil. Y explora nuestros proyectos SEO DIY para principiantes.
Si este artículo te ha resultado útil, suscríbete a nuestro canal de YouTube. Allí encontrarás muchos más tutoriales útiles. También puedes seguirnos en X (Twitter), LinkedIn o Facebook para mantenerte informado.
¿Quieres probar AIOSEO gratis?
Introduzca la URL de su sitio web WordPress para instalar AIOSEO Lite.
Divulgación: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, es posible que ganemos una comisión. Sólo recomendamos productos que creemos que aportarán valor a nuestros lectores.
Este artículo empieza bien pero luego no hay suficiente explicación para mí en cuanto a por qué (y cómo) debo tomar ciertas acciones relacionadas con las migas de pan en mi sitio web - el autor asume conocimientos que no poseo. Así que no me siento seguro para tomar ninguna acción. En general, este artículo no es lo suficientemente amigable para los principiantes.