1. Accueil  
  2. Design  
  3. Composants  
  4. Navigation  
  5. Les plus consultés

Les plus consultés

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

Exemple


Quand l'utiliser

Le composant est utilisé lorsqu’il est jugé pertinent de mettre de l’avant des liens importants dans une page.

Le composant peut être utilisé 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 du composant est proscrite.

Comment l'utiliser

Il est fortement recommandé d'utiliser le composant dans le haut de la page.

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

Lorsque utilisée comme lien dans un contexte de navigation, l’étiquette ne contient pas d’icône de suppression « X ».

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

La quantité d'étiquettes dépend de la profondeur de la page où se trouve le composant. Les pages plus élevées dans l'arborescence peuvent avoir plus d'étiquettes, tandis que pour les pages plus profondes, il est recommandé de limiter le nombre d'étiquettes.

Pour en savoir plus sur les règles d’usage, consulter la fiche Étiquettes.

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,
  • Contenus cycliques, prévisibles ou récurrents, tels que les pneus d'hiver, la chasse sportive ou les inondations.

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

Les liens dans le composant peuvent mener vers des pages internes, mais aussi vers des pages de sites Web externes.

Informations techniques

La distance entre le titre du composant et les étiquettes est de 8 px.

Exemple


Le composant prend un maximum de 9 colonnes de largeur.

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

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

Dernière mise à jour : 6 novembre 2023

Évaluation de page

L’information sur cette page vous a-t-elle été utile?
Avis général

Des questions ou besoin de renseignements?

Communiquez avec Services Québec