Cómo implementar breadcrumbs de Yoast SEO

enero 30, 2021 0 Por mc
Cómo implementar breadcrumbs de Yoast SEO

¿Qué son las migas de pan? ¿Por qué son importantes?

Breadcrumbs o migas de pan son una forma de ayudar a sus usuarios a navegar mejor por su sitio y su estructura. Además, pueden aparecer en Google y brindar una mejor experiencia de usuario. Si desea saber más sobre las migas de pan, visite nuestra guía: ¿Qué son las migas de pan y por qué son importantes para SEO?

Para que sea más fácil para los usuarios y los motores de búsqueda navegar por su sitio, necesita más que rutas de navegación. Yoast SEO Premium viene con una función de enlace interno, así como filtros de contenido. Con esas herramientas, puede mantener su contenido estructurado, localizable y actualizado.

¿Qué hacen las migas de pan de Yoast SEO?

Las rutas de exploración de Yoast SEO generarán datos JSON-LD en el código fuente. Hemos descubierto que este es el método más confiable para implementar rutas de navegación para fragmentos enriquecidos.

¿Cómo se ven las migas de pan de Yoast SEO?

Una vez configurado, Yoast mostrará el JSON-LD en el código fuente.

Cómo implementar breadcrumbs de Yoast SEO
Cortesía Yoast.com / Yoast SEO Breadcrumbs como JSON + LD tal como aparecen en el código fuente

Eventualmente, Google reemplazará el enlace que aparece debajo de su título SEO azul con uno que muestra la ruta de navegación.

 Yoast SEO Breadcrumbs pathway as shown in Google - MC
Cortesía Yoast.com / Ruta de ruta de navegación de Yoast SEO como se muestra en Google.

¿Cómo implemento las migas de pan de Yoast SEO?

Los pasos a continuación son una solución temporal, ya que las ediciones manuales realizadas en los archivos del tema pueden sobrescribirse con futuras actualizaciones del tema. Póngase en contacto con el desarrollador del tema para obtener una solución permanente.

Hemos escrito un artículo sobre la importancia de las rutas de navegación para SEO. Para implementar la función de migas de pan en Yoast SEO, tendrá que editar su tema. Si no está seguro de cómo editar los archivos del tema, es posible que su desarrollador del tema pueda ayudarlo. Alternativamente, puede utilizar un socio de Yoast. Recomendamos que antes de cualquier edición de los archivos del tema, se realice una copia de seguridad. Su proveedor de alojamiento puede ayudarlo a realizar una copia de seguridad.

Copie el siguiente código en su tema donde desea que estén las rutas de navegación. Si no está seguro, deberá experimentar con la ubicación:

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

NOTA: Dependiendo de su tema, puede que necesite o no agregar etiquetas php al principio . Si no está seguro, el desarrollador de su tema puede ayudarlo.

Los lugares comunes donde puede colocar sus rutas de navegación son dentro de su archivo single.php y / o page.php, justo encima del título de la página. Además, otra opción que lo hace realmente fácil en algunos temas es simplemente pegar el código en header.php al final.

En la mayoría de los temas que no son de WooTheme, este fragmento de código no debe agregarse a su archivo functions.php. Si tiene problemas para encontrar el lugar correcto para agregar el código, comuníquese con el desarrollador del tema para obtener ayuda.

Implementar migas de pan en las páginas usando un shortcode

De forma predeterminada, las páginas no obtienen una configuración de ruta de navegación, ya que no tienen una taxonomía para mostrar, como una etiqueta o categoría. Sin embargo, algunos temas obligan a que las taxonomías aparezcan en las páginas y si lo han hecho, tendrás esta opción.

Además, puede agregar manualmente el código abreviado de ruta de navegación a publicaciones o páginas individuales.

¿Cómo habilito y configuro las rutas de navegación de Yoast?

Yoast SEO ofrece una función de ruta de navegación. Esta función está desactivada de forma predeterminada, ya que usted o el desarrollador de su tema deben agregar código a sus archivos de tema. Después de eso, vaya a SEO → Apariencia de búsqueda → Breadcrumbs y habilite la función de breadcrumb.

Inicie sesión en su sitio web de WordPress.
Cuando haya iniciado sesión, estará en su “Panel de control”.

Haga clic en “SEO”.
En el lado izquierdo, verá un menú. En ese menú, haga clic en “SEO”.

Haga clic en “Apariencia de búsqueda”.
La configuración de “SEO” se expandirá y le brindará opciones adicionales. Haga clic en “Apariencia de búsqueda”.

Search Appearance en Yoast SEO menu - MC
Cortesía Yoast.com

Haga clic en la pestaña “Breadcrumbs”.

Breadcrumbs - MC

Activa el interruptor “Breadcrumbs”.
Para agregar migas de pan de Yoast, cambie el interruptor a “Habilitado”.
Para eliminar las migas de pan de Yoast, cambie el interruptor a “Deshabilitado”.

Si está habilitado, configure los ajustes según sus preferencias.

Tenga en cuenta que las páginas no tienen la opción Taxonomía para mostrar y, por lo tanto, no se muestran. En su lugar, se debe utilizar un código abreviado para mostrarlos.

breadcrumbs setting - MC
Cortesía Yoast.com

Haga clic en “Guardar cambios”.
Mostrar función de página de blog
Si desea utilizar la función, deberá configurar una página estática para su página de publicaciones en la sección Configuración-Lectura de su sitio de WordPress.

Soy un desarrollador de temas, ¿cómo integro las rutas de navegación de Yoast en mi tema que no es de WooTheme?

Si eres un desarrollador de temas, es posible que debas dar un paso adicional para completar la integración con Yoast SEO Breadcrumbs agregando nuestro filtro de breadcrumbs.

Una vez que se haya agregado este filtro a su tema, las rutas de navegación de Yoast se harán cargo de todas las que no sean de Yoast.

¿Cómo configuro rutas de navegación en publicaciones y páginas?

Para configurar las migas de pan, utilice esta guía. Tenga en cuenta que la taxonomía para mostrar no aparece en la sección Breadcrumb. En su lugar, deberá utilizar un código corto.

¿Cómo funciona con las migas de pan de WooThemes?

Si tiene un WooTheme, es posible que deba agregar algún código diferente. Si no está seguro de tener un WooTheme, el desarrollador de su tema puede ayudarlo. También puede reemplazar WooThemes Breadcrumbs.

¿Cómo edito la ruta de migas de pan?

Cambie la categoría en la ruta de navegación en las publicaciones seleccionando la categoría principal
Puede cambiar la ruta de navegación en las publicaciones seleccionando la categoría principal. Por ejemplo, si selecciona una subcategoría como principal, Yoast generará la categoría principal y también la subcategoría. Es posible que deba experimentar con la selección de categorías para que aparezca el camino correcto.

Seleccione Categoría y asegúrese de marcarla como principal. En la imagen de ejemplo a continuación, se seleccionó la subcategoría (también llamada categoría secundaria)

Faq test pages - MC
Cortesía Yoast.com

Ver Parent (también llamado Principal o Principal) y aparece la categoría secundaria.

Ruta de migas de pan con categoría principal y subcategoría - MC

Cambie el título de una publicación, página o taxonomía en la ruta de navegación agregando un título personalizado

Puede agregar un título de ruta de navegación personalizado para una publicación, una página o una taxonomía. Como resultado, se reemplazará el título predeterminado. Consulte nuestro artículo de ayuda sobre cómo personalizar sus títulos de ruta de navegación para aprender a hacerlo.

Cambiar la ruta completa de la ruta de navegación usando un filtro

Para editar la ruta de migas de pan, use el filtro a continuación y colóquelo en el archivo functions.php de su tema hijo:

wpseo_breadcrumb_links

También tenemos algunos ejemplos de cómo editar y eliminar migas de pan. Si no está seguro de cómo usarlos, dónde está su archivo functions.php o qué tema secundario es, comuníquese con el desarrollador de su tema para obtener más información. Alternativamente, considere un socio de Yoast que pueda ayudar.

Cambiar el separador de migas de pan

Si necesita cambiar el separador de migas de pan, puede hacerlo yendo a SEO-Search Appearance-Breadcrumb Pathway y ubique el campo Separator Between Breadcrumbs. Luego, puede agregar el carácter que desee aquí

breadcrumbs separator - MC
Cortesía Yoast.com / Personalizando el separador

Si desea personalizar aún más el separador, puede hacerlo utilizando el filtro a continuación. Iría a su archivo functions.php. Recomendamos utilizar un tema hijo para conservar los cambios. Si no está seguro de cómo usar el filtro, dónde está su archivo functions.php o qué tema secundario es, comuníquese con el desarrollador de su tema para obtener más información. Alternativamente, considere un socio de Yoast que pueda ayudar.

wpseo_breadcrumb_separator

Cambiar elementos individuales en la ruta de navegación mediante un filtro
Para editar elementos / enlaces individuales en la ruta de navegación, use el filtro a continuación y colóquelo en el archivo functions.php de su tema secundario:

wpseo_breadcrumb_single_link

También tenemos algunos ejemplos de cómo editar y eliminar rutas de navegación individuales.

Si no está seguro de cómo usarlos, dónde está su archivo functions.php o qué tema secundario es, comuníquese con el desarrollador de su tema para obtener más información. Alternativamente, considere un socio de Yoast que pueda ayudar.

¿Cómo cambio las rutas de navegación en una página de la tienda de WooCommerce?

Puede editar la página de la tienda utilizando algunos de estos filtros y fragmentos de código. Iría en su archivo functions.php. El código también se puede utilizar para hacer que la página de la Tienda aparezca en otra parte de su sitio, como en una página de Categoría de producto.

Si no está seguro de cómo usarlos, dónde está su archivo functions.php o qué tema secundario es, comuníquese con el desarrollador de su tema para obtener más información. Alternativamente, considere un socio de Yoast que pueda ayudar.