Aujourd’hui, nous allons nous pencher sur le sujet des barres latérales et des widgets dynamiques (ceux qui sont pertinents pour le contenu) ; plus important encore, comment ils peuvent aider à réduire le taux de rebond de votre site et à améliorer vos chances d’une conversion. Nous vous montrerons comment créer une barre latérale, ainsi que des widgets qui montrent à vos visiteurs exactement ce qu’ils veulent voir en fonction du sujet ou du contenu de la page ou de l’article en cours.
Qu’est-ce que le taux de rebond ?
Avant de vous montrer comment réduire le taux de rebond en affichant des barres latérales et des widgets pertinents pour le contenu, nous allons d’abord définir le taux de rebond.
Le taux de rebond se réfère au pourcentage de visiteurs du site qui entrent et sortent plutôt que de rester pour explorer d’autres pages sur votre site. Pour réduire le taux de rebond, vous devez augmenter l’engagement, ce qui en dit long sur l’ergonomie de votre site. Lorsqu’un visiteur trouve votre contenu utile, il reste et est prêt à explorer le site à la recherche d’un contenu encore plus utile. Ceci, à son tour, vous donne un taux de conversion plus élevé. Plus vos visiteurs restent longtemps sur votre site, plus la probabilité d’augmenter les ventes, les inscriptions et les revenus publicitaires est grande.
Bien sûr, vous voulez qu’ils restent plus longtemps, donc vous devez avoir quelque chose qui les empêchera de partir trop tôt – du contenu utile.
Ergonomie : La clé pour réduire le taux de rebond
Vous n’atteignez pas l’ergonomie du site en ne fournissant que du contenu utile aux visiteurs de votre site. Vous devez également optimiser les outils que vous affichez sur chaque page de manière à ce qu’ils interagissent avec eux. De plus, ces outils devraient également être pertinents par rapport au contenu utilisé sur une certaine page.
Les outils auxquels je fais référence sont la barre de navigation et toutes les zones de widgets d’une page donnée, y compris la barre latérale. Alors que pour beaucoup, la barre de navigation joue le rôle le plus important pour assurer l’engagement de l’utilisateur, vous ne pouvez pas tenir pour acquis la puissance de vos zones de widgets. C’est particulièrement vrai lorsque vous êtes conscient des nombreuses façons dont WordPress vous permet de les contrôler facilement.
La barre latérale est le principal espace réservé aux widgets qui peut faire ou défaire l’ergonomie de votre site. Pourquoi ? parce qu’il est pratique de mettre n’importe quels widgets dans la barre latérale sans se demander si ces widgets sont pertinents ou non par rapport au contenu principal.
Qu’est-ce que la sidebar (barre latérale) dynamique de WordPress (Contenu pertinent) ?
Une barre latérale WordPress qui se rapporte au contenu principal fait référence à une barre latérale qui affiche des widgets soigneusement choisis pour apparaître à côté d’un contenu spécifique sur une page donnée en fonction de leur applicabilité. Par exemple, une barre latérale pertinente à un article de blog spécifique contiendrait des widgets tels que des adhésions de newsletter et des articles similaires.
Les captures d’écran ci-dessous montrent la différence entre la barre latérale sur MarketingProfs.com.
Page Podcast (Capture d’écran A)
Sur cet article de blog, MarketingProfs affiche les widgets suivants : suggestions, liens d’abonnement, et les articles les plus populaires.
Page d’article (Capture d’écran B)
Sur cet article de blog, MarketingProfs affiche les widgets suivants : adhésion d’abonnement, widgets de réseaux sociaux, articles les plus populaires.
Comment les barres latérales dynamiques aident à réduire le taux de rebond
Les barres latérales aident les visiteurs du site à décider de la prochaine action à entreprendre. Par exemple, à partir d’une page de blog, ils peuvent choisir de s’abonner à la newsletter. Si vous avez plusieurs catégories pour les newsletters, vous pouvez afficher un widget d’abonnement pour la catégorie à laquelle appartient l’article du blog. Chaque widget porte le nom de la catégorie spécifique, de sorte que les lecteurs savent exactement à quoi ils sont abonnés. Regardez les images ci-dessous tirées du Washington Post.
Des barres latérales pertinentes avec le contenu facilitent également le marketing ciblé. Vous pouvez créer une barre latérale dédiée aux utilisateurs du site que vous regroupez en fonction des informations démographiques. Par exemple, vous pouvez créer des barres latérales pour les différentes versions linguistiques de votre site, y afficher des liens de contact en fonction de la localisation ou afficher des promotions de produits en fonction de leurs intérêts. Ou vous créez des barres latérales différentes en fonction de la catégorie de vos articles de blog.
Le Washington Post a « Must Reads » comme l’une de ses catégories pour les bulletins d’information. Le widget apparaît dans cet article intitulé « Poulet contaminé par la salmonelle tué 1 fois, malade 17 fois dans une flambée épidémique dans plusieurs États, selon les CDC » et dans tous les autres articles appartenant à la même catégorie.
D’autre part, cet article du Washington Post intitulé « Les cadres Facebook et Twitter témoignent au Congrès la semaine prochaine » contient le widget « Alertes e-mail Actualités Tech » affiché dans la barre latérale, destiné aux lecteurs d’articles sur les technologies.
Des barres latérales avec des widgets pertinents pour le contenu peuvent également aider à améliorer le SEO. L’utilisation des balises d’en-tête entières ou d’une partie de celles-ci en tant que titres de widgets peut avoir un impact petit mais significatif sur l’optimisation pour les moteurs de recherche.
Ajout de widgets pertinents dans la barre latérale
La première étape pour créer des barres latérales pertinentes avec le contenu est de décider ce qui est pertinent et ce qui ne l’est pas. Décider quels widgets doivent apparaître sur une page ou un article nécessite en premier lieu une compréhension approfondie du but et de la raison pour laquelle vous avez créé cette page ou cet article.
Par exemple, vous avez créé une page produit non seulement pour expliquer les caractéristiques, les avantages et les prix du produit. Vous l’avez également fait pour amener les visiteurs à l’acheter ou à envisager des produits similaires ou connexes. En outre, vous voudrez peut-être montrer les notes les plus élevées du produit et les meilleures critiques qui peuvent aider à décider de l’acheter. Vous pouvez aussi les aider à communiquer avec un représentant des ventes pour répondre à leurs questions. Quelle que soit l’action qu’ils entreprennent, la page doit leur montrer la voie à suivre. La barre latérale est l’un des meilleurs endroits pour mettre ces boutons d’appel à l’action. Par conséquent, la barre latérale devient un outil très puissant pour garder vos visiteurs engagés dans votre site.
Kinsta, par exemple, utilise différents appels à action sur son blog en fonction de la catégorie de l’article du blog. Cela permet de s’assurer que l’article est ciblé et pertinent par rapport au sujet de l’article.
Séparer les widgets sans rapport
De plus, il est aussi important de décider ce qu’il ne faut pas mettre dans la barre latérale que ce qu’il faut y mettre. La densité de la barre latérale et des autres zones de widgets de la page contribue à son aspect général. En éliminant les widgets non pertinents ou redondants, on s’attaque au même problème avec les taux de rebond. En fait, certains sites peuvent trouver qu’aucune barre latérale est une meilleure façon de procéder.
Vous avez peut-être mis un tas de widgets dans votre barre latérale parce que vous pensez qu’ils pourraient être utiles pour vos visiteurs. Cependant, une page surchargée peut décourager un client potentiel. S’il se passe trop de choses sur la page, les visiteurs risquent de perdre de vue ce qui les a poussés à venir. Par là, j’entends trop de widgets publicitaires externes ou trop de liens produits.
En termes simples, décider quel contenu de la barre latérale est pertinent ou non est essentiel pour accroître l’engagement des utilisateurs.
Mise en évidence des widgets importants
Après avoir décidé quoi mettre dans la barre latérale, vous pouvez faire en sorte que certains widgets se démarquent des autres. Une façon est de les faire apparaître dans d’autres zones du widget, comme le pied de page. Une autre façon est de les rendre fixes et flottants au-dessus de la page au fur et à mesure que les utilisateurs la font défiler. Cela permet aux utilisateurs d’interagir instantanément avec eux sans avoir à faire défiler vers le haut ou vers le bas.
Prochaine étape : Choisir les meilleures méthodes
Maintenant que nous avons discuté de l’importance des widgets que vous utilisez, l’étape suivante consiste à choisir une méthode pour créer ces barres latérales pertinentes. Voici 2 façons :
Option 1 – Contrôler la visibilité des widgets avec une extension WordPress
L’un des moyens les plus simples de contrôler la visibilité des widgets sur votre barre latérale est d’utiliser une extension WordPress. Une extension comme Widget Options vous permet de le faire en quelques clics. Vous pouvez afficher ou masquer le contenu de la barre latérale par article ou page avec des conditions telles que catégories, étiquettes, noms de page, etc.
L’extension Widget Options compte actuellement plus de 70 000 installations actives avec une note impressionnante de 5 étoiles sur 5. Vous pouvez la télécharger à partir du dépôt WordPress ou rechercher des « widgets options » dans votre tableau de bord WordPress dans sous « Extensions → Ajouter ». Cliquez ensuite sur « Installer maintenant » et activez l’extension.
Masquer les widgets depuis une page spécifique
Une fois que vous avez installé et activé l’extension Widget Options, vous pouvez facilement masquer un widget depuis une page spécifique en quelques clics. Pour illustrer ceci, voici la capture d’écran d’un widget de coupon. Sous les réglages du widget, il y a maintenant une option de visibilité : vous pouvez choisir entre masquer ou afficher ce widget sur les pages sélectionnées.
Restreindre les widgets à partir d’articles spécifiques
Vous pouvez également masquer les widgets sur des articles de blog en utilisant des balises conditionnelles. En utilisant Widget Options, ce processus nécessite quelques étapes de plus que le simple masquage des pages. Vous devez d’abord localiser l’ID de l’article, et vous devrez l’inclure dans les balises conditionnelles à l’endroit où vous voulez masquer l’article.
Pour trouver l’ID de l’article, naviguez jusqu’à l’article et passez au dessus (sans cliquer) de l’option « Modifier l’article » dans votre barre d’outils d’administration WordPress. Dans le coin inférieur gauche de votre navigateur, vous devriez voir l’ID de l’article.
Une fois que vous avez l’identifiant de l’article, vous pouvez l’utiliser avec les balises conditionnelles suivantes.
Masquer un widget de plusieurs articles :
!is_single(array('Post ID', 'Post ID'))Masquer un widget d’un seul article :
!is_single( 'Post ID' )Sur le widget que vous voulez masquer de l’article, allez dans l’onglet « Logique » et saisissez la balise comme indiqué ci-dessous.
De plus, si vous avez besoin d’utiliser un titre de widget correspondant aux balises d’en-tête d’une page ou d’un article, vous pouvez placer autant de copies de ce widget que nécessaire et créer un titre unique pour chacun.
Masquer les widgets sur les appareils mobiles
Vous pouvez également limiter la visibilité des widgets lorsqu’une page ou un article est affiché sur des types de périphériques spécifiques.
En raison de la taille limitée de l’écran, il est facile d’encombrer une page ou un article lorsqu’on les regarde à partir d’un appareil mobile, tel qu’un smartphone ou une tablette. Nous voulons nous assurer que chaque page n’a pas l’air trop dense sur un ordinateur de bureau et sur un écran mobile. Cependant, nous voulons aussi profiter de l’écran plus grand pour afficher les widgets pertinents dans autant de zones de widgets que possible.
Par exemple, nous voulons que l’option d’inscription par e-mail apparaisse à la fois dans la barre latérale et dans le pied de page. En revanche, lorsqu’on les regarde sur mobile, on veut se débarrasser des widgets répétitifs. Widget Options vous permet de masquer les widgets sur la vue mobile.
Fixer des widgets de la barre latérale
Une autre façon de contrôler la visibilité des widgets est de les rendre fixes, ce qui signifie qu’ils suivront les utilisateurs pendant le défilement vers le haut et vers le bas sur une page ou un article de blog. Si vous gardez votre barre latérale propre, ou si vous ne lui assignez qu’un ou deux widgets, vous ne devriez pas avoir à vous inquiéter que cela devienne trop gênant. Regardez la capture d’écran ci-dessous.
Les widgets de partage social flottent au-dessus de la page sans éclipser le contenu principal et encouragent les visiteurs à passer à l’action quand ils sont prêts à le faire. Cela signifie qu’ils n’ont pas besoin de faire défiler jusqu’à la barre latérale pour interagir avec ces widgets.
Widget Options fournit une option dans laquelle vous pouvez fixer n’importe quel widget et suivre les visiteurs pendant qu’ils font défiler le contenu. Vous pouvez choisir de fixer tous les widgets de la barre latérale ou simplement en choisir un ou deux qui, à votre avis, nécessitent plus d’exposition que les autres.
Option 2 – Ajouter des barres latérales personnalisées
Votre deuxième option serait de créer manuellement des barres latérales personnalisés avec du code. C’est un peu plus fastidieux que d’utiliser une extension tierce qui vous permet de créer des barres latérales en seulement quelques clics. Cependant, comme WordPress offre de nombreuses options de codage, vous pouvez opter pour cette solution. De cette façon, vous pouvez créer exactement ce que vous voulez.
Pour commencer, vous devez enregistrer une zone de widgets. Ensuite, enregistrez-la et téléversez-la sur votre serveur afin de la rendre accessible à partir du menu de widget. Pour ce faire, vous devrez saisir le code suivant dans votre fichier function.php du thème enfant. Ou vous pouvez utiliser une extension gratuite comme Code Snippets.
Elle est livrée avec certains éléments que vous pouvez modifier en fonction de vos besoins. Voir l’exemple suivant :
<?php
/*
* Create Custom Widget Area for Pages Only
*/
function page_only_custom_sidebar() {
register_sidebar(
array (
'name' => __( 'For Pages Only', 'your-site' ),
'id' => 'page-only-custom-sidebar',
'description' => __( 'Contents to this widget area will be displayed on pages only.', 'your-site' ),
'before_widget' => '<section id="%1$s" class="widget %2$s">',
'after_widget' => "</section>",
'before_title' => '<h3 class="widget-title">',
'after_title' => '</h3>',
)
);
}
add_action( 'widgets_init', 'page_only_custom_sidebar' );
?>L’étape suivante consiste à rendre la barre latérale visible quelque part dans le site. Pour la faire fonctionner, ajoutez-le au(x) fichier(s) modèle(s) des endroits où vous voulez qu’elle soit visible. Jetez un coup d’œil au code ci-dessous qui vise à faire apparaître la barre latérale uniquement sur les pages.
Pour ce faire, nous le plaçons dans le fichier page.php de notre thème. Dans le cas du thème Twenty Seventeen, cela signifie qu’il ressemblerait à ceci :
<?php if ( is_active_sidebar( 'page-only-custom-sidebar' ) && is_page() ) : ?>
<aside id="secondary" class="widget-area" role="complementary">
<?php dynamic_sidebar( 'page-only-custom-sidebar' ); ?>
</aside>
<?php endif; ?>À votre tour : Comment réduire le taux de rebond ?
Ce que j’ai montré ici n’est qu’une petite fraction de quelques façons de réduire votre taux de rebond. Les barres latérales, l’un des endroits les plus souvent négligés sur les sites, peuvent devenir de puissants outils pour faire explorer votre site par les visiteurs, augmentant ainsi les chances de conversion. Créer des barres latérales pertinentes avec le contenu n’a pas besoin d’être difficile, surtout avec toutes les extensions faciles à utiliser sur le dépot WordPress.
De plus, puisque l’engagement est l’un des principaux moyens de réduire le taux de rebond, pour y parvenir, vous devez vérifier l’ergonomie de votre site.
In order to achieve usability, bear in mind that content is king. You start off with useful contents and pair them with the right sub-contents (the widgets, the links, your content-relevant sidebars) that will encourage them to explore your sites.
— Jeffrey Carandang (@jeffreycarandng) November 1, 2018
Afin d’atteindre l’ergonomie, gardez à l’esprit que le contenu est roi ! Vos widgets, liens ou barres latérales pertinents avec le contenu devraient guider les utilisateurs sur votre site – les menant à d’autres contenus qu’ils pourraient trouver utiles.
Avez-vous déjà utilisé des barres latérales ou des widgets dynamiques WordPress sur votre site ? Dans l’affirmative, quels ont été les résultats ?
Jeffrey creates and develops carefully cooked WordPress Plugins over at Phpbits. Just the right blend of creativity, user-friendliness, and functionality!
Laisser un commentaire