TABLE DES MATIÈRES
Différents types de contenus sont à disposition sur votre site, et chacun a un rôle attribué. Selon ce que vous aurez configuré, leur aspect peut également varier (les blocs, page (single) et index).
Les contenus sont les suivants :
- Articles
- Equipe (Teams)
- FAQs
- Evénements (Events)
- Réseaux sociaux
- Médias
- images
- sons, vidéos (quoique ce type de médias est préférablement hébergé sur des plateformes dédiées type YouTube, SoundCloud, etc., pour ensuite être lu sur le site avec un simple lien)
- Formulaires
1 - Boutons et CTA
Maintenant que vous avez vu les grands principes de l'édition de contenu, voici quelques subtilités qui vous permettront de personnaliser l'expérience utilisatrice et utilisateur de votre plateforme digitale, et de lui assurer un rendu encore plus professionnel.
a - Calls to action
On utilise cette expression pour identifier les endroits / les moments où l'on souhaite faire agir la personne sur votre site. Cela va du lien "en apprendre plus sur" au fait de lancer un player, en passant évidemment par le bouton "acheter".
Attention toutefois, réduire le Call to action à un "bouton", c'est passer à côté de tout ce qu'une "sollicitation à agir" peut avoir de créatif !
Dans les blocs de contenus, nous avons appliqué automatiquement cette approche à 3 rendus possibles de "labels" (= textes), que l'on peut transformer en "call to action" (= lien).
Ajouter un bouton
- Pour les blocs qui contiennent un CTA ‘”Aouter un bouton”
- Dans l'éditeur du bouton écrivez le libellé (= le mot ou l’ensemble de mots qui seront cliquables)
- Choisissez le style du bouton: primaire, secondaire, tertiaire
- Dans la fenêtre URL, vous pouvez
- directement copier l'URL de la page vers laquelle pointera le lien
- saisir les premiers caractères d’un mot et l’outil cherche tout seul les contenus contenant ces lettres. Il vous suffit alors de sélectionner la bonne destination dans la liste proposée avant de valider le lien.
NB : pour chaque bouton, vous pouvez choisir d’ouvrir la nouvelle page dans l’onglet actuel du navigateur ou dans un nouvel onglet
- Ajouter un bouton via l’éditeur de texte
- Dans la fenêtre URL, vous pouvez
- directement copier l'URL de la page vers laquelle pointera le lien
- saisir les premiers caractères d’un mot et l’outil cherche tout seul les contenus contenant ces lettres. Il vous suffit alors de sélectionner la bonne destination dans la liste proposée avant de valider le lien.
- Pour varier les styles de bouton, cliquez sur la petite roue crantée à droite du bouton bleu. Ceci ouvre une fenêtre pop-up où vous pouvez choisir le style de bouton souhaité (”none”, “primary”, “secondary”, “tertiary”).
- Dans cette fenêtre, vous pouvez également sélectionner l'une des pages de votre site dans la liste, pour que le lien pointe vers elle.
- Cliquez sur "Ajouter un lien” pour terminer la manipulation.
NB : pour chaque bouton, vous pouvez choisir d’ouvrir la nouvelle page dans l’onglet actuel du navigateur ou dans un nouvel onglet
b - Bouton primaire, secondaire, ... késako ?
Trois niveaux de boutons ne signifie pas seulement 3 esthétiques différentes, mais aussi et surtout 3 niveaux d'importance. En faire bon usage joue sur la bonne lisibilité / accessibilité de votre site. Exemple:
Le rendu visuel des différents boutons est lié à la charte graphique propre à votre site, ce qui signifie que cela peut très fort varier d'un site à l'autre - tout en gardant la logique d'importance hiérarchique des actions.
- Comme son nom l'indique, le bouton "primaire' est le plus important. Il est visuellement plus fort et implique une action prioritaire = l’action que vous souhaitez que vos visiteurs fassent. Exemple: Ajouter au panier
- Le bouton "secondaire" est celui qui implique une action de moindre importance. Exemple: Consulter de la documentation.
- Le bouton “tertiaire” a en règle général un aspect plus sobre encore.
- Enfin, le bouton "simple lien" ou “none” selon si vous sélectionnez le style via l’éditeur de texte, signifie l'absence de design spécifique. C'est un lien standard, un mot ou un groupe de mots soulignés. Le lien n’a pas de police particulière: il prend d’office le style de police de son texte entourant, il peut être souligné ou non et une couleur au survol est vivement conseillée.
Si vous souhaitez ajouter un lien dans votre titre, c’est tout de même possible et à faire dans les règles de l’art 🙂
- Dans un éditeur ou un espace où vous pouvez rajouter des titres, du texte et des liens, saisissez votre contenu
- Respectez la hiérarchie des titres contenant des liens (exemple : un H4 ne peut pas suivre directement un H2. Il faudra utiliser un H3 entre les deux)
- Vérifiez que le texte du lien combiné au texte du titre décrit bien l'objectif du lien
- Vérifiez que le lien dans le titre est visuellement cohérent avec le style de texte du reste du titre Exemple :
<h2>Find an Hotel</h2>
<h3><a href="lien-vers-hotel-three-rivers">Hotel Three Rivers</a></h3>
<ul class="horizontal">
<li><a href="hotel_three_rivers_map.html">Map</a></li>
<li><a href="hotel_three_rivers_photos.html">Photos</a></li>
<li><a href="hotel_three_rivers_directions.html">Directions</a></li>
<li><a href="hotel_three_rivers_reviews.html">Guest reviews</a></li>
<li><a href="hotel_three_rivers_book.html">Book now</a></li>
</ul> Ce qui donnerait quelque chose comme ceci
Liens, boutons et titres ont des rôles différents, qui appellent à des fonctionnalités différentes. Evitez de les superposer !
2 - Classer ses contenus : les filtres et taxonomies
Pour certains contenus, que l’on qualifiera de “dynamiques” (parce qu’ils s’affichent dynamiquement sur une ou plusieurs pages sans que vous ayez à les positionner spécifiquement à un endroit), vous disposez d’options de tri et de classification : on appelle cela des taxonomies. Ce sont des éléments qui vont permettre de filtrer, classer catégoriser ces contenus - pour faciliter leur gestion en interne, mais aussi et surtout permettre aux personnes qui visitent votre site d’affiner leurs résultats : quand elles recherchent un article sur une thématique précise, ou un événement qui se passe dans un lieu donné ; ou, si vous voulez présenter les membres de l’équipe d’un service en particulier, par exemple.
a - Articles
Les Articles peuvent être classés par :
- Catégories
- Etiquettes
Dans le menu de gauche de votre site web, en cliquant sur Articles, vous verrez apparaître des sous-menus :
- Tous les articles (qui est la liste de tous les articles créés)
- Ajouter un nouvel article
- Catégories (qui permet de créer une nouvelle catégorie d’article)
- Etiquettes (qui permet d’assigner un filtre supplémentaire aux articles)
Il vous suffit de saisir un nom dans le champ du même nom, de cliquer sur “Ajouter une catégorie”, et la catégorie apparaît dans une liste sur la droite. C’est ici que vous pourrez toutes les gérer par la suite.
- La Description est facultative.
- Le Slug, c’est comment cela sera écrit dans l’URL.
- le Total, ce sont le nombre d’éléments (ici de FAQ) qui ont cette catégorie attribuée.
Lorsque vous créez un nouvel article, vous retrouverez ces catégories sur la droite de la page : vous pourrez alors en cocher une ou plusieurs, ce qui permettra de classer votre article dans une ou plusieurs catégories. Vous pouvez cocher une ou plusieurs cases dans chaque type de filtre - ils sont cumulatifs.
Ainsi, lorsqu’une personne filtrera par catégories ou étiquettes, elle verra apparaître les articles pertinents par rapport à sa requête. De la même façon, sur une page donnée, lorsque vous aouterez le bloc Articles, vous pourrez choisir de n’afficher que ceux d’une ou de plusieurs catégories.
b - Equipes
Les Teams (= vos équipes) peuvent être classées par Fonction/Rôle/Pos.
Dans le menu de gauche de votre site web, en cliquant sur Teams, vous verrez apparaître des sous-menus :
- Teams (qui est la liste de toutes les personnes créées dans votre organisation)
- Ajouter un Team (qui permet d’ajouter une nouvelle personne)
- Function (qui permet de créer une nouvelle foonction, un nouveau métier / service / département)
Il vous suffit de saisir un nom dans le champ du même nom, de cliquer sur “Ajouter une catégorie”, et la catégorie apparaît dans une liste sur la droite. C’est ici que vous pourrez toutes les gérer par la suite.
- La Description est facultative.
- Le Slug, c’est comment cela sera écrit dans l’URL.
- le Total, ce sont le nombre d’éléments (ici de FAQ) qui ont cette catégorie attribuée.
Lorsque vous créez une nouvelle personne, vous retrouverez ces catégories sur la droite de la page : vous pourrez alors en cocher une ou plusieurs, ce qui permettra de classer votre membre d’équipe dans une ou plusieurs catégories. Ainsi, lorsqu’une personne filtrera par catégories, elle verra apparaître les personnes pertinentes par rapport à sa requête. De la même façon, sur une page donnée, lorsque vous aouterez le bloc Teams, vous pourrez choisir de n’afficher que celles d’une ou de plusieurs catégories.
c - Evénements
Les Evénements peuvent être classés par
- Type
- Venue (= où il a lieu)
- Organiser (= qui l’organise)
Dans le menu de gauche de votre site web, en cliquant sur Events, vous verrez apparaître des sous-menus :
- Events (qui est la liste de tous les événements créés)
- Ajouter un nouvel article (qui permet d’ajouter un nouvel événement)
- Type (qui permet de créer une nouvelle catégorie d’événement)
- Venue (qui permet d’ajouter un nouveau lieu)
- Organiser (qui permet d’ajouter une nouvelle personne ou structure organisatrice)
Après avoir cliquer sur “Type” ou “Venue” ou “Organiser”, il vous suffit de saisir un nom dans le champ du même nom, de cliquer sur “Ajouter une catégorie”, et la catégorie apparaît dans une liste sur la droite. C’est ici que vous pourrez toutes les gérer par la suite.
- La Description est facultative.
- Le Slug, c’est comment cela sera écrit dans l’URL.
- le Total, ce sont le nombre d’éléments (ici de FAQ) qui ont cette catégorie attribuée.
Lorsque vous créez un nouvel événement, vous retrouverez ces catégories sur la droite de la page : vous pourrez alors en cocher une ou plusieurs, ce qui permettra de classer votre événement dans une ou plusieurs catégories. Vous pouvez cocher une ou plusieurs cases dans chaque type de filtre - ils sont cumulatifs.
Ainsi, lorsqu’une personne filtrera par catégories, elle verra apparaître les événements pertinents par rapport à sa requête. De la même façon, sur une page donnée, lorsque vous aouterez le bloc Events, vous pourrez choisir de n’afficher que ceux d’une ou de plusieurs catégories.
d - FAQs
Les FAQ peuvent être classées par Types.
Dans le menu de gauche de votre site web, en cliquant sur FAQ, vous verrez apparaître des sous-menus :
- FAQs (qui est la liste de toutes les FAQs créées)
- Ajouter un nouvel article (qui permet d’ajouter une nouvelle FAQ)
- Type (qui permet de créer une nouvelle catégorie de FAQ).
Après avoir cliquer sur “Type”, il vous suffit de saisir un nom dans le champ du même nom, de cliquer sur “Ajouter une catégorie”, et la catégorie apparaît dans une liste sur la droite. C’est ici que vous pourrez toutes les gérer par la suite.
- La Description est facultative.
- Le Slug, c’est comment cela sera écrit dans l’URL.
- le Total, ce sont le nombre d’éléments (ici de FAQ) qui ont cette catégorie attribuée.
Lorsque vous créez une nouvelle FAQ, vous retrouverez ces catégories sur la droite de la page : vous pourrez alors en cocher une ou plusieurs, ce qui permettra de classer votre FAQ dans une ou plusieurs catégories. Ainsi, lorsqu’une personne filtrera par catégories, elle verra apparaître les FAQ pertinentes par rapport à sa requête. De la même façon, sur une page donnée, lorsque vous aouterez le bloc FAQ, vous pourrez choisir de n’afficher que celle d’une ou de plusieurs catégories.
Aller vers le point III. Se lancer : création et gestion de contenus →