SEO YOAST

Como Activar las Rutas de Navegación con Yoast SEO
0
Las rutas de navegación son una sencilla herramienta de navegación web, que muestran de forma rápida donde está ubicada la página que tienes en pantalla. Un efectivo “usted está aquí”, especialmente indicado para sitios web con muchas secciones.

En esta entrada, te cuento los beneficios de las rutas navegación y como ponerlas en marcha dentro de tu blog wordpress con el plugin wordpress Yoast SEO.
¿Qué son las rutas de navegación o breadcrumbs en un página web?
Como ya he mencionado, las rutas de navegación son un recurso gráfico muy simple que nos ayuda a navegar por el sitio web. Se suelen ubicar en la parte superior izquierda, por debajo del menú de navegación principal.

Cada parte de la ruta está enlazada de forma que es fácil memorizar la estructura del sitio web. Mis entradas están organizadas de la siguiente manera: Inicio> Categoría del Blog> Nombre de la entrada.

Nota: Los ingleses llaman breadcrumbs o breadcrumb trail en las rutas de navegación por la influencia de los cuentos infantiles (Pulgarcito, Hansel y Gretel, etc) donde utilizaban migas de pan como un rastro para encontrar el camino de vuelta.

Beneficios de las Rutas Navegación
Los beneficios principales son dos:

El primero (y más importante) es que ayudan al usuario a navegar fácilmente.
El segundo (también destacable) es que permiten a Google entenderse qué palabras clave son importantes dentro de tu sitio web.
Google estará encantado de la vida, si utilizas las rutas de navegación!

Tanto que las incluirá en el resultado de búsqueda, sustituyendo la URL, mostrando tu dominio y la categoría.

Rutas navegación wordpress Yoast seo:Agencia seo en barcelona

Además, su uso también favorece:

Una mejora del SEO técnico de página on-page.
La usabilidad de tu sitio web.
El posicionamiento en Google
Las posibilidades de clic dentro de los resultados de búsqueda.
El diseño atemporal: Las rutas de navegación destacan porque son fáciles de reconocer y de utilizar.
Cómo configurar las rutas de navegación con el plugin Yoast SEO?
Paso # 1: Pulsa la opción Avanzado
Dentro del menú lateral, clica en SEO → Avanzado:

Yoast breacrumbs seo

Paso # 2: Activa la Ruta de Navegación
Pone la marca ✅ en la casilla que habilita la ruta de navegación.

Rellena el resto de parámetros. En la imagen de abajo puedes ver cuáles son los valores que yo tengo configurados.

Yoast breacrumbs seo

Y hasta aquí ya está! Pero como siempre pasa en la vida, una cosa es la teoría y otra la práctica.

Si no ves las rutas de navegación del plugin Yoast, es posible que necesites modificar algún archivo de tu tema wordpress. En mi caso, yo lo tuve que hacer para activarlas en el tema Canvas de WooThemes.

Anexo: Cómo activar las rutas de navegación Yoast dentro de Canvas de WooThemes.
⚠️Compte! ⚠️

Cualquier modificación que hagas en el archivo de las funciones del tema functions.php, prueba antes en local. Si te equivocas en una sola coma, corres el riesgo de cargarte el blog …? !! Por seguridad, haz una copia de seguridad! Aquí tienes un tutorial para ℹ️ instalar WordPress en el ordenador y hacer tantos experimentos? Como quieras.

Yo lo he hecho así, pero seguramente hay otras maneras de conseguirlo igual de válidas o mejores.

Paso # 1: Activar las breadcrums en el tema Canvas
Dentro del menú lateral, pulsa para ir a las opciones de configuración del tema Canvas: Canvas → Settings:

Yoast-breadcrumbs-canvas-WooThemes

Dentro de Settings → General Settings: Activa las rutas de navegación de Canvas

Yoast-breadcrumbs-canvas-woothemes1

Paso # 2: Modificar el archivo funtions.php
Dentro del menú lateral, pulsa para acceder al Editor: Apariencia → Editor:

Yoast-breadcrumbs-canvas-woothemes4

Dentro del editor, copia y pega el código de abajo en la parte indicada:

[Php] // Both woo_breadcrumbs () and Yoast breadcrumbs need to be enabled in the WordPress admin for this to function.
add_filter ( ‘woo_breadcrumbs’, ‘woo_custom_use_yoast_breadcrumbs’);
function woo_custom_use_yoast_breadcrumbs ($ breadcrumbs) {
if (function_exists ( ‘yoast_breadcrumb’)) {
$ Before = ‘<div class = “breadcrumb breadcrumbs woo-breadcrumbs”> <div class = “breadcrumb-trail”>’;
$ After = ‘</ div> </ div>’;
$ Breadcrumbs = yoast_breadcrumb ($ before, $ after, false);
}
return $ breadcrumbs;
} // End woo_custom_use_yoast_breadcrumbs () [/ php]

Yoast-breadcrumbs-canvas-woothemes1
Si todo va bien, tendrás un mensaje que te dirá que el archivo se ha editado correctamente:

Yoast breadcrumbs editor ok
En caso contrario, la pantalla blanca de la muerte aparecerá en tu navegador …! Para solucionarlo, deberías bajarte el fichero functions.php que acabas de editar, eliminar el último cambio y volverlo a subir.

 

Como paso final, se debe modificar el archivo de estilos para esconder las rutas de navegación en la página principal, ya que no hacen falta.

Para hacer esto, ve de nuevo en el Editor: Apariencia → Editor:

Selecciona el archivo style.css. Este no tiene tanto peligro como el anterior.

Agregar el código:

[Box type = “tick”]. Hombre .breadcrumb {display: none; } [/ Box]

Yoast-breadcrumbs-canvas-woothemes3

Ahora comprueba que todo va correctamente. Haz clic en cualquier entrada del blog para ver las rutas de navegación en acción y espera unos días para verlas dentro de los resultados de búsqueda de Google./ consultoría seo

 

 

Deja un comentario

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