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 : 10 novembre 2022