La navigation est une partie essentielle de tout site Web et il existe plusieurs façons de la fournir. Le menu principal de votre site Web est le principal outil de navigation qui guide les utilisateurs vers le contenu qu'ils souhaitent. Cependant, il n'indique pas à vos clients où ils se trouvent actuellement sur votre site Web.
Les fils d’Ariane sont un système de navigation auxiliaire qui indique à vos clients où ils se trouvent par rapport à votre page d’accueil. Cela les aide à naviguer facilement dans les pages de votre site Web sans se perdre.
Dans cet article, nous apprendrons ce que sont les fils d’Ariane et comment ils sont bons pour votre site Web. Ensuite, nous vous montrerons comment ajouter des fils d’Ariane à votre site WordPress. Allons-y !
Qu’est-ce qu’un fil d’Ariane dans WordPress ?
Le fil d’Ariane est le terme utilisé pour décrire un menu de navigation hiérarchique. Ce type de menu implique une piste de liens, un peu comme le fil d’Ariane laissé par Hansel et Gretel.
Comme de nombreux utilisateurs n’entrent pas sur votre site Web par la page d’accueil, la navigation par fil d’Ariane les aide à comprendre où ils ont atterri. Les moteurs de recherche utilisent également le fil d’Ariane pour mieux comprendre la hiérarchie de vos pages Web.
Avantages de l'ajout de fils d'Ariane
L’ajout d’un fil d’Ariane à votre site Web présente de nombreux avantages. Par exemple, Google adore la chapelure. Par conséquent, cette fonctionnalité peut améliorer votre optimisation pour les moteurs de recherche (SEO) et attirer plus de visiteurs sur votre site Web.
Les menus de fil d’Ariane peuvent également réduire les taux de rebond car ils améliorent l’expérience utilisateur (UX) de votre site Web. Lorsque les utilisateurs peuvent facilement naviguer sur votre site Web, ils sont plus susceptibles de passer du temps dessus.
Comment ajouter des fils d'Ariane dans WordPress ?
Vous pouvez ajouter des fils d’Ariane à votre site WordPress de deux manières. Le moyen le plus simple consiste à utiliser un plugin, mais vous pouvez également coder des fils d’Ariane dans le fichier header.php de votre site. Avant d’utiliser l’une ou l’autre méthode, vous devez créer une sauvegarde de votre site Web en cas de problème.
Méthode 1 : utilisation d'un plugin
Le moyen le plus simple d’ajouter des fils d’Ariane à WordPress est d’utiliser un plugin. Il existe de nombreux plugins que vous pouvez utiliser, notamment Breadcrumb NavXT et Yoast SEO :
Yoast SEO est souvent la meilleure option, car il s’agit probablement d’un plugin que votre site Web utilise déjà.
Étape 1 : Téléchargez Yoast SEO
Yoast étant un plugin de référencement, il offre un large éventail de fonctionnalités. Cela inclut la création et le style de la navigation par fil d’Ariane.
Pour utiliser ce plugin, vous devrez le télécharger depuis le répertoire de plugins de WordPress. Vous pouvez simplement vous rendre sur la page des extensions de votre site, rechercher « Yoast SEO », puis installez et activez le plugin comme n’importe quel autre.
Étape 2 : Ajouter une fonction à votre fichier header.php
Une fois le plugin activé, vous devrez ajouter une fonction au fichier header.php de votre site. Pour accéder à ce fichier, naviguez dans Apparence > Éditeur de thème et sélectionnez le fichier pour l’ouvrir.
Ensuite, ajoutez le code suivant à l’endroit où vous souhaitez que votre menu de fil d’Ariane apparaisse :
si ( function_exists(‘yoast_breadcrumb’) ) {
yoast_breadcrumb(‘
‘ ) ;
}
?>
En général, vous voudrez placer ce code à la fin de votre fichier header.php. Cependant, vous pouvez expérimenter avec le placement du menu, en vérifiant le front-end de votre site pour voir comment le résultat se présente.
Vous pouvez même ajouter la fonction ci-dessus au fichier single.php ou page.php de votre thème, si vous souhaitez que le fil d’Ariane apparaisse ailleurs sur la page. Veillez simplement à ne l’ajouter qu’à un seul endroit.
Étape 3 : Activer le support du fil d’Ariane
Enfin, vous devrez activer la fonctionnalité du fil d’Ariane. Dans Yoast SEO, cela signifie naviguer dans Réglages SEO > Fil d’Ariane.
Il suffit de basculer le commutateur sur « Activé« , et vous êtes prêt à partir ! Votre menu de fil d’Ariane sera configuré et prêt à être utilisé.
Méthode 2 : Codage de votre propre fil d'Ariane
Si vous ne voulez pas utiliser de plugin, vous pouvez ajouter des miettes de pain sans en avoir un. Avant d’essayer, vous pouvez vous renseigner sur les microdonnées, afin d’exploiter pleinement le potentiel de référencement des fils d’Ariane.
Étape 1 : créer une fonction squelette
Pour ajouter manuellement des fils d’Ariane à WordPress, vous devrez créer une fonction PHP. La première étape de la création de cette fonction est de construire le squelette. Votre fonction squelette devra avoir un nom unique, afin d’éviter les conflits avec d’autres fonctions.
function my_breadcrumbs() {
/* Le code du fil d’Ariane sera affiché ici */
}
La fonction ci-dessus est le squelette, et le reste du code sera placé entre les crochets.
Étape 2 : Ajouter des règles de base
Après avoir créé le squelette, vous devrez ajouter des règles à la fonction. Les règles doivent être placées dans la section du fil d’Ariane :
/* Changez en fonction de vos besoins */
$show_on_homepage = 0;
$show_current = 1;
$delimiter = ‘»’;
$home_url = ‘Home’;
$before_wrap = »;
$after_wrap = »;
/* Ne changez pas les valeurs ci-dessous */
global $post;
$home_url = get_bloginfo( ‘url’ );
Les règles ci-dessus utilisent généralement des variables, afin qu’elles puissent être modifiées ultérieurement. Les deux premières variables utilisent des booléens, où « 0 » est faux et « 1 » est vrai.
Étape 3 : Ajoutez la déclaration « if else ».
Sous les variables, vous devez ajouter une instruction « if else« . Cette instruction vérifiera si un utilisateur se trouve ou non sur la page d’accueil de votre site Web. En fonction de cette information, l’instruction déterminera si le fil d’Ariane est affiché ou non :
/* Vérifiez d’abord la page d’accueil ! */
if ( is_home() || is_front_page() ) {
$on_homepage = 1;
}
if ( 0 === $show_on_homepage && 1 === $on_homepage ) return;
/* Continuez à montrer le fil d’Ariane */
$breadcrumbs = ‘<ol id= »crumbs » itemscope itemtype= »http://schema.org/BreadcrumbList »>’;
$breadcrumbs .= ‘<li itemprop= »itemListElement » itemtype= »http://schema.org/ListItem »><a target= »_blank » href= »‘ . $home_url . ‘ »>’ . $home_url . ‘</a></li>’;
/* Construire le fil d’Ariane ici */
$breadcrumbs .= ‘</ol>’ ;
echo $breadcrumbs ;
Si cette déclaration n’est pas ajoutée à la fonction, les fils d’Ariane peuvent ou non apparaître quand vous le souhaitez.
Étape 4 : Ajouter la fonction à l’en-tête du thème
Une fois votre fonction breadcrumbs terminée, vous pouvez l’ajouter au fichier header.php de votre site Web. Allez dans Apparence > Éditeur de thème pour ouvrir le fichier, et ajoutez la fonction à la toute fin.
Enregistrez ensuite vos modifications et vérifiez votre nouveau menu de fil d’Ariane sur la page d’accueil. Vous pouvez continuer à modifier la fonction et son emplacement jusqu’à ce que le menu soit parfait.
Conclusion
Les menus de navigation en fil d’Ariane aident les visiteurs de votre site à trouver leur chemin. Ils permettent également aux moteurs de recherche de comprendre plus facilement la hiérarchie de votre site Web.
Un plugin comme Yoast SEO est le moyen le plus simple d’ajouter des fils d’Ariane à votre site Web, mais vous pouvez également les coder manuellement.
Vous aimerez également ces articles :
