Bibliothèque de composants éditoriaux Bee Too Bee
ARTICLE DE TEST — NON DESTINÉ À LA PUBLICATION
Cette page contient les composants de référence pour l’assistant éditorial et l’automatisation Notion → Make → Elementor. Les textes sont factices. Chaque section présente un rendu et son intention.
1. Hiérarchie des titres et texte courant
Titre de section H2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere, orci sed facilisis gravida, velit purus consequat justo, at ultrices lectus libero eget orci. Texte important en gras. Texte en italique. Lien interne vers une expertise.
Sous-section H3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere, orci sed facilisis gravida, velit purus consequat justo, at ultrices lectus libero eget orci. Un second paragraphe permet de tester les marges, l’interlignage et l’espacement dans Elementor.
Titre de détail H4
Texte court de démonstration sous un H4.
2. Listes
Liste à puces destinée à présenter plusieurs éléments de même niveau :
Liste classique
- Première information utile
- Deuxième information avec un mot important
Liste classique amélioré
- votre site ressort peu sur les recherches un mot important
- certaines pages ont perdu des positions
Liste numérotée
- Première information avec un mot important
- Deuxième information avec un mot important
Liste numérotée amélioré
Liste numérotée pour une procédure dans l’ordre :
- 1. Identifier le point de départ
- 2. Observer le fonctionnement réel
- 3. Prioriser les améliorations
Liste checkbox
Avant de passer à l’action
Avant de chercher une solution technique, vérifiez que vous pouvez répondre à ces quelques questions :
- Le sujet est-il clair ?
- Les liens sont-ils vérifiés ?
- Le CTA est-il cohérent ?
3. Citations et encadrés
Citation — pour mettre en valeur une phrase forte ou un témoignage.
« Une bonne automatisation commence par une bonne compréhension du processus. »
À retenir — pour résumer le message essentiel d’une section.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Le message principal tient en quelques lignes.
Conseil pratique — pour proposer une action concrète au lecteur.
Point de vigilance — pour prévenir d’une erreur ou d’un risque.
Sources & repères — pour citer les références consultées et permettre leur vérification.
Google Business Profile, comprendre le classement local ↗
Exemples de sources à adapter selon le sujet de l’article.
4. Tableau de comparaison
| Situation | Observation | Action |
|---|---|---|
| Demande client | Donnée manquante | Clarifier les informations |
| Suivi commercial | Double saisie | Connecter les outils |
| Reporting | Données dispersées | Centraliser les indicateurs |
5. Questions fréquentes et accordéons
Accordéon — à utiliser pour des explications complémentaires, des étapes détaillées ou des questions-réponses que le lecteur peut ouvrir à son rythme.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Une information complémentaire apparaît à l’ouverture.
Oui, par exemple vers la page Contact.
Elle permet de traiter les questions pratiques sans alourdir le texte principal.
6. Onglets — comparer plusieurs approches
Onglets — à utiliser pour comparer plusieurs options ou présenter des contenus parallèles sans allonger la page.
Choisissez un onglet pour découvrir son contenu.
Lorem ipsum dolor sit amet. Première approche pour comprendre le sujet et poser les bases.
Deuxième approche : comparer les avantages, les limites et les différences entre plusieurs possibilités.
Troisième approche : identifier les étapes concrètes pour passer à l’action.
6. Images, légendes et sources
Image disponible : démonstration de son emplacement au sein du contenu.
Légende : visuel d’exemple Bee Too Bee, à remplacer.
Description : schéma épuré, lisible sur mobile, trois étapes reliées par des flèches.
Texte alternatif : Schéma de méthode en trois étapes.
Source : lien vers le brief ou le support d’origine.
7. Séparateur et appel à l'action
Un CTA suit naturellement l’explication et propose une prochaine étape.