Microcopie

• Faites en sorte que vos titres soient chargés à l'avant: utilisez autant de mots-clés que possible au début du titre.
• Découvrez comment le public appelle votre contenu en utilisant des outils de recherche pour trouver des mots-clés. Évitez les noms internes.
• Évitez les types de document dans les titres (p. ex. comment rédiger au lieu de guide de rédaction).
• Évitez les dates, sauf si elles rendent le titre unique (p. ex. Rapport annuel 2025).
• Structurez bien vos titres et vos sous-titres pour améliorer l'accessibilité; vous pouvez regarder cette vidéo (en anglais) sur les raisons pour lesquelles vous devez utiliser la bonne structure de titres dans votre contenu.

Titre principal (H1)

• Le titre principal (H1) est le titre visible dans l'en-tête de la page. C'est le seul titre stylisé en tant que H1.
• Le titre H1 doit décrire le sujet de la page.
• Incluez un ou plusieurs mots-clés (d'autres mots-clés peuvent être inclus dans les sous-titres et dans l'introduction) et utilisez 70 caractères au maximum.
• Vérifiez que votre H1 a du sens en lui-même et parmi les pages apparentées.

 

Sous-titres (H2, H3, etc.)

• Utilisez des sous-titres (H2, H3, etc.) pour tout nouveau bloc de contenu afin de permettre aux publics de parcourir la page.
• Évitez de sauter des niveaux de sous-titres (par exemple, de H2 à H4).
• Prévoyez du contenu entre les niveaux de sous-titres, à moins que la manière dont le sous-titre inférieur suit le sous-titre supérieur ne soit clair.
• Utilisez les styles de titre de la charte graphique; les lecteurs d'écran ne reconnaîtront pas les autres styles (p. ex. le texte en gras) comme des titres.
• Veillez à ce que les CTA importants se trouvent sous un titre connexe (p. ex. le bouton S’inscrire sous le titre S’inscrire à un programme de bachelor).
• À éviter:
  • Questions: il est difficile de placer les informations importantes en premier et les publics veulent des réponses, pas des questions.
  • Termes techniques, sauf si vous les avez déjà expliqués.
  • Introduction comme premier sous-titre: donnez les informations les plus importantes et évitez d’être générique.

• Résumez le contenu de la page pour permettre aux publics de vérifier s'ils sont sur la bonne page.
• Utilisez le moins de mots possible du titre et incluez les mots-clés que vous n'avez pas utilisés dans le titre.
• Évitez de mentionner le type de contenu (p. ex. cette conférence porte sur...).
• L'introduction doit être courte (un ou deux paragraphes).

Meta title

• Le meta title est une balise méta qui apparaît dans la page de résultats des moteurs de recherche (Search Engine Results Page - SERP) et dans l'onglet du navigateur.
• Le meta title doit inciter les publics à cliquer.
• Incluez les principaux mots-clés et ne dépassez pas 60 caractères (les moteurs de recherche masquent les caractères supplémentaires par des points de suspension).
• Alignez le meta title sur la meta description (voir ci-dessous).
• Vérifiez que le meta title a du sens en lui-même et dans les résultats de recherche.
• Inclure le nom de l'institution: ajouter « • UniDistance Suisse» ou « • FernUni Schweiz» à la fin du titre.

 

Meta description

• La meta description est le résumé qui apparaît dans la page de résultats des moteurs de recherche (SERP). Elle a le même rôle que l’introduction (permettre aux publics de comprendre si la page contient les informations dont ils ont besoin).
• Elle ne doit pas dépasser 160 caractères (les moteurs de recherche masquent les caractères supplémentaires par des points de suspension).
• Terminez la meta description par un point pour aider les personnes qui utilisent des technologies d'assistance telles que les lecteurs d'écran.

• Utilisez des phrases de 25 mots maximum. Si elles sont plus longues, séparez-les pour les rendre plus claires.
• Utilisez 75 caractères par ligne au maximum.
• Utilisez des titres et donnez du rythme au corps de votre page pour en faciliter la lecture.

 

Paragraphes

• Utilisez des paragraphes courts (un ou deux phrases) dans les introductions.
• Utilisez des paragraphes longs (trois à cinq phrases) pour les autres sections.
  • Évitez de répéter l'introduction ou le résumé dans le premier paragraphe.
  • Si votre paragraphe comporte plus de sept phrases, divisez-le en deux paragraphes.
  • Si vous avez plusieurs paragraphes courts dans le corps du texte, regroupez-les dans une liste.

 

Blocs en évidence (callouts)

• Utilisez des blocs en évidence pour:
  • Mettre en évidence des informations-clés.
  • Faire des annonces temporaires.
  • Fournir des informations supplémentaires (p. ex. des ressources utiles).
  • Signaler des citations (p. ex. des témoignages).
• Utilisez différents styles graphiques pour différents types de blocs en évidence.
• Faites en sorte que les textes soient brefs et faciles à parcourir grâce à des éléments visuels (p. ex. des icônes) et à une bonne mise en forme (p. ex. des sous-titres, du texte en gras).

• Utilisez la barre latérale droite différemment selon le type de page:
  • Page d’un service: contact.
  • Événement, article ou emploi: éléments similaires.
  • Page «À propos»: éléments en lien.
• Ajoutez un sous-titre à chaque bloc (normalement un H3).
• Veillez à ce que la structure de la barre latérale soit cohérente sur l'ensemble du site web (p. ex. un bloc de contact commence toujours par le nom du service, suivi d'une adresse électronique, d'un numéro de téléphone, etc.)

• Fournissez des CTA en contexte, lorsqu'ils sont utiles.
  • Les CTA sont redondants sur les cartes (voir ci-dessous).
• Fournissez autant de CTA que pertinent, mais évitez de répéter le même CTA sur la même page, sauf si cela s'avère nécessaire.

 

Libellés des CTA

• Faites en sorte que les CTA soient descriptifs et qu'ils comprennent des termes pertinents (pas Cliquez ici ou Voir plus) afin qu'ils aient un sens isolément; les publics pourraient s'en servir pour parcourir la page.
• Soyez cohérent avec le langage utilisé ailleurs: faites correspondre les libellés des CTA avec d'autres éléments de la page (en particulier avec les titres) et avec le langage utilisé dans d'autres pages.
• Les libellés des CTA doivent être courts (idéalement trois à cinq mots), mais surtout clairs. Si votre libellé est trop court (un ou deux mots), il risque d'être difficile à comprendre.
• Évitez d'utiliser le même libellé pour des CTA qui mènent à des endroits différents.
• Si vous avez plus d'un CTA sur une page qui mène au même endroit, utilisez des libellés identiques ou similaires.

 

Destinations des CTA

• Si votre CTA renvoie à un autre contenu (sur la même page ou sur une page différente), utilisez le titre ou l'en-tête de ce contenu pour le libellé du CTA.
  • Si le nom du contenu est suffisamment précis, évitez tout verbe supplémentaire (p. ex. Comment s'inscrire, pas Découvrir comment s'inscrire).
• Si votre CTA renvoie à une page où ils peuvent commencer une tâche, commencez votre libellé par un verbe (en FR et EN).
  • Si votre CTA s'inscrit dans son contexte (p. ex. l'inscription à une séance d'information sur la page de la séance), le verbe peut suffire (p. ex. S'inscrire). Si votre CTA est hors contexte (p. ex. l'inscription à une séance d'information dans une page de programme), complétez-le avec des informations spécifiques (p. ex. S'inscrire à une séance d'information). Vous pouvez omettre des articles.
  • En français suisse et en allemand suisse: utilisez la forme infinitive.
  • En anglais: utilisez la forme impérative.
• Si votre CTA renvoie à une page dans une autre langue, ajoutez l'information dans le libellé (p. ex. bourses d'études dans le canton de Lucerne (page en allemand)).
• Si votre CTA renvoie à un document, ajoutez l'information dans le libellé (p. ex. programme d'études en psychologie (PDF)).
• Si votre CTA conduit les publics vers un autre site web, ajoutez l'icône Bootstrap pour indiquer qu'il s'agit d'un lien externe.

 

Types de CTA

Liens

• Utilisez les liens dans le corps de la page; ne les utilisez jamais dans les titres et les en-têtes.
• Évitez d'épeler les URL, mais lorsque c'est nécessaire, laissez tomber le www.

 

Boutons

• Utilisez des boutons pour les CTAs principaux.
• Gardez le lien entre le titre et le bouton qui appartiennent au même bloc.
• Utilisez des styles graphiques différents pour les boutons principaux et secondaires.
• Vous pouvez utiliser des icônes dans un bouton.
• Rédigez des libellés courts (2-3 mots) et qui reflètent l'action à laquelle ils mènent.
• Conjuguez vos libellés à l'infinitif.

 

Cartes

• Utilisez des cartes pour répertorier des éléments similaires (p. ex. membres de l'équipe, articles en lien, etc.) dans le corps de la page ou dans la barre latérale.
• Ajoutez un titre à un groupe de cartes.
• Dans la carte, affichez des informations qui différencient un élément de l'autre et encouragent les publics à aller plus loin. Par exemple:
  • Événement: titre, date, lieu.
  • Article: titre, date de publication, auteur ou autrice.
  • Offre d’emploi: titre, date de publication.
  • Membre: nom, rôle.
  • Témoignage: nom, profession et/ou études, courte citation.
• Ajoutez des étiquettes (tags) pour permettre aux publics de parcourir facilement les éléments (au moins une indiquant la faculté ou le service concerné).
• N'utilisez des images que si elles apportent une valeur ajoutée (pas d'images d'archive).
• Utilisez des icônes claires.
• Vous ne pouvez envoyer les publics que vers une seule destination (toute la carte est cliquable - vous ne pouvez pas ajouter d'autres liens ou boutons). Si nécessaire, envisagez de créer une deuxième carte ou de transformer votre carte en un élément différent.
• Évitez de mélanger différents types d'éléments (p. ex. des offres d'emploi avec des actualités).

• Utilisez des listes pour permettre aux publics de parcourir des éléments similaires.
• Listez sept éléments au maximum: les listes plus longues sont difficiles à parcourir; divisez-les et ajoutez de sous-titres ou de courts paragraphes d'introduction.
• Évitez les répétitions: si les éléments énumérés commencent tous par les mêmes mots, déplacez ces derniers dans le paragraphe d'introduction.

Veuillez noter que certaines des instructions suivantes peuvent ne pas s'appliquer aux formulaires Odoo.

• Utilisez les titres des formulaires pour expliquer clairement et rapidement l'objectif du formulaire.
• Si nécessaire, ajoutez un paragraphe d'introduction.
• Ne demandez que les informations nécessaires.
• Assurez-vous que le bouton final est cohérent avec le titre du formulaire.
• Dans le cas de formulaires longs (comprenant plus de sept champs), regroupez les champs similaires dans des sections avec des sous-titres.

 

Champs des formulaires

• Utilisez l'étiquette située au-dessus du champ pour indiquer le type d'informations que les publics doivent fournir (p. ex. prénom et nom).
• Le champ peut être vide ou contenir un texte de remplacement qui donne un exemple des informations que les publics doivent fournir ou des instructions (p. ex. 200 caractères au maximum).
• Indiquez les champs obligatoires.