Comment ajouter des fils d'Ariane à votre site WordPress

La navigation est une partie vitale 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 amène les utilisateurs au contenu qu'ils souhaitent. Cependant, il n'indique pas à vos clients où ils se trouvent actuellement sur votre site Web.

Un fil d'Ariane est un système de navigation secondaire 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 et à éviter de se perdre.

Dans cet article, nous examinerons ce que sont les fils d'Ariane et comment ils profitent à votre site Web. Nous vous montrerons ensuite comment ajouter des fils d'Ariane à votre site Web WordPress. Commençons!

Que sont les fils d'Ariane dans WordPress ?

La chapelure est le terme utilisé pour décrire un menu de navigation hiérarchique. Ce type de menu implique une traînée de liens, un peu comme le fil d'Ariane laissé par Hansel et Gretel :

Étant donné que de nombreux utilisateurs n'entrent pas dans votre site WordPress via 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 chapelure

L'ajout de menus fil d'Ariane WordPress à votre site Web offre plusieurs avantages. Google aime les fils d'Ariane, par exemple, donc cette fonctionnalité peut améliorer votre optimisation pour les moteurs de recherche (SEO) et attirer plus de visiteurs sur votre site.

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. Lorsque les utilisateurs peuvent naviguer facilement sur votre site Web, ils sont plus susceptibles d'y consacrer du temps.

Comment ajouter des fils d'Ariane dans WordPress

Vous pouvez ajouter des fils d'Ariane à votre site Web WordPress de deux manières. La méthode la plus simple consiste à utiliser un plugin WordPress, mais vous pouvez également coder le fil 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 au cas où quelque chose tournerait mal.

Méthode 1 : Utiliser un plugin

Le moyen le plus simple d'ajouter du fil d'Ariane à WordPress est d'utiliser un plugin de fil d'Ariane. 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 le plugin Yoast SEO

Étant donné que Yoast est un plugin SEO, 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 des plugins WordPress. Vous pouvez simplement vous diriger vers la page Plugins de votre site, rechercher "Yoast SEO", et installer et activer le plugin comme n'importe quel autre.

Étape 2 : Ajoutez une fonction à votre fichier header.php

Une fois le plugin activé, vous devez ajouter une fonction au fichier header.php de votre site. Pour accéder à ce fichier, accédez à 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 configuration du fil d'Ariane apparaisse :

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

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 à quoi ressemble le résultat.

Vous pouvez même ajouter la fonction ci-dessus au fichier single.php ou page.php de votre thème à la place, si vous souhaitez activer la fonction de fil d'Ariane pour qu'elle apparaisse ailleurs sur la page. Assurez-vous simplement de ne l'ajouter qu'à un seul endroit.

Étape 3 : Activer la prise en charge du fil d'Ariane

Enfin, vous devrez activer le support du fil d'Ariane. Dans Yoast SEO, cela signifie naviguer vers SEO > Search Appearance > Breadcrumbs :

Basculez simplement le commutateur sur "Activé", et vous êtes prêt à partir ! Votre menu fil d'Ariane WordPress sera configuré et prêt à l'emploi.

Méthode 2 : Codage de votre propre fil d'Ariane

L'ajout de fils d'Ariane au site Web peut également être effectué manuellement via le codage. Si vous ne souhaitez pas utiliser de plugin de fil d'Ariane, vous pouvez ajouter des fils d'Ariane sans un. Avant de tenter cela, vous voudrez peut-être lire sur les microdonnées, afin de tirer pleinement parti du potentiel de référencement des fils d'Ariane WordPress.

É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 consiste à construire le squelette. Votre fonction squelette aura besoin d'un nom unique, pour éviter les conflits avec d'autres fonctions.

function my_breadcrumbs() {
/* Breadcrumbs code will go here */
}

La fonction ci-dessus est le squelette, et le reste du code de fil d'Ariane sera placé entre les accolades.

Étape 2 : Ajoutez 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 fil d'Ariane :

/* Change according to your needs */
$show_on_homepage = 0;
$show_current = 1;
$delimiter = '»';
$home_url = 'Home';
$before_wrap = '<span clas="current">';
$after_wrap = '</span>';

/* Don't change values below */
global $post;
$home_url = get_bloginfo( 'url' );

Les règles ci-dessus utilisent généralement des variables, elles peuvent donc ê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 l'instruction " if else "

Sous les variables, vous devez ajouter une instruction "if else". Cette déclaration vérifiera si un utilisateur se trouve ou non sur la page d'accueil de votre site Web. Sur la base de ces informations, le relevé déterminera si les fils d'Ariane sont affichés ou non :

/* Check for homepage first! */
if ( is_home() || is_front_page() ) {
$on_homepage = 1;
}
if ( 0 === $show_on_homepage && 1 === $on_homepage ) return;

/* Proceed with showing the breadcrumbs */
$breadcrumbs = '<ol 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>';

/* Build breadcrumbs here */

$breadcrumbs .= '</ol>';
echo $breadcrumbs;

Si cette instruction n'est pas ajoutée à la fonction, les paramètres de fil d'Ariane peuvent apparaître ou non lorsque vous le souhaitez.

Étape 4 : Ajouter une fonction à l'en-tête du thème

Une fois votre fonction de fil d'Ariane terminée, vous pouvez l'ajouter au fichier header.php de votre site Web. Accédez à Apparence > Éditeur de thème pour ouvrir le fichier et ajoutez la fonction à la toute fin.

Enregistrez ensuite vos modifications et consultez le nouveau menu de fil d'Ariane de votre site Web sur le front-end. Vous pouvez continuer à modifier la fonction et son emplacement jusqu'à ce que le menu soit parfait (ou désactiver le fil d'Ariane si nécessaire).

Personnalisez votre site avec WP Engine

Les menus de navigation 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.

L'utilisation du bon hébergeur peut vous aider à garantir les performances de votre site Web, vous laissant le temps de vous concentrer sur le développement et l'expérience utilisateur. WP Engine peut vous offrir les plans d'hébergement WordPress les mieux gérés et les meilleures ressources pour créer une expérience de site Web incroyable !