1. Accueil  
  2. Composantes  
  3. Navigation  
  4. Les plus consultés

Les plus consultés

La composante Les plus consultés est un ensemble d’étiquettes cliquables regroupées sous un titre. Elle permet de rediriger l’utilisateur vers d'autres pages pertinentes en lien avec le contenu de la page actuelle.

Exemple


Quand l'utiliser

La composante est utilisée lorsqu’il est jugé pertinent de mettre de l’avant des liens importants dans une page.

La composante peut être utilisée dans plusieurs types de pages, telles que des pages d'accueil, de thèmes, etc. Par contre, son utilisation doit être faite dans des pages ayant comme fonction la navigation.

Si la page est uniquement de type contenu, n’ayant aucunement comme fonction la navigation, l’utilisation de la composante est proscrite.

Comment l'utiliser

Il est fortement recommandé d'utiliser la composante dans le haut de la page, mais il est possible de l'utiliser ailleurs dans la page si son utilisation est justifiée et pertinente.

La composante s’utilise toujours avec le titre «Les plus consultés» placé en haut des étiquettes. Il n’est pas possible de changer le titre de la composante.

Les libellés des liens doivent être clairs et évocateurs.

Le nombre d’étiquettes maximum dans la composante est de 7 pour éviter de surcharger la page.

Comment choisir les étiquettes

Les étiquettes choisies doivent être pertinentes et complémentaires au contenu de la page. Leur sélection peut se baser sur l’un des critères suivants:

  • Pages les plus populaires 
  • Pages requérant une meilleure visibilité (par exemple, lorsqu’il y a une campagne en cours)

Il est conseillé d’ajouter manuellement les étiquettes au lieu d’automatiser leur présence selon le nombre de pages vues. 

Les liens dans la composante peuvent mener vers des pages internes, mais aussi vers des liens externes.

Informations techniques

La distance entre le titre de la composante et les étiquettes est de 8px.

Exemple


La composante prend un maximum de 9 colonnes de largeur.

Les informations techniques spécifiques aux étiquettes se retrouvent dans la fiche étiquettes.

CSS du libellé
font-family: Open Sans
font-weight: bold
font-size: 16px
color: #223654

Dernière mise à jour : 16 août 2022