Qu’est-ce qu’un chemin de navigation ?

Le chemin de navigation, aussi appelé Fil d’Ariane ou Breadcrumbs, permet à l’internaute de savoir où il se situe dans le site, ce qui lui permet de se repérer et de facilement naviguer.

Capture d'écran d'un chemin de navigation
Un exemple de chemin de navigation

Pour avoir un site ergonomique, toutes les pages d’un site web devraient avoir cette fonctionnalité.

Chemin de navigation et balisage schema.org

SEOKEY ajoute automatiquement sur toutes vos pages un balisage schema.org “Breadcrumbs” (chemin de navigation) pour indiquer à Google où il se trouve dans votre site.

Capture d'écran de Google avec l'affichage d'un résultat du site SEOKEY prenant en compte la balisage Schema.org BreadCrumbs
Google utilise le chemin de navigation de SEOKEY

Vous n’avez aucune action à faire pour obtenir cette fonctionnalité. Si SEOKEY est activé, le balisage schema.org correspondant est automatiquement ajouté.

Afficher le chemin de navigation

Invisible par défaut pour l’utilisateur, vous pouvez facilement le rajouter visuellement avec trois solutions :

3 méthodes différentes

  • Si vous utilisez YOAST et que vous avez utilisé leur code, vous n’avez rien à faire ;
  • Avec le shortcode [seokey_breadcrumbs] à copier-coller dans vos contenus ou vos widgets ;
  • Avec le code PHP à insérer dans votre thème, souvent à la fin du fichier header.php :
if ( function_exists( "seokey_breacrumbs_print" ) ) {
        echo seokey_breacrumbs_print();
}

Où insérer le code PHP ?

Tout dépendra de votre thème WordPress. Il faut trouver dans le code HTML de vos pages l’endroit où vous voudriez l’afficher, puis trouver dans votre thème le code correspondant. Dans la plupart des thèmes, cela sera situé dans un fichier commun à toutes vos pages, par exemple head.php

Pensez bien à faire une copie du fichier au cas où, et idéalement nous vous conseillons de faire vos modifications dans un thème enfant.

Si vous avez besoin d’aide, n’hésitez pas à contacter notre support !

Les hooks pour les développeurs

Hook global

seokey_filter_breacrumbs_data() : permet de filtrer toutes les données du breadcrumb

Ligne concernée : return apply_filters( 'seokey_filter_breacrumbs_data', $data);

$data est un tableau avec chaque item sous la forme :
    'position' => $i,
    'url'      => $item['url'],
    'name'     => $item['name'],

Imaginons l’exemple suivante : vous voulez afficher “Accueil” au lieu du nom de votre site dans le premier item du chemin de navigation. Voici le code à utiliser :

// Change first item on SEOKEY breadcrumb
add_filter( 'seokey_filter_breacrumbs_data', 'custom_seokey_breadcrumbs', 10, 1 );
function custom_seokey_breadcrumbs( $data ) {
    $data[0]['name']= "Accueil";
    return $data;
}

D’autres hooks plus précis seront ajoutés au fur et à mesure des versions de SEOKEY

Cet article est-il utile ?
Modifié le 6 mars 2024
Panier
  • Votre panier est vide.
Retour en haut

Faites vite, l'offre est valable jusqu'au novembre 26, 2022 !

Jours
Heures
Minutes
Secondes