Cómo mostrar enlaces de navegación en WordPress

¿Quiere mostrar enlaces de navegación en su sitio de WordPress?

Breadcrumbs les dice a los usuarios su posición en el sitio web en relación con la página de inicio. Esta vez, el rastro también aparecerá en los resultados de búsqueda para que su sitio se destaque.

En este artículo, le mostraremos cómo mostrar enlaces de navegación por carretera en WordPress.

¿Qué es la navegación de ruta de navegación y por qué la necesita?

La navegación de ruta de navegación es un término que se utiliza para describir un menú de navegación jerárquico presentado como una ruta de enlace. A menudo se utiliza como navegación auxiliar para permitir a los usuarios navegar hacia arriba en la jerarquía de las páginas del sitio web.

Los enlaces de navegación de ruta de navegación son diferentes del sistema de menú de navegación predeterminado de WordPress.

El propósito de la navegación de ruta de navegación es ayudar a los usuarios a navegar por su sitio web. También puede ayudar a los motores de búsqueda a comprender la estructura y jerarquía de los enlaces en una página web.

Si su configuración de pan es correcta, los motores de búsqueda como Google los mostrarán en los resultados de búsqueda junto con el título de la página. Esto hace que su sitio web sea más visible en los resultados de búsqueda y aumenta la tasa de clics.

Los métodos de esta guía le ayudarán a configurar las rutas de exploración correctamente utilizando marcadores de contorno. El gráfico es un código de etiquetado inteligente que ayuda a Google a identificar sus rutas de navegación para que aparezcan en los resultados de búsqueda.

Dicho esto, veamos cómo agregar enlaces de navegación en WordPress. Te mostraremos dos métodos, puedes elegir el que más se adapte a tus necesidades.

Video tutorial

Suscríbete a WPBeginner

Si prefiere instrucciones escritas, continúe leyendo.

Método 1: use All in One SEO para agregar navegación de ruta a WordPress (recomendado)

Este método es más simple y se recomienda para todos los usuarios de WordPress.

Para este método usaremos SEO todo en uno en WordPress, que es el mejor complemento de SEO para WordPress del mercado. Puede ayudarlo a mejorar fácilmente el SEO de WordPress sin ninguna habilidad técnica. También disponible con función de ruta de navegación fácil de usar.

notas: También hay una versión gratuita de SEO todo en uno con funciones limitadas, incluidas las rutas de navegación.

Después de la activación, se le dirigirá al asistente de configuración del complemento. Puede configurar el complemento siguiendo las instrucciones en pantalla.

¿Necesitas ayuda con la configuración? Vea un tutorial paso a paso sobre cómo instalar y configurar SEO todo en uno.

Entonces tienes que visitar Optimización de motores de búsqueda todo en uno »Configuración general Página y cambie a la pestaña de migas de pan.

Ahora All-in-One SEO agregará automáticamente una etiqueta de esquema de navegación al código de su sitio web para que los motores de búsqueda puedan encontrarlo.

Sin embargo, si también desea mostrar enlaces de navegación en su sitio web, debe habilitar la opción "Activar rutas de navegación". Cambiar el interruptor le permite ver las distintas configuraciones de visualización de la galería que se pueden usar en su sitio web.

Hay cuatro formas en las que puede mostrar rutas de navegación en su sitio web de WordPress.

1. Use códigos cortos para agregar navegación por carretera

El método de código corto es simple y le permite mostrar enlaces de navegación para navegar por publicaciones y páginas de WordPress o páginas de productos en tiendas en línea.

Simplemente edite la publicación, la página o el producto y agregue el siguiente código corto donde desea mostrar el rastro de pan.

Si usa el editor de bloques predeterminado, el código corto se convertirá automáticamente en un bloque de código corto.

Ahora puede guardar su publicación o página y verlas para ver el menú de navegación en acción. Así es como se ve en nuestro sitio de prueba.

2. Utilice bloques de Gutenberg para agregar rutas de navegación a la navegación.

Ahora, si no desea usar la opción de código corto o no recuerda el código corto, puede usar el bloque "AIOSEO-Breadcrumbs" para mostrar la navegación de breadcrumbs.

Simplemente edite la publicación o la página donde desea mostrar la navegación de pan y agregue el bloque AIOSEO-Breadcrumb.

A continuación, el complemento cargará una vista previa en tiempo real del enlace de navegación de ruta de navegación y lo mostrará en el área de contenido.

No olvide actualizar o publicar sus cambios.

3. Use widgets para agregar navegación con rutas de navegación

Los dos métodos anteriores requieren que agregue un código corto o un bloque a cada publicación o página donde desea mostrar enlaces de navegación.

¿Qué sucede si desea mostrar rutas de navegación automáticamente para cada publicación o página?

El AIOSEO Breadcrumbs hace que sea fácil de completar. Apariencia »Enanos Y agregue el widget "AIOSEO-Breadcrumbs" a la barra lateral.

Puede proporcionar un título al widget o dejarlo en blanco si lo desea. Asegúrese de hacer clic en el botón "Guardar" para guardar su configuración.

Ahora puede visitar su sitio web y ver un menú de navegación con rutas de navegación en todas las publicaciones y páginas.

4. Agregar navegación por carretera mediante código

Este método le permite mostrar el enlace de navegación por carretera exactamente donde lo desea. Sin embargo, esto requiere que agregue el código al archivo de tema de WordPress.

Si no ha hecho esto antes, asegúrese de leer nuestro artículo sobre cómo agregar fragmentos de código a WordPress.

Primero, debe decidir dónde mostrar los lazos de pan. El lugar más común para mostrar enlaces de pan es debajo del título de un producto, página o publicación.

Los temas de WordPress usan archivos de plantilla para mostrar diferentes partes de su sitio web. Por ejemplo, muchos temas usan un archivo llamado content-single.php, que se encuentra en la carpeta template-parts del tema.

Consulte nuestra hoja de trucos para encontrar el archivo para editar en el tema de WordPress.

En otras palabras, necesita utilizar un cliente FTP para editar sus archivos de tema. Para obtener instrucciones, consulte la guía sobre cómo cargar archivos de WordPress a través de FTP. Luego, coloque el siguiente código donde desea mostrar el enlace de navegación de ruta de navegación.

Recuerde guardar los cambios y volver a subir el archivo a su sitio web.

Ahora puede visitar su sitio web para ver el enlace de pan actual.

Cambiar la forma en que se muestran los enlaces en AIOSEO

De forma predeterminada, All in One SEO utiliza plantillas para mostrar enlaces de navegación en la ruta de navegación. Incluya enlaces a su página de inicio, categoría o página de inicio, y títulos de publicaciones o páginas separados por ».

Puedes visitar Optimización de motores de búsqueda todo en uno »Configuración general Y desplácese hacia abajo hasta la sección "Configuración de ruta de navegación".

Desde aquí puede cambiar el delimitador, mostrar u ocultar el enlace de inicio, agregar un prefijo, etc.

Cuando haya terminado, asegúrese de hacer clic en el botón "Guardar cambios" para guardar su configuración.

Método 2: use Breadcrumb NavXT para agregar navegación de breadcrumb

Este método se puede utilizar con cualquier otro complemento SEO de WordPress. Si tiene un tema compatible, es fácil de usar, pero si no es así, debe editar el archivo del tema para mostrar los enlaces de navegación de ruta.

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

Después de la activación debe visitar Configuración »Navegación de ruta de navegación Página de configuración de configuración del complemento.

La configuración predeterminada debería ser adecuada para la mayoría de los sitios web. Sin embargo, puede personalizar la configuración según sea necesario.

La página de configuración está dividida en diferentes secciones. En la sección "Configuración general" puede cambiar el estilo y la configuración de la ruta de navegación.

También notará que estas plantillas de enlaces utilizan el etiquetado de Schema.org en las etiquetas de los enlaces.

La pestaña Tipo de publicación en la configuración del complemento le permite configurar enlaces para páginas de publicación, páginas y cualquier tipo de publicación personalizada.

Puede elegir cómo mostrar la jerarquía de las publicaciones. De forma predeterminada, el complemento utilizará Título del sitio> Categoría> Título de la publicaciónPuede reemplazar categorías con etiquetas, fechas o publicaciones principales y cambiar el delimitador.

Las secciones de taxonomía y autor tienen plantillas de enlaces de navegación similares para la navegación.

Asegúrese de hacer clic en el botón "Guardar cambios" para guardar Cambiate a ti mismo.

Muestre Breadcrumb NavXT en su sitio web

Breadcrumb NavXT proporciona varias formas de mostrar enlaces de navegación de breadcrumb en su sitio web.

1. Mostrar navegación mediante temas

Algunos de los temas de WordPress más populares tienen opciones integradas para mostrar la navegación de ruta de navegación cuando selecciona el complemento Breefcrumb Navxt o WordPress SEO como fuente.

Por ejemplo, si usa un Astra, puede visitar Apariencia »Personalizado Página y, a continuación, haz clic en el menú de migas de pan.

A partir de ahí, eliges que las migas de pan aparezcan en Ubicación caerá.

existe Fuente para pan rallado, Debe seleccionar "Navegación de ruta de navegación".

Si está viendo una publicación o una página, verá una vista previa en tiempo real de los enlaces de navegación de la carretera.

Asegúrese de hacer clic en el botón "Publicar" para guardar los cambios.

2. Use widgets para agregar navegación de pan

El complemento también proporciona un widget que puede usar para mostrar la navegación por carretera en la barra lateral o en cualquier área lista para widgets.

Primero ve a Apariencia »Enanos Y agregue el widget Breadcrumb NavXT a la barra lateral.

La configuración predeterminada del widget es adecuada para la mayoría de los sitios web, pero puede cambiarla según sea necesario. Por ejemplo, es posible que desee ocultar el seguimiento de su página de inicio.

Asegúrese de hacer clic en el botón "Guardar" para guardar la configuración del widget.

Ahora puede visitar su sitio web para ver los widgets en acción.

3. Agregar navegación por carretera mediante código

El complemento también proporciona un método de código para mostrar enlaces de navegación para usuarios avanzados.

Primero debe conectarse a su sitio de WordPress utilizando un cliente FTP. Luego, vaya a la carpeta de temas de WordPress actual ubicada en el directorio / wp-content / themes /.

Los temas de WordPress usan archivos de plantilla para mostrar diferentes partes de su sitio web. Por ejemplo, muchos temas usan un archivo llamado content-single.php, que se encuentra en la carpeta template-parts del tema.

Consulte nuestra hoja de trucos para encontrar el archivo para editar en el tema de WordPress.

Abra el archivo de plantilla para editarlo y luego pegue el siguiente código donde desea mostrar la ruta:

Recuerde guardar los cambios y volver a subir el archivo a su sitio web.

Ahora puede visitar su sitio web para ver el rastro de los lazos de pan.

Esperamos que este artículo le haya ayudado a comprender cómo mostrar enlaces de navegación en WordPress. También es posible que desee revisar nuestra guía sobre cómo generar más tráfico a su sitio de WordPress o los mejores registradores de dominio que mostramos.

Si le gusta este artículo, suscríbase a nuestro canal de tutoriales en vídeo de YouTube para WordPress. También puede encontrarnos en Twitter y Facebook.