Site Web avancé : Widgets - Accordéon

Le widget accordéon permet aux visiteurs de trouver facilement l'information qu'ils recherchent. Intégrez-le à vos sites : les visiteurs n'auront plus besoin de parcourir des blocs de contenu qui ne les intéressent pas. Ils pourront accéder à une liste de questions ou de titres et choisir d'ouvrir ceux qui les intéressent. Créez des FAQ, des produits phares ou des événements à venir concis et faciles à lire.

Ce widget peut également afficher des pages dynamiques ainsi que des informations spécifiques sur une collection ou un produit grâce à la liaison en ligne. Consultez les articles ci-dessous pour plus d'informations.

• Pour afficher des pages dynamiques avec un widget Accordéon, voir Ajouter des listes pour afficher des pages dynamiques.
• Pour la liaison en ligne avec un widget Accordéon, consultez la section Liaison en ligne dans Données connectées

Pour ajouter des widgets accordéon :

6. Dans le panneau de gauche, cliquez sur Widgets.
7. Cliquez et faites glisser le widget Accordéon sur votre site.

Pour en savoir plus sur l’ajout de widgets à votre site, consultez Ajouter des widgets.

L'ajout du widget ouvre l'éditeur de contenu. Ce menu vous permet d'ajouter ou de modifier les champs du widget.

• Éléments. Cliquez sur un élément pour configurer son contenu, cliquez sur l'icône de duplication pour le dupliquer ou cliquez sur +Ajouter un élément.
• Règles d'affichage.
  • Afficher un élément développé à la fois. Paramétrez-le de manière à ce que les visiteurs ne puissent développer qu'un seul élément à la fois ou en voir plusieurs simultanément.
  • Afficher le premier élément développé. Configurez ce paramètre pour afficher le premier élément développé ou les réduire tous.
• RÉFÉRENCEMENT NATUREL.
  • Activer le schéma de FAQ. Activez cette option pour générer le schéma de FAQ une fois par page. Pour vérifier si votre schéma a été généré correctement et en afficher un aperçu, utilisez le test de résultats enrichis.

Pour les widgets Accordéon ajoutés à un site avant février 2024

• Éléments. Cliquez sur un élément pour configurer le titre, la description et le type d'en-tête. Des balises d'en-tête sont disponibles pour faciliter l'identification de votre texte par les moteurs de recherche. Il est recommandé de sélectionner H3 comme type d'en-tête.
• Afficher le premier élément développé ou Afficher un seul élément développé. L'éditeur de contenu permet également de choisir de masquer le contenu de tous les éléments de l'accordéon ou d'afficher uniquement le premier élément à la première ouverture du widget. Vous pouvez également choisir de ne développer qu'un seul élément à la fois ou d'en afficher plusieurs simultanément.
• Icône de titre. Selon la disposition choisie, votre widget accordéon peut avoir une icône de titre. Cette icône est située à côté du titre de l'élément et peut être différente pour tous les éléments. Par exemple, vous pouvez ajouter une icône d'horloge à côté de l'heure de votre événement ou une icône d'argent à côté d'un prix.
• Générer le schéma de FAQ. Activez cette option pour générer le schéma de FAQ une fois par page. Pour vérifier si votre schéma a été généré correctement et en afficher un aperçu,
• utilisez le test des résultats enrichis.

L'éditeur de conception vous permet de contrôler la disposition et le style du widget accordéon.

Pour accéder à l'éditeur de conception :

6. Cliquez avec le bouton droit sur le widget, puis cliquez sur Modifier la conception.
7. Modifiez les options de conception de l'icône extensible. L'icône extensible apparaît sur tous les éléments du widget et correspond à l'icône sur laquelle vous cliquez pour développer l'élément.

Vous pouvez modifier le titre, la description, l'icône extensible et le style du cadre. Consultez les paramètres suivants :

• Type (la balise d'en-tête ; les balises d'en-tête sont disponibles pour rendre votre texte plus facilement identifiable par les moteurs de recherche. Il est recommandé de le définir sur H3)
• Police (famille, taille, couleur et format)
• Alignement
• Orientation du texte
• Couleur d'arrière-plan
• Bordure
• Image. Une seule image peut être attribuée par élément. Pour tous les éléments, l'image apparaît en arrière-plan.

Pour plus d'informations sur les options de conception qui ne sont pas spécifiques à ce widget (par exemple, la disposition, le style ou l'espacement), voir Conception de widget.