Cómo agregar migas de pan a su sitio de WordPress (3 métodos)

Cómo agregar migas de pan a su sitio de WordPress (3 métodos)

Cómo agregar migas de pan a su sitio web de WordPress

¿Quieres agregar migas de pan a tu sitio web de WordPress?

La navegación jerárquica o de ruta de navegación es un menú de navegación secundario para su sitio web. Se diferencia de su menú de navegación principal y brinda a los usuarios una mejor comprensión de las páginas de su sitio web y cómo están conectadas.

En este artículo, le mostraremos cómo agregar rutas de navegación a su sitio web de WordPress.

Agregue migas de pan a su sitio web de WordPress

Las rutas de navegación son útiles para navegar entre los usuarios de su sitio. El sistema de navegación de ruta de navegación también se incluye en las búsquedas de Google y le ayuda a clasificar las páginas de su sitio.

Migas de pan de Google

Además, si tiene una tienda de comercio electrónico, la navegación de ruta de navegación es útil para guiar fácilmente a los usuarios a páginas de productos, categorías y búsquedas.

Esto conduce a una experiencia de usuario mejorada (UX) y, en última instancia, a más ventas para usted.

Echemos un vistazo a algunos métodos para agregar navegación de ruta de navegación a su sitio web de WordPress.

Método 1: use un tema de WordPress con soporte Breadcrumb

Un tema de WordPress es lo primero que instalará en su sitio web. Si su tema incluye el sistema de navegación de ruta de navegación, no necesita ningún otro complemento o extensión.

Puede encontrar cientos de temas de WordPress que admiten la navegación con rutas de navegación. Aquí están nuestras 4 mejores selecciones para los mejores temas de WordPress:

1. Divi

Tema Divi

Divi es un poderoso tema de WordPress que viene con toneladas de características que incluyen rutas de navegación, secciones de la página de inicio, widgets personalizados, diseños de encabezado y pie de página, y más.

Divi está disponible en 2 versiones: Divi Theme y Divi Builder (un complemento).

El tema Divi es mejor para los usuarios que desean realizar personalizaciones utilizando uno de sus más de 100 paquetes de sitios completos que vienen con el tema.

El complemento Divi Builder funciona con cualquier tema y es más adecuado para los usuarios que desean usarlo con otros temas de WordPress.

2. Astra

Astra

Astra es un tema multipropósito de WordPress rápido y liviano. Viene con diseños prediseñados para crear fácilmente cualquier tipo de sitio web.

Las características del tema Astra incluyen optimización SEO, soporte multilingüe, rutas de navegación y más. Es fácil de configurar para principiantes sin escribir una sola línea de código.

3. OceanWP

OceanWP

OceanWP es un tema de WordPress gratuito rico en funciones. Viene con un importador de contenido de demostración con 1 clic y docenas de diseños de sitios web que puede utilizar para iniciar rápidamente cualquier tipo de sitio web.

En su interior, encontrará desplazamiento de paralaje, rutas de navegación, navegación fija, diseño de pantalla completa, íconos sociales y más. El tema es compatible con el comercio electrónico para que pueda iniciar una tienda en línea.

4. Ultra

Ultra

Ultra es un tema multipropósito moderno de WordPress. Viene con docenas de plantillas de sitios web listas para usar para diferentes nichos comerciales.

Las características del tema incluyen opciones de color, fondos personalizados, fuentes, estilo de encabezado y pie de página y rutas de navegación. Integra la integración del creador de páginas Themify para crear y personalizar rápidamente páginas de destino.

Método 2: use un complemento de WordPress para agregar rutas de navegación a su sitio web

Hay varios complementos de WordPress para agregar rutas de navegación a su sitio web de WordPress. Para este artículo usaremos Breadcrumb NavXT que es un complemento gratuito.

Lo primero que debe hacer es instalar y activar el complemento Breadcrumb NavXT. Para obtener más detalles, debe consultar nuestra guía sobre cómo instalar un complemento de WordPress.

Una vez que haya activado el complemento, debe acceder al Configuración »Breadcrumb NavXT página en su área de administración de WordPress.

Debajo General configuración, puede agregar un separador de ruta de navegación, vincular elementos actuales, agregar un enlace de ruta de navegación, etc. También puede dejar esta configuración como está, y funcionará para su sitio web.

Configuración de Breadcrumb NavXT

Entonces puedes visitar el Tipos de mensajes pestaña para editar la plantilla de ruta de navegación de la publicación, la plantilla de ruta de navegación de la página y la plantilla de ruta de navegación multimedia.

Tipos de mensajes

También puede anular la jerarquía de publicación predeterminada para la navegación de ruta de navegación desde categorías a fechas, etiquetas y publicación principal.

Jerarquía de publicaciones

La configuración será la misma para otras plantillas, incluidas páginas, tipos de publicaciones personalizadas, taxonomías, etc. Debes hacer clic en el Guardar cambios botón para continuar.

Ahora necesitas cambiar tu tema header.php y agregue este código donde desea mostrar la ruta de navegación:



<div class="breadcrumbs" typeof="BreadcrumbList" vocab="http://schema.org/">
    <?php if(function_exists('bcn_display'))
    {
        bcn_display();
    }?>
</div>


Después de agregar el código, puede visitar su sitio web para ver la ruta de navegación en sus publicaciones y páginas.

Método 3: use el complemento Yoast SEO para agregar rutas de navegación a WordPress

Si está buscando otro método para agregar rutas de navegación a su sitio web, también puede usar el complemento Yoast SEO Premium.

Lo primero que debe hacer es instalar y activar el complemento Yoast SEO. Puede consultar nuestra revisión completa de Yoast SEO para obtener más detalles.

Después de la activación, debe acceder al SEO »Avanzado página en su área de administración de WordPress. A partir de ahí, debe verificar el Activar pan rallado opción.

Activar pan rallado

Luego puede agregar un separador de migas de pan, texto de anclaje para la página de inicio, etc. Clickea en el Guardar cambios para aplicar estos ajustes.

La mayoría de los temas de WordPress son compatibles con la navegación de ruta de navegación de Yoast SEO. Si la ruta de navegación no aparece en su sitio web, puede agregar el siguiente código a su tema header.php bajar ó dejar algo.



<?php if ( function_exists('yoast_breadcrumb') ) 
{yoast_breadcrumb('<p id="breadcrumbs">','</p>');} ?>


El código anterior agregará rutas de navegación a su sitio web.

Esperamos que este artículo le haya ayudado a aprender cómo agregar rutas de navegación a su sitio web de WordPress.

También puede consultar nuestra guía sobre cómo crear un formulario de suscripción de alfombra de bienvenida a pantalla completa en WordPress para dar la bienvenida a nuevos usuarios e involucrarlos en su sitio web.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Ir arriba