Comment Divi peut vous aider à guider les visiteurs à travers de longues pages Web

Ce n'est un secret pour personne que la création d'un excellent contenu long contribue à un meilleur classement dans les moteurs de recherche. Cependant, cette stratégie peut facilement se retourner contre vous si le matériel est difficile à consommer ou à naviguer, créant ainsi une mauvaise expérience utilisateur. C'est là qu'intervient la navigation dans la page. Heureusement, Divi est livré avec un ensemble de fonctionnalités et de modules natifs pour vous aider à guider vos lecteurs à travers un tel contenu.

Dans cet article, nous expliquerons d'abord pourquoi vous devriez envisager d'utiliser la navigation dans la page, puis vous montrerons trois façons de la mettre en œuvre à l'aide de Divi. Commençons!

Pourquoi devriez-vous envisager d'utiliser la navigation sur la page

Les onglets supérieurs sont un exemple de navigation dans la page. Chaque onglet représente un lien vers une section particulière de la page.

La navigation dans la page est essentielle dans deux scénarios principaux : le contenu long en général et les sites Web d'une page en particulier. Alors que le paysage a évolué vers un contenu long au cours des dernières années, une structuration et une organisation appropriées de ce contenu sont devenues plus importantes que jamais. La durée d'attention diminue, et si les gens doivent parcourir trop d'informations pour arriver à ce qu'ils recherchent, il y a de fortes chances que vous les perdiez.

La navigation sur la page vous permet de présenter votre contenu de manière beaucoup plus digeste, augmentant ainsi la probabilité que votre visiteur reste dans les parages pour explorer davantage votre contenu. Cela peut aider à améliorer l'expérience utilisateur globale, à réduire les taux de rebond et, espérons-le, à augmenter le nombre de conversions.

3 façons d'offrir une navigation sur la page à l'aide de Divi

Une méthode populaire de navigation dans la page (que nous avons largement couverte dans un article précédent) consiste à utiliser des liens hypertexte de texte d'ancrage qui renvoient à des éléments internes sur la même page. Cependant, Divi propose plusieurs autres excellents moyens de guider vos utilisateurs à travers votre contenu long. Nous allons vous présenter trois de ces options et vous montrer comment les mettre en œuvre.

1. Activer la navigation par points

Comme vous pouvez le voir dans l'exemple d'image ci-dessus, une fois activée, la fonction de navigation par points apparaît sous la forme d'un menu en pointillés sur le côté de votre page. Chaque point représente une section sur cette page spécifique, ce qui signifie que votre visiteur est constamment conscient de l'endroit où il se trouve. Il est également facile de passer à n'importe quelle section en cliquant sur le point correspondant, éliminant ainsi le besoin de faire défiler des tas de contenu.

Vous pouvez facilement activer la navigation par points dans n'importe quel article ou page. Tout d'abord, assurez-vous que vous utilisez le Divi Builder, et sinon, activez-le en cliquant sur le bouton violet Utiliser le Divi Builder .

Dans le coin supérieur droit, sous Paramètres de publication Divi ( ou Paramètres de page Divi si vous êtes dans une page ) , ouvrez le menu déroulant Navigation par points et choisissez Activé .

Vous êtes prêt ! La navigation par points devrait maintenant apparaître sur votre publication lorsque vous la prévisualisez. Au fur et à mesure que vous ajoutez d'autres sections, les points correspondants seront automatiquement ajoutés au menu.

Une fois que vous avez activé la navigation par points, vous pouvez regarder cette vidéo avec des conseils pour styliser votre menu.

2. Séparez le contenu à l'aide du module Onglets

L'utilisation d'onglets peut être un excellent moyen de séparer des morceaux de contenu, et vous pouvez les créer à l'aide du module Divi Tabs. Seul le contenu sous un onglet actif (l'onglet sur lequel ils viennent de cliquer) sera visible par vos visiteurs. Cela minimise le risque que les visiteurs soient submergés par la quantité de matériel et leur permet de l'explorer à leur propre rythme en cliquant sur chaque onglet et en consommant son contenu séparément.

Un exemple d'une bonne utilisation des onglets est lorsque vous souhaitez afficher différents services sur la même page. Par exemple, si vous êtes une agence numérique proposant des services de conception Web, de marketing numérique et de stratégie de marque, vous pouvez créer un onglet pour chacun. Cela élimine le besoin pour l'utilisateur de faire défiler jusqu'au service concerné, offrant une expérience globale améliorée.

Pour insérer un module Onglets, dans le Divi Builder, sélectionnez Insérer une ou plusieurs colonnes et choisissez le nombre de colonnes que vous souhaitez ajouter. (Notez que vous n'avez besoin que d'un module d'onglets pour créer un ensemble d'onglets côte à côte.)

Cliquez maintenant sur Insérer un ou plusieurs modules et choisissez Onglets .

Vous arriverez à l'écran des paramètres du module, où vous pourrez cliquer sur Ajouter un nouvel onglet .

Cela vous amènera à l'écran des paramètres de l'onglet individuel. Ici, vous devez entrer votre titre et votre contenu, puis cliquez sur Enregistrer .

Vous avez maintenant fini de créer votre premier onglet. Vous pouvez répéter ce processus jusqu'à ce que vous ayez ajouté tous les onglets requis et leur contenu.

3. Insérez des accordéons ou des bascules

Les accordéons sont très similaires aux onglets, la principale différence étant que le contenu apparaît dans une liste verticale. Chaque fois que vous cliquez sur un élément en accordéon, tout autre élément développé se réduit et le contenu de l'élément cliqué est affiché.

Les bascules sont également de nature similaire, sauf que cliquer sur un élément bascule ne réduira pas les autres. Au lieu de cela, le contenu de toutes les bascules sélectionnées sera affiché simultanément.

Un endroit populaire pour utiliser ces éléments est dans les pages FAQ. Ils sont pratiques car les utilisateurs peuvent afficher toutes les questions à la fois et ne développer que les réponses qui les concernent. Les accordéons et les bascules peuvent être facilement ajoutés dans Divi en utilisant respectivement le module Accordéon et le module Toggle.

L'insertion d'un accordéon dans Divi est similaire à l'ajout d'onglets, puisque vous pouvez ajouter plusieurs éléments dans chaque module. Suivez les étapes d'insertion d'un module ci-dessus, sauf que cette fois, sélectionnez Accordion au lieu de Tabs .

Dans l'écran des paramètres qui s'affiche, cliquez sur Ajouter un nouvel élément .

Dans l'écran suivant, saisissez votre titre et votre contenu, puis appuyez sur Enregistrer . Vous pouvez ensuite répéter cette opération pour chaque élément de votre accordéon.

La création d'un ensemble de bascules dans Divi est également similaire à l'ajout d'onglets, mais la principale différence ici est que vous allez créer un nouveau module Toggle pour chaque ligne de contenu. Pour insérer la première bascule, après avoir cliqué sur Insérer un ou plusieurs modules , sélectionnez Basculer .

Vous verrez maintenant l'écran des paramètres du module où vous pouvez ajouter le titre, choisir un état par défaut (si la bascule doit être ouverte ou fermée par défaut lorsque le visiteur arrive pour la première fois sur votre page) et insérer votre contenu. Lorsque vous avez terminé, cliquez sur Enregistrer et quitter .

Pour ajouter le module suivant, cliquez sur Insérer un ou plusieurs modules sous le premier, puis sélectionnez à nouveau Basculer et entrez les détails appropriés. Continuez à ajouter des modules jusqu'à ce que votre ensemble de bascules soit terminé.

Conclusion

La recherche et la rédaction de contenu long qui apporte de la valeur à votre lecteur est souvent une tâche gourmande en ressources. Par conséquent, il est très frustrant de déployer tous ces efforts pour que votre contenu soit abandonné à mi-chemin en raison d'une structure et d'une facilité d'utilisation médiocres.

Dans cet article, nous avons expliqué pourquoi vous pourriez envisager la navigation dans la page pour votre contenu et avons proposé trois façons différentes de l'aborder à l'aide de Divi. Récapitulons rapidement ces méthodes :

1. Activez la navigation par points sur vos articles et pages.
2. Séparez le contenu à l'aide du module Onglets.
3. Insérez des accordéons ou des bascules à l'aide du module Accordéon ou du module Toggle.

Avez-vous des conseils pour guider les visiteurs à travers de longues pages Web ? Partagez-les avec nous dans la section commentaires ci-dessous!

Image miniature de l'article par Graphic farm / shutterstock.com