¿Quieres agregar migas de pan a tu sitio web de WordPress?
Breadcrumbs o navegación jerárquica es un menú de navegación secundario para su sitio web. Es diferente de su menú de navegación principal y les 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 navegación de ruta de navegación a su sitio web de WordPress.
Agregue Breadcrumbs a su sitio web de WordPress
Las rutas de navegación son útiles para navegar por los usuarios en 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.
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 las páginas de productos, categorías y búsquedas.
Eso conduce a una mejor experiencia de usuario (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 para migas de pan
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, entonces no necesita ningún otro complemento o extensión.
Puede encontrar cientos de temas de WordPress que admiten la navegación de ruta de navegación. Aquí están nuestras 4 mejores selecciones para los mejores temas de WordPress:
1. 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 viene en 2 sabores: Divi Theme y Divi Builder (un complemento).
Divi Theme es mejor para los usuarios que desean realizar personalizaciones mediante el uso de uno de sus más de 100 paquetes de sitios completos que vienen junto con el tema.
El complemento Divi Builder funciona con cualquier tema y es mejor para los usuarios que desean usarlo con otros temas de WordPress.
2. 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 es un tema gratuito de WordPress rico en funciones. Viene con un importador de contenido de demostración de 1 clic y docenas de diseños de sitios web que puede usar para lanzar cualquier tipo de sitio web rápidamente.
En el 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 es un moderno tema multipropósito 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. Tiene una integración de constructor de páginas Themify incorporada 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 deberá 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 ir a la Configuración »Breadcrumbs 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 de inicio y más. También puede dejar esta configuración como está y funcionará para su sitio web.
A continuación, puede visitar el Tipos de publicaciones pestaña para modificar la plantilla de ruta de navegación de publicación, la plantilla de ruta de navegación de página y la plantilla de ruta de navegación de medios.
También puede reemplazar la jerarquía de publicaciones predeterminada para la navegación de ruta de navegación de categorías a fechas, etiquetas y publicación principal.
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, debe editar el archivo header.php de su tema y agregar este código donde desea mostrar la navegación de ruta de navegación:
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 ir a la SEO »Avanzado página en su área de administración de WordPress. A partir de ahí, debe verificar el Habilitar migas de pan opción.
A continuación, puede agregar un separador de ruta de navegación, texto de anclaje para la página de inicio y más. 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. En caso de que la navegación de ruta de navegación no aparezca en su sitio web, puede agregar el siguiente código al archivo header.php de su tema.