TechBlogSD - Todo para WordPress y desarrollo WEB
Instrucciones de WEB y WordPress, noticias, reseñas de temas y complementos

Todo lo que debe saber sobre las migas de pan

5

Breadcrumbs es una estructura de navegación que contiene una colección de enlaces que ayuda a los usuarios a navegar por el sitio web fácilmente. Esto ayuda al usuario a saber en cualquier momento dónde se encuentra exactamente en el sitio y moverse hacia arriba o hacia abajo en la estructura de nivel directamente. Es posible que los sitios más pequeños con una sola categoría o páginas independientes no requieran una ruta de navegación adicional, ya que el menú del sitio puede satisfacer la necesidad de navegación de un usuario. Pero los sitios más grandes con una gran cantidad de categorías y una estructura de página principal-secundaria necesitan rutas de navegación adicionales para informar a los usuarios dónde se encuentra exactamente la página actual en relación con todo el sitio.

Los usuarios interesados ​​pueden ir al nivel superior o inferior para encontrar contenido relevante que puede no ser posible sin las rutas de navegación en su lugar.

Importancia de las migas de pan

Además de ayudar a los usuarios, la estructura de la ruta de navegación también se muestra en las páginas de resultados de los motores de búsqueda de Google y Bing. Los motores de búsqueda como Bing muestran el enlace de las rutas de navegación en los resultados de búsqueda para que los usuarios puedan ir directamente a esa categoría en lugar de a una página específica.

Todo lo que debe saber sobre las migas de panTodo lo que debe saber sobre las migas de pan

¿Cómo agregar migas de pan?

La forma fácil de agregar rutas de navegación a su sitio es utilizar un tema que ofrezca esta función de forma predeterminada. Los sistemas de gestión de contenido, como WordPress autohospedado, ofrecen complementos para insertar rutas de navegación personalizadas sobre el encabezado del artículo. Si el creador de su sitio no ofrece esta función, debe agregarla manualmente en cada página mediante la etiqueta de anclaje HTML. Por ejemplo, las herramientas de creación de sitios como Weebly no ofrecen temas con rutas de navegación predeterminadas. Por lo tanto, debe agregarlo en cada página por separado con HTML / CSS personalizado.

Ejemplos de migas de pan

Aunque la ruta de navegación generalmente se coloca como un enlace horizontal debajo o encima del título de una página, puede tener una estructura vertical u horizontal según la estructura de navegación del sitio. A continuación se muestran los ejemplos de rutas de navegación que muestran lo fácil que hace que los usuarios naveguen por el sitio.

Todo lo que debe saber sobre las migas de pan

En este sitio web utilizamos el complemento Yoast SEO para mostrar las rutas de navegación horizontales sobre el título de cada publicación. Dado que tenemos muchas categorías, esto nos ayuda a agrupar los artículos en la categoría relevante y mostrarla en los motores de búsqueda. La ventaja es que cuando un artículo se agrupa con varias categorías, puede elegir qué categoría debe mostrarse en la ruta de navegación como categoría principal.

Todo lo que debe saber sobre las migas de pan

Breadcrumbs de Yoast SEO

La ruta de navegación de Yoast SEO estará basada en texto simple y puede agregar recuadros y sombras usando el CSS a continuación:

#breadcrumbs { box-shadow: 1px 1px #d5d4d4; background: #eeeded; border: 1px solid #eeeded; border-radius: 5px; padding: 0 5px 0 10px; font-size: 16px; }

Migajas de pan CSS personalizadas

Puede agregar rutas de navegación CSS personalizadas, especialmente cuando su sitio tiene un número menor de páginas. A continuación se muestra una ruta de navegación CSS horizontal que se puede agregar en su sitio. Consulte nuestro artículo sobre cómo agregar estas rutas de exploración a su sitio Weebly.

Estilo CSS Breadcrumb 1

CSS Breadcrumb Style 2

CSS Breadcrumb Style 3

CSS Breadcrumb Style 4

CSS Breadcrumb Style 5

Bonus CSS Breadcrumb Style 6

Las migas de pan también se conocen como migas de galletas o rastro de migas de pan.

Fuente de grabación: www.webnots.com
Deja una respuesta

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More