Breadcrumbs para WordPress sin complemento. Complemento Breadcrumb NavXT para WordPress. Complemento SEO de Yoast

¡Hola a todos!

Otra forma de mejorar los enlaces internos y la usabilidad del sitio web son las rutas de navegación. Este tipo de navegación en el sitio adquirió este nombre gracias al cuento de los hermanos Grimm sobre Hansel y Gretel. Si recuerdas, para encontrar el camino a casa, los niños dejaban migas de pan en el camino. Asimismo, el método de navegación del mismo nombre evitará que los usuarios se pierdan en su sitio. En el artículo de hoy se analizarán más detalles sobre el propósito y los métodos para agregar rutas de navegación a un blog.

Significado y ejemplo de pan rallado

Para darle una idea de cómo se ven las rutas de navegación en un sitio web, le daré un ejemplo de mi blog:

Las rutas de navegación se resaltan con un marco naranja. También se les llama pan rallado.

En la mayoría de los casos, dicha cadena se puede encontrar debajo del encabezado del sitio, inmediatamente antes del título del artículo.

De esta forma, el visitante puede comprender fácilmente en qué sección se encuentra el artículo que está viendo. La estructura general de la navegación Breadcrumb es la siguiente: Página de inicio -> Sección -> Título del artículo. Puede resultar complicado si, por ejemplo, en la sección aparece una subsección, entonces la estructura quedará así: Página de inicio –> Sección –> Subsección –> Título del artículo.

Además de la navegación del sitio, las rutas de navegación también juegan un papel importante en el SEO. Mejoran la usabilidad del sitio, los enlaces y, a veces, pueden acceder a archivos . Esto aumentará la tasa de clics en los resultados de búsqueda y también ayudará a los motores de búsqueda a reconocer rápidamente la estructura de su recurso. Esto requiere un micromarcado del pan rallado. Hablaremos de cómo hacerlo a continuación.

Breadcrumbs: ¿cómo hacerlo en tu blog?

Para agregar rutas de navegación a WordPress, puede utilizar un complemento o escribir el código necesario para mostrarlas.

Primero, veamos cómo mostrar rutas de navegación con código PHP. Diré de inmediato que se proporcionará el mismo código a continuación, pero con elementos de micromarcado, le aconsejo que lo tome de inmediato.

Aquí hay un código de muestra para pegar en su archivo funciones.php:

1 2 3 4 5 6 7 8 9 10 11 12 13 14

" Pro-Wordpress » " term_id). "">" . $categorías [ 0 ] -> nombre . " » " " ; " ; }

"; }

term_id). ""> ". $categorías->nombre . " " " ) echo "

1 2 3 4 5

Después de esto, debería aparecer una ruta de navegación en su sitio. Sin embargo, para obtener hermosas rutas de navegación, deberá realizar cambios en el archivo de estilos. Por ejemplo, para que se vea como en mi blog, debes insertar el siguiente código en estilos.css:

Migas de pan( margen: -5px 0 5px 3px; /* relleno */ desbordamiento: oculto; ) .breadcrumbs a ( color: #34a6d2; /* color del enlace - azul */ decoración de texto: subrayado; ) .breadcrumb > span ( color : #000; /* el color del punto final es negro */ ) .breadcrumb( float:left; )

Aquí puede ver el color y el tamaño de las fuentes, las sangrías y el color de los enlaces al pasar el cursor sobre y sin ellos. Puedes reemplazar todos estos valores por los tuyos propios y experimentar.

Migas de pan para WordPress: complemento

Los complementos más comunes para mostrar rutas de navegación: Yoast WordPress Seo, BreadCrumb NavXT. El complemento WordPress SEO by Yoast tiene muchas funciones y las rutas de navegación de su arsenal son solo una pequeña parte. Por lo tanto, si ya tiene este complemento instalado, puede utilizar esta función.

Después de la instalación, en la configuración puede configurar la opción de ruta (categorías, fechas, etiquetas), la longitud máxima del título y los caracteres entre secciones. Además, puede desactivar la visualización del título de la página en la que se encuentra el visitante, para no duplicar el título del artículo. Para que las rutas de navegación se muestren en la página, nuevamente debe escribir el código en el archivo single.php o header.php.

1 2 3 4 5 6 7 8

Puede realizar cambios en los estilos de la misma manera que se describe anteriormente.

Micromarcado de pan rallado

Ya hemos hablado de lo importante que es. Las rutas de navegación en el fragmento de mi blog se ven así:

Este tipo es más comprensible y agradable para el usuario que simplemente la URL de la página.

Los motores de búsqueda pueden aceptar automáticamente la estructura de ruta de navegación que se crea en su sitio y mostrarla en el fragmento en consecuencia. Para comprobar esto, debe utilizar los validadores de Google y Yandex.

Si los motores de búsqueda no reconocen las rutas de navegación, entonces necesitan ayuda. En mi blog utilizo el código que figura al principio del artículo. Le agregué elementos de micromarcado. Si también genera rutas de navegación usando código PHP, puede reemplazar su código con esto:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

función my_breadcrumb() ( eco " Pro-Wordpress » " ; $categorías = get_the_category() ; " if ($categorías [ 0 ] ) ( echo " term_id ) ." . $categorías [ 0 ] -> nombre . " » " " " "" itemprop="url"> " ; }

.

"; }

No he intentado crear micromarcados para las rutas de navegación creadas con el complemento. Pero creo que no es difícil. Puede modificar el código del complemento de forma similar a mi código. Veamos el código dado.

Este código permite a los motores de búsqueda determinar que se trata de un elemento de ruta de navegación.
Cada elemento individual de la cadena está envuelto en un div que contiene el código: itemscope itemtype="https://data-vocabulary.org/Breadcrumb" .

itemprop="url" – define el valor de la URL, debe agregarse a cada etiqueta

itemprop="título – define el valor del título del elemento de la cadena

Todo el código está incluido en un div con el parámetro xmlns:v="https://rdf.data-vocabulary.org/#"> para conectar el diccionario de Schema.org.

Después de agregar el código, verifique nuevamente si Yandex y Google reconocen las rutas de navegación.

Si tiene alguna pregunta adicional sobre el tema de este artículo, asegúrese de preguntarla en los comentarios.

Por último, te sugiero ver un vídeo sobre enlaces internos.

Las rutas de navegación en WordPress son un elemento de navegación auxiliar que muestra la posición del usuario en relación con toda la jerarquía de recursos. En pocas palabras, este menú muestra exactamente dónde se encuentra actualmente el visitante.

Las rutas de navegación se denominan menús porque muestran secciones con enlaces que le permiten saltar por la jerarquía del sitio.

Por cierto, esta navegación recibió irónicamente el nombre por analogía con uno de los cuentos de hadas. Su esencia era que los niños, que fueron llevados al bosque, no podían encontrar el camino de regreso a casa, porque las migas de pan estaban esparcidas por todo el camino. Como resultado, fueron picoteados por pájaros, por lo que los niños no encontraron el camino de regreso (tuvieron que arrojar piedras).

En realidad, las rutas de navegación son muy útiles para los visitantes, porque pueden orientar al usuario en la dirección correcta y darle una idea general de la estructura del sitio. Esta es una buena opción para la navegación auxiliar, que no va a expensas de la principal. Bueno, también brindan la posibilidad de vincular páginas, lo cual es bueno para el SEO. Pero siempre hay algunos matices. Entonces, si toma una plantilla estándar, las rutas de navegación serán de poca utilidad (cuando el usuario está en categorías, las rutas de navegación, de hecho, simplemente repetirían esta información).

La ruta de navegación es útil en tales casos:

• cuando se ven bien con el diseño del sitio (en este caso, el menú no se utiliza para optimización, sino solo para el beneficio y la comodidad de los visitantes);
• cuando el sitio tiene una estructura verdaderamente compleja (por ejemplo, un recurso corporativo con una estructura compleja y confusa).

Hay varios tipos de migajas que se utilizan tanto en el segmento de Internet de habla rusa como en el extranjero:

1. Ubicación. Este tipo define un camino y es permanente, es decir. no cambiará a medida que el usuario se mueva por el recurso;
2. Camino. Este tipo muestra al visitante el camino que ya ha recorrido. La principal desventaja de este tipo de migajas es que si el usuario proviene de un motor de búsqueda, las migajas no se mostrarán;
3. Atributo. Estas migajas se muestran como etiquetas en páginas específicas y le permiten determinar la categoría en el sitio. Esta opción es la más conveniente y funciona con casi todos los recursos.

La promoción de sitios web basada en consultas de baja frecuencia tiene una serie de ventajas, lo cual es especialmente importante para proyectos comerciales; Las migajas a veces desalientan la inversión necesaria para adquirir enlaces externos. Es decir, la promoción de consultas de baja frecuencia solo se puede lograr con la ayuda de la optimización mediante la creación de enlaces correctos (a veces esto realmente funciona, pero no se debe esperar demasiado de una solución de este tipo). Lo principal aquí es que los visitantes que provienen de los motores de búsqueda para este tipo de consultas a menudo se convierten en dinero, y no solo en invitados diminutos (este número no funciona con consultas de frecuencia media y alta).

En cierto modo, el pan rallado es similar al sistema circulatorio, que permite transportar oxígeno a los "órganos internos" más distantes. Por supuesto, usted mismo puede agregar manualmente enlaces a otros materiales sobre el tema, pero esto requerirá escribir un material por separado. Para crear un menú de ruta de navegación, en primer lugar, consideraremos la opción sin necesidad de instalar complementos, y luego veremos un par de ellos, que, en nuestra opinión, son los mejores.

Opción sin instalar un complemento

Veamos una forma de implementar migajas en su sitio sin instalar ningún complemento. Es bastante sencillo en cuanto a implementación, por lo que no debes esperar nada original de esta solución. Pero todo funciona sin complementos, lo que significa que no hay carga en el sitio.

El método consta de un par de pasos:

• ingresando el código en el archivo funciones.php;
• ingresando el código de miga en el lugar correcto.

Entonces, toma el primer código y pégalo en el archivo funciones.php de tu plantilla activa:

función the_breadcrumb() (
si (!is_front_page()) (
eco "Inicio";
eco "" ";
si (is_category() || es_single()) (
la_categoría(" ");
si (es_single()) (
eco "" ";
el_título();
}
) elseif (is_page()) (
hacer eco del_título();
}
}
demás(
eco "Inicio";
}
}

Se puede colocar al final del documento, antes de los caracteres “?>” (sin comillas). Si no hay ninguna etiqueta al final, entonces el código se puede colocar al principio, antes de la etiqueta de apertura. Al publicar el código, asegúrese de que la codificación sea UTF-8; de lo contrario, algunas letras y palabras rusas no se mostrarán correctamente. Puede configurar la codificación usando el editor del Bloc de notas usando el elemento “Codificación – Codificar en UTF-8 (sin BOM).

Ahora usamos otro código y lo escribimos donde queremos mostrar las rutas de navegación:

the_breadcrumb();
?>

Se cree que las migajas deben colocarse en todas partes excepto en la página principal. Es decir, debes colocar este código en los archivos single.php, archive.php, page.php y Category.php. Depende de usted dónde colocarlo exactamente, pero de forma predeterminada se inserta antes de que se muestre el contenido principal. Si es posible colocar el código en el bloque principal, entonces hazlo, porque así no tendrás que jugar con estilos para que las migajas se muestren como se esperaba.

Como puedes ver, sólo necesitas profundizar un poco en los archivos del tema. Y además, el método funciona sin módulos auxiliares. Bueno, si desea poder cambiar las migajas a su propia discreción, deberá instalar complementos de terceros. El SEO de Yoast y Breadcrumb NavXT funciona muy bien. Veamos el primero.

Complemento SEO de Yoast

Como alternativa al método anterior, puedes utilizar el complemento SEO by Yaost, que es capaz de crear migajas muy atractivas. Sus principales ventajas:

• no es necesario instalar módulos de terceros;
• el complemento puede mostrar categorías y subcategorías, mostrando así la imagen completa del sitio;
• es posible cambiar el texto del enlace que lleva a la página principal;
• resaltando las últimas páginas en negrita;
• capacidad de cambiar separador y prefijo;
• establecer el formato de taxonomía;
• Usando CSS puedes experimentar con la apariencia de las migajas.

Pero aún así, observamos que en algunos casos es posible que el complemento no muestre las migajas del todo correctamente, pero a medida que el complemento se desarrolle, estamos seguros de que los desarrolladores eliminarán los errores y agregarán todas las funciones que faltan.

Comencemos con la descarga e instalación. Puede obtener el complemento desde el enlace: https://wordpress.org/plugins/wordpress-seo/. La instalación es estándar: cargue el contenido en la carpeta wp-content/plugins y actívelo en el panel de administración. Ahora puedes pasar a la configuración:

1. En el panel de administración, vaya a la sección "SEO – Avanzado";
2. Se cargarán configuraciones de complementos adicionales (fue creado no solo para mostrar migas de pan), pero estamos interesados ​​​​específicamente en la sección "Migas de pan";
3. Activamos las migajas, pero para que aparezcan en el sitio será necesario colocar un código especial (lo puedes encontrar al final de esta lista);
4. Seleccione uno de los delimitadores compatibles con HTML5;
5. A continuación, seleccione el texto de la página principal del sitio (por ejemplo, "Inicio", "Inicio", etc.);
6. Un prefijo es un símbolo o palabra que se mostrará antes de todas las migajas del recurso (generalmente una flecha);
7. A continuación, puede seleccionar prefijos específicos para archivos, páginas de resultados de búsqueda, páginas 404;
8. A algunas personas les puede resultar útil resaltar el último párrafo en negrita, pero la última página suele ser idéntica al título, así que decida usted mismo qué hacer aquí;
9. El último elemento de configuración es la taxonomía (puede elegir entre categorías, formatos, etiquetas);
10. Guarde los cambios realizados.

Después de completar la configuración, debes agregar el código a la plantilla:

(yoast_breadcrumb("");) ?>

Eso es todo, no será difícil comprender todos los demás aspectos del trabajo con el complemento.

Complemento de ruta de navegación NavXT

El complemento tiene una gran cantidad de configuraciones y, lo más importante, funciona como un reloj de alta calidad por varios miles de dólares. Como se mencionó anteriormente, la navegación por la página de WordPress es posible sin instalar módulos de terceros, pero con la ayuda de Breadcrumb NavXT todo se simplifica: cada usuario puede personalizar las rutas de navegación como desee.

Puede descargar el complemento en la página: http://wordpress.org/extend/plugins/breadcrumb-navxt/ (al menos 3.0 y PHP 5). Después de la descarga, cargue el complemento en la carpeta wp-content/plugins y actívelo en el panel de administración. Tenga en cuenta que si ya tenía una versión anterior del módulo, debe desactivarla o el complemento puede tener algunos errores (la configuración no se guarda). Si olvidó apagarlo y nada funciona, después de la instalación lo apagamos y lo instalamos nuevamente. Ahora todo empezará correctamente.

Si es necesario, el código se puede agregar a otros archivos de su tema. Ahora debes ir al menú de configuración y "evocar" un poco sus opciones, gracias a las cuales puedes hacer lo que tu corazón desee con estas migajas (los desarrolladores realmente lo hicieron concienzudamente).

Entonces, vaya al panel de administración del recurso, mire el panel izquierdo y seleccione el elemento "Breadcrumb NavXT" allí. Aquí se mostrarán varias pestañas como "General", "Posición actual", etc. En la pestaña principal "General" hay parámetros que afectarán a todas las páginas del sitio. El campo "Separador" le permite especificar un símbolo que actuará como separador de pan rallado (en nuestra opinión, el símbolo más exitoso es ">", simple y comprensible para todos).

El campo "Longitud máxima" especifica la longitud del ancla en caracteres. Recomendamos establecer un límite de 60 caracteres, lo cual es útil para fines de optimización. Ya hemos mencionado los beneficios de las migas de pan para SEO; es decir, las migajas serán indexadas por los motores de búsqueda y no solo se utilizarán para transmitir el peso vacío. Hagamos una reserva de que los motores de búsqueda pueden ser impredecibles cuando se trata de enlaces con anclajes idénticos, por lo que recomendamos acortarlos (esto no es necesario, pero aún puedes dedicarle un poco de tiempo).

Si marca la casilla junto a "Enlace de inicio", el enlace a la página principal se mostrará en migajas. Y si es necesario, puedes seleccionar un ancla. Los campos “Prefijo” y “Sufijo” le permiten especificar el texto que aparecerá antes o después del enlace a la página principal. Bueno, el campo "Texto del enlace de inicio" le permitirá especificar el texto que se mostrará cuando pase el cursor sobre el enlace de la página de inicio.

Vale la pena tenerlo en cuenta: los motores de búsqueda pueden tener en cuenta este texto como ancla. Es decir, vale la pena especificar palabras clave que se relacionen con su página principal. Después de eso, guarde todos los cambios realizados usando el botón correspondiente.

Pero esta es sólo una pestaña "General", por lo que puedes revisar las otras pestañas. Entonces, en el siguiente hay un elemento de configuración para un enlace que apuntará a la página donde se encuentra. Un enlace a la posición actual mejora la optimización interna del recurso, por lo que recomendamos marcar esta casilla. Además, no olvides que recomendamos no exceder los 60 caracteres para evitar crear títulos grandes.

El siguiente campo "Texto de la posición actual" se puede dejar intacto, simplemente porque muestra bien el significado de la transición (este texto será visto por el visitante cuando pase el cursor del mouse sobre el enlace). La pestaña "Publicaciones/Páginas" le permite configurar la visualización de enlaces a páginas con contenido y páginas estáticas del sitio (para los artículos puede configurar la inscripción "Artículo actual").

En la pestaña "Categorías", esencialmente todas las configuraciones son las mismas que las de las páginas anteriores. Al configurar, no especificamos prefijos ni sufijos, pero realizamos cambios en el campo "Archivos". Como resultado de todo esto, obtuvimos chicas tan atractivas, donde todo funciona correctamente.

Hola a todos amigos. En el artículo de hoy te contaré qué son las migas de pan, para qué sirven y cómo agregarlas a tu blog de WordPress con o sin complemento. ¡Empecemos!

Breadcrumbs: una forma cómoda de vincular un blog

Una de las formas sencillas de simplificar simultáneamente la navegación y los enlaces del sitio son las rutas de navegación. Debe su nombre a la forma en que los héroes del cuento de hadas alemán "Hansel y Gretel" intentaron encontrar la salida del bosque.

Es cierto que las migajas no ayudaron a los niños: fueron picoteadas por pájaros, pero en el desarrollo de sitios web la función, que lleva el nombre del fallido método de rescate, se ha arraigado y se utiliza en recursos para diversos fines, desde blogs personales hasta blogs en línea. víveres.

Probablemente haya visto esta ruta de navegación en una variedad de recursos de Internet. Por lo general, se coloca encima del artículo y se parece a esto:

pagina de inicio> Categoría > Subcategoría > Página actual

Además, todos los “enlaces”, excepto el último, son enlaces internos.

Gracias a esta cadena, el lector puede entender en cualquier momento en qué nivel del sitio se encuentra y tiene la oportunidad de recorrer toda la cadena e inmediatamente ir a la sección que le interesa o regresar a la página principal del recurso.

¿Cuáles son los beneficios de las rutas de navegación para un sitio web y un blog?

Como se indicó anteriormente, en primer lugar, facilita la navegación. Por ejemplo, un lector llegó a un artículo, lo leyó y decidió leer otros artículos de la sección. Gracias a las rutas de navegación, no necesita buscar un mapa del sitio o una lista de categorías. Simplemente retrocederá un paso.

Invita sutilmente al lector a hacer clic en los enlaces, dándole otra razón para permanecer en su sitio. Esto, a su vez, mejora los factores de comportamiento, que es lo que los robots de búsqueda distinguen entre blogs y sitios web.

Cuanto más compleja sea la estructura del sitio, más importante será instalar rutas de navegación en él. Ya que es difícil para los visitantes, especialmente aquellos que visitan este recurso por primera vez, comprender todos los bloques, páginas, secciones y subsecciones. Si no tienen ninguna pista, se irán después de leer un solo artículo.

La segunda tarea de este elemento, estrechamente relacionada con la primera, es la optimización interna del sitio, o mejor dicho, otra forma de vincular tantos artículos como sea posible con enlaces. Además, a diferencia de la vinculación manual, aquí todo sucede de forma automática. La ruta de navegación requerida aparece inmediatamente encima de cada artículo publicado.

Esta función se puede agregar a sitios web y blogs de diferentes maneras. Veamos las dos opciones más simples para WordPress: instalación mediante un complemento y realizando pequeños cambios en el código.

Cómo agregar rutas de navegación a un blog con un complemento

La forma más sencilla de instalar rutas de navegación en un blog es instalar un complemento especial. Para WordPress, se suele utilizar Breadcrumb NavXT.

La forma de instalarlo es estándar: vaya al administrador del blog -> Complementos -> Agregar nuevo. En la ventana que aparece, inserte el nombre del complemento y haga clic en "Buscar complementos".

Aquí está nuestro complemento, haga clic en "Instalar ahora" y luego en "Activar".

y encima de esta línea inserte el siguiente código:

Si desea colocar las rutas de navegación en un lugar diferente, coloque el mismo código allí.

Después de eso, vaya a "Configuración" -> "Configuración de ruta de navegación NavXT" y en la columna "Nombre del enlace", cambie el nombre por el suyo propio y guarde los cambios.

Ya sólo queda entrar al blog y admirar el resultado.

Cómo agregar rutas de navegación a un blog sin un complemento

Dado que cualquier complemento supone una carga adicional para el blog y ralentiza su trabajo, es mejor cambiar un poco el código, sobre todo porque en este caso es más fácil que instalar un complemento.

Vaya al panel de administración -> “Apariencia” -> “Editor” -> funciones.php. Aquí, en cualquier lugar (lo principal no está dentro de otra función), inserte el siguiente código:

Función the_breadcrumb() ( echo "Usted está aquí: "; if (!is_front_page()) ( echo "Inicio"; echo " » "; if (is_category() || is_single()) ( the_category(" "); if (is_single()) ( echo " " "; the_title(); ) ) elseif (is_page()) ( echo the_title(); ) ) else ( echo "Inicio"; ) )

y guardar. Si le preocupa confundirse, péguelo al final, encima del último paréntesis.

Ahora necesitas este código:

colóquelo donde desee que aparezcan las rutas de navegación, por ejemplo, nuevamente encima del título del artículo. Para hacer esto, vaya a single.php, busque la línea con the_title, pegue este código encima y guarde los cambios.

Puedes ir al sitio web y ver qué pasó. Como puede ver, Usted está aquí y Inicio están claramente fuera de lugar aquí y deben cambiarse por algo más apropiado, por ejemplo, Ruta y Inicio (o el nombre del blog).

Además, debe asegurarse de que los cambios se vean igualmente bien en diferentes navegadores: no se difuminan en otras partes del tema y, al mismo tiempo, son claramente visibles.

Eso es todo, Breadcrumbs ayuda a tus lectores y puedes estar orgulloso de haber descubierto cómo instalarlos tú mismo. ¡Gracias a todos por su atención!

PD Al final del artículo, hay un vídeo sobre cómo agregar rutas de navegación a tu blog:

Breadcrumbs es un sistema de navegación de varios niveles que indica a los usuarios en qué parte del sitio se encuentran actualmente en relación con la página principal. En este artículo le mostraremos cómo mostrar las rutas de navegación de WordPress:

¿Qué son las migas de pan y para qué sirven?

Breadcrumbs es un término utilizado para describir un menú de navegación jerárquico presentado como una cadena de enlaces. A menudo se utiliza como menú de navegación adicional.

Las rutas de navegación son diferentes del sistema de menú de navegación predeterminado de WordPress.

El propósito de las rutas de navegación es ayudar a los usuarios a navegar por el sitio. Ayudan a comprender dónde se encuentra el usuario ahora. También ayuda a los motores de búsqueda a determinar la jerarquía de enlaces a páginas web.

Los motores de búsqueda como Google han comenzado a mostrar rutas de navegación del sitio en los resultados de búsqueda. Esto aumenta la visibilidad del sitio en los resultados de búsqueda y mejora las tasas de conversión:

Agregar rutas de navegación utilizando el complemento Breadcrumb NavXT

Este es un complemento de ruta de navegación de WordPress flexible y fácil de usar. Tiene características más diversas de las que puedas imaginar. Lo primero que debe hacer es instalar y activar el complemento Breadcrumb NavXT. Después de activarlo, debes ir a la página de configuración del complemento: Configuración - Ruta de navegación NavXT:

Para la mayoría de los sitios, la configuración predeterminada estará bien. Pero si es necesario, puedes realizar cambios en la configuración.

La página de configuración está dividida en varias secciones. En la pestaña General, puede definir cómo se comportará el complemento en el sitio.

Aquí puede cambiar la plantilla del enlace. Estas plantillas utilizan parámetros de Schema.org en la etiqueta del enlace.

En la sección "Tipos de publicaciones", puede configurar "rutas de navegación" para publicaciones, páginas y cualquier tipo de publicación personalizada. Puede optar por mostrar la jerarquía de registros. De forma predeterminada, el complemento utilizará la jerarquía " Título del sitio > Categoría > Título de la publicación».

Puede reemplazar los elementos de navegación con etiquetas, fechas o publicaciones principales. Las pestañas Taxonomías y Autores tienen plantillas similares para enlaces de menú. No olvides hacer clic en " Guardar cambios».

Mostrando Breadcrumb NavXT en su sitio

Para utilizar este complemento de ruta de navegación de WordPress, debe editar los archivos del tema. Debe agregar el siguiente código al archivo header.php del tema en el lugar donde se mostrarán las rutas de navegación:

Vaya al sitio y abra una publicación o página. Verá que ya se muestran las rutas de navegación.

Agregar rutas de navegación con el complemento Yoast SEO

Instale y active el complemento Yoast SEO. Después de activar el complemento, debe ir a la página. SEO > Avanzado y marque la casilla de la opción " Habilitar migas de pan»:

Después de esto, estarán disponibles varias opciones con las que podrá cambiar la opción de visualización de las rutas de navegación. La configuración predeterminada debería estar bien para la mayoría de los sitios, pero se puede cambiar fácilmente si es necesario.

Una vez que haya terminado, haga clic en " Guardar cambios».

Generación de rutas de navegación utilizando el complemento Yoast SEO

Algunos temas ya son compatibles con las rutas de navegación de Yoast. Vaya al sitio y abra cualquier página o publicación para ver si muestra rutas de navegación de WordPress. De lo contrario, deberá agregar un pequeño fragmento de código al tema activo.

Pega este código en el header.php de tu tema al final del archivo:

Eso es todo, ahora puede ir a su sitio web, allí ya se mostrarán las rutas de navegación.

Esperamos que este artículo te haya ayudado.

Traducción del artículo " Cómo mostrar enlaces de navegación de ruta de navegación en WordPress"fue preparado por el amigable equipo del proyecto.

Bueno Malo

Hoy les hablaré de un complemento para WordPress llamado popularmente “Breadcrumbs”, oficialmente llamado Breadcrumb NavXT. Este es quizás el complemento más popular y popular entre los webmasters. Su popularidad se debe a dos razones.

La primera razón de la popularidad del complemento Breadcrumbs

Esto es una comodidad para navegar. Después de instalar y configurar el complemento Breadcrumb NavXT, aparece un conveniente menú de navegación en la parte superior de la página, que muestra gradualmente al usuario no solo el nombre de la página en la que se encuentra, sino también secuencialmente todas las páginas del sitio que ha visitado anteriormente. Lo cual sin duda es muy conveniente, especialmente cuando se estudia una gran cantidad de material y se visualizan varias páginas.

La segunda razón de la demanda de este complemento.

Vinculación adicional de páginas y, como resultado. + en el ranking de los motores de búsqueda. (En realidad, el apodo “Migas de pan” proviene de un cuento de hadas de los hermanos Grimm llamado Hansel y Gretel, en el que los niños arrojaban migas de pan al bosque para no perderse... Pero esto es así, una digresión lírica.) Volvamos a nuestro complemento.

Descargue e instale el complemento Breadcrumb NavXT.

La mejor manera de descargar el complemento Breadcrumb NavXT es encontrarlo a través de su panel de control ingresando "en la barra de búsqueda" Ruta de navegación NavXT"

La instalación normal no es diferente de instalar otros complementos. Pero tendrás que jugar con la configuración.

Vaya a la pestaña "Opciones"...

... y llegamos al panel de configuración del complemento Breadcrumb NavXT. En este caso sólo nos interesa la pestaña "Básico", todas las demás pestañas de configuración: Publicaciones y páginas, taxonomías, otros, se puede dejar sin cambios por ahora. Quizás tengas que volver a ellos algún día para configurar Breadcrumbs más avanzado, pero por ahora dejaremos todo como está. Bueno, cambiemos la configuración de la pestaña "Básico" como se muestra en la siguiente imagen:

Guardamos los cambios de configuración y eso es todo aquí.

Ahora vayamos a la parte divertida.

Necesitas editar tu plantilla de tema.

Desafortunadamente, esto es imposible sin esto. El complemento Breadcrumb NavXT no funcionará "así como así".

Vaya a la consola y seleccione “Apariencia” → “Editor”:

Como resultado, pasamos a la sección de edición del tema. En esta sección de edición, debe seleccionar exactamente el tema que está utilizando actualmente. Como regla general, muchos administradores de sitios instalan varias plantillas de sitio, pero solo se utiliza una. Por lo tanto, debes editar el que se utiliza.

Debe editar las siguientes plantillas: single.php, index.php y page.php (si hay una página creada especialmente, por ejemplo, categoría.php, esta también)

Se parece a esto:

Primero, seleccione la plantilla requerida. (Este ejemplo muestra las plantillas disponibles en mi tema; es posible que tengas más o menos. Debes editar todo lo que está disponible de acuerdo con la lista: single.php, index.php y page.php, categoría.php Si alguna de las plantillas enumeradas no aparece en su lista, simplemente omítala).

Luego tomamos el código:

Y lo insertamos en cada una de las plantillas enumeradas aproximadamente en el mismo lugar, después del título ( encabezamiento):

Naturalmente, guardamos cada archivo modificado. Después de lo cual el complemento Breadcrumb NavXT comenzará a funcionar.

Bueno, eso es todo, casi... Casi, porque normalmente estos ajustes son suficientes.

Pero hay ocasiones en las que el diseño del tema de su sitio no coincide con el diseño de la línea Breadcrumbs mostrada.

En este caso, tendrás que ajustar las migas de pan al diseño del sitio por separado.

Se hace así. Tomemos este código:

.migas de pan (

fuente: negrita 12px "Trebuchet MS", Verdana, Arial;

fondo de relleno: 10px;

}

.migas de pan a(

color: #1B7499;

} .breadcrumb a: pasar el cursor (

color: #EF0E0E;

}

Cambiamos los parámetros de visualización de tamaño del texto, fuente y color a los requeridos. Luego copie el código modificado, vaya a la pestaña "Hoja de estilo" tu tema

... y pega el código en la parte inferior del editor

... guardar haciendo clic "Actualizar archivo" Eso sí, tendrás que experimentar un poco para conseguir un resultado satisfactorio.

Bueno, eso es todo por ahora.