Passer au contenu principal

Guide de rédaction web UNIL

1. Principes fondamentaux :fondamentaux: valeurs et ton de l'écritureécriture

En tant que rédactrice,rédactrice, rédacteurrédacteur vous parlez au nom de l'UniversitéUniversité et portez les valeurs énoncéesénoncées dans sa Charte. Le ton sera factuel, accessible, professionnel tout en restant chaleureux. Il est impératifimpératif d'aller directement àà l'information en privilégiantprivilégiant des formules concises libéréeslibérées d'envoléesenvolées lyriques. ÀÀ l'image de la vision claire de la Direction de l'UNIL, le propos doit êtreêtre limpide, compréhensiblecompréhensible et précis.précis.

Identifiez àà qui vous vous adressez (personnel administratif et technique, doctorantes, doctorants, étudiantes,étudiantes, étudiantsétudiants de premièrepremière annéeannée ou d’d’autres niveaux, enseignantes, enseignants y compris étrangers)étrangers) et adaptez formulations, niveau de vulgarisation, précisionsprécisions des informations pratiques àà qui vous lira.


2. Architecture de l'information

2.1 Principe :Principe: limiter le nombre de pages

  • ÉviterÉviter la duplication des contenus tout en permettant la duplicitéduplicité des chemins vers un contenu. Un contenu n’n’a qu’qu’une place: si vous voulez y faire mention, utilisez des liens via les composants (lien de texte, bouton, groupes de liens, etc.)
  • Par défaut,défaut, les contenus communs àà plusieurs entitésentités sont aussi gérésgérés par l'entitéentité parent
  • Favoriser les 'listes' généréesgénérées automatiquement pour présenterprésenter les personnes et les publications afin d’éviterd’éviter de maintenir de grands nombres de pages àà la main
  • Limiter les pages quasi-vides. Si une page a trèstrès peu de contenu, elle est remplacéeremplacée par un bloc sur la page parent. Un minimum de 300 mots est recommandérecommandé
  • Limiter le paraphrasage. Si un contenu doit êtreêtre paraphrasé,paraphrasé, on privilégieraprivilégiera le renvoie vers la page paraphraséeparaphrasée
  • Les sites de l'Unil n’n’ont pas vocation d'archivage. Un contenu non ou peu consultéconsulté est nocif pour le référencementréférencement du site entier

2.2 Principe :Principe: bien ranger les pages qui restent

  • Les contenus sont par défautdéfaut rangésrangés dans l'entitéentité responsable des contenus
    • Exemple: une formation est rattachéerattachée àà la facultéfaculté et pas àà l’entitél’entité responsable. Les services de la Direction, du DécanatDécanat ou de l’entitél’entité propriétairepropriétaire du site apparaissent dans la partie administrative de l’l’arborescence du site, équivalentéquivalent au premier onglet de la navigation principale (université,université, faculté,faculté, école,école, etc.).
  • L’L’organisation de base d’d’une unitéunité de la Direction est:
    • Page(s) de service
    • Prestations de service et outils sont intégrésintégrés dans les différentesdifférentes pages du site selon leur public-cible ou leur contenu
  • L'organisation de base des entitésentités d’d’une facultéfaculté (section, école,école, institut, etc.) est:
    • ÀÀ propos
    • Membres
      • À mettre sous À propos dans le cas d’une entité qui a un site indépendant pour éviter d'avoir une énorme entrée Membres
    • Formation
    • Recherche / Publications
      • Les publications peuvent aussi être rangées au sein de Recherche et / ou d’une autre entrée
    • ÉvénementsÉvénements
      • Les événements peuvent parfois être séparés entre plusieurs entrées (p. ex. si on veut proposer les événements scientifiques sous Recherche)

Limiter les entréesentrées spécifiquesspécifiques (idéalementidéalement max 7 entréesentrées dans la navigation principale).

  • Les informations àà destination des publics internes sont rangéesrangées dans leurs propres espaces, hors de l’l’arborescence principale

a. Glossaire de libellés / titres de page fréquents

Utiliser les libellés suivants pour garder une uniformité entre les différentes facultés et entités:

  • Expertise (pour entrée de premier ou deuxième niveau)
  • [À propos] Histoire
  • [À propos] Organisation / Gouvernance
    • S’il s’agit d’une seule page, privilégier le mot Organisation (voire Gouvernances si préféré) tel que mentionné ci-dessus
    • Si plusieurs pages sont nécessaires, privilégier le mot Organisation pour ensuite utiliser dans les pages-filles Décanat (pour une faculté) ou Gouvernance (pour une entité), Administration (pour les pages listant les personnes issues des unités administratives) et Commissions
    • [À propos] Cadre légal et règlementaire
    • [Formation] Futur•e étudiant•e
    • [Ressources / Espaces] Espace étudiant·e
    • [Ressources / Espaces] Espace collaborateur·trice
    • [Ressources / Espaces] Espace doctorant·e
    • [Ressources / Espaces] Espace chercheur·euse
    • [Ressources / Espaces] Espace enseignant·e

2.3 Dupliquer les chemins mais pas les contenus

Certaines pages peuvent avoir leur place dans plusieurs sections du site. Le but est de permettre l'accèsaccès àà l'information par plusieurs chemins sans dupliquer les contenus.

Par défaut,défaut, les contenus sont rattachésrattachés (URL et gestion) directement àà leur entitéentité responsable. Les autres entitésentités peuvent suggérersuggérer des modifications/ajouts àà celle-ci. La ou le webmaster de la facultéfaculté et Unicom peuvent apporter leur éclairageéclairage et trancher si nécessaire.nécessaire.

2.4 Organisations spécifiquesspécifiques

a. Formation

  • Chaque formation est présenteprésente sur le site de la Direction et des services. Celui-ci reflètereflète les informations généralesgénérales communiquéescommuniquées dans la documentation du SOC (Brochure, etc.)
  • Le détaildétail des formations est gérégéré par les entitésentités responsables de la formation
  • S'il y a une seule formation pour une entrée,entrée, on ne créecrée pas de page intermédiaireintermédiaire
  • S’S’il y a peu de formations àà lister on peut déciderdécider d'afficher ou non une page intermédiaireintermédiaire

b. Petites entitésentités

  • Pour les entitésentités qui n’n’ont pas suffisamment de contenu pour remplir des sous-pages, il ne faut pas hésiterhésiter àà créercréer  des 'one-pager'. On laisse le choix libre pour les petites entitésentités de pouvoir changer de format de page

3. SEO et référencementréférencement

3.1 Principes SEO

Le SEO (Search Engine Optimization) signifie «« Optimisation pour les moteurs de recherche »». L'objectif est d'amélioreraméliorer la visibilitévisibilité du site web en lui faisant gagner de la visibilitévisibilité sur les moteurs de recherche pour vos contenus mais aussi pour tous les contenus de l’l’Unil.

Faire de la rédactionrédaction optimisée,optimisée, c'est àà la fois rédigerrédiger pour des humains, tout en satisfaisant les critèrescritères de référencementréférencement des moteurs de recherche.

3.2 Contenu

La vigilance de chacune, chacun permet àà l’l’ensemble des sites de l’Universitél’Université de Lausanne d’d’avoir un domaine avec une bonne réputationréputation pour les moteurs de recherche. Lorsque la réputationréputation baisse (pages peu ou pas consultés,consultés, pas assez de texte sur une page, etc.), tous les sites peuvent êtreêtre impactés.impactés.

3.3 Page

Les pages doivent avoir au minimum 200 mots mais idéalementidéalement 300 mots pour êtreêtre considéréeconsidérée comme telle par des moteurs de recherche.

3.4 Méta-Méta-tags

a. Méta-Méta-description

Se trouve dans les propriétéspropriétés de la page. RésuméRésumé du contenu qui peut apparaîtreapparaître dans les résultatsrésultats des moteurs de recherche. GénéralementGénéralement 150 caractèrescaractères maximum espaces compris.

Exemple: «« Liste des Bachelors de l'UniversitéUniversité de Lausanne et leurs débouchés.débouchés. Comment choisir votre Bachelor et le mener àà bien, informations sur le temps partiel. »»

b. Mots-clésclés

ÀÀ insérerinsérer aussi dans les propriétéspropriétés de la page. Il s'agit généralementgénéralement des cinq mots incontournables du sujet. Mettez-vous àà la place de l'internaute: que taperiez-vous pour accéderaccéder àà cette information?


4. MéthodesMéthodes de rédactionrédaction web

4.1 Avant de commencer

Quand vous créezcréez une page, interrogez-vous :vous:

  • Quelles sont les informations que je souhaite communiquer ?
  • Quels sont les cinq mots incontournables du sujet ?
  • Quel(s) message(s) dois-je transmettre ?
  • Qu'est-ce qui intéresseintéresse ma lectrice, mon lecteur ?
  • Qu'est-ce que je taperais dans un moteur de recherche si je voulais arriver sur cette page ?
  • Quels sont les liens internes ou externes que je peux ajouter pour complétercompléter mon propos ?

4.2 Bonnes pratiques de rédactionrédaction

  • Pensez au public àà qui s'adressent vos contenus lorsque vous écrivezécrivez
  • Utilisez un langage précis,précis, juste et accessible
  • ÉcrivezÉcrivez des phrases courtes et concises
  • Parsemez votre texte de mots-clésclés utiles. Il est possible de se faire aider d’d’une intelligence artificielle pour trouver ces mots-clés.clés.
    Exemple :Exemple: Donne-moi 3 àà 5 sous-thèmesthèmes les plus populaires en ce qui concerne {le sujet}? ou Liste sans description les 10 termes les plus recherchésrecherchés concernant {le sujet}
  • Structurez votre contenu, hiérarchisezhiérarchisez les informations
  • Peaufinez vos titres  (h1, h2, h3), ils sont une source précieuseprécieuse de référencement)référencement) et préférezpréférez dans ces derniers la forme complètecomplète plutôtplutôt que le point médianmédian (par exemple les étudiantesétudiantes et étudiants)étudiants)
  • Citez vos sources, mettez en lumièrelumière les citations
  • Proposez des liens internes ou externes utiles et respectez les règlesrègles y relatives (CF le point Composants et mises en forme_Liens)
  • Incitez àà l'interaction via des liens additionnels
  • Sur les sites multilingues, assurez-vous de reporter toute modification apportéeapportée sur vos pages. Vos pages et composants dans une autre langue que la principale doivent scrupuleusement reprendre vos contenus originaux
  • Supprimez les doublons

MêmeMême si vous optimisez votre contenu pour les robots, vous écrivezécrivez avant tout pour des personnes.

4.3 Relecture critique

Une fois la trame ou la page rédigéerédigée, relisez-la avec un regard critique :critique:

  • Mon propos est-il compréhensiblecompréhensible ?
  • La hiérarchisationhiérarchisation est-elle suffisante ?
  • Qu'est-ce qui est en trop ?
  • Les formulations ne sont-elles pas trop redondantes ?
  • Comment simplifier les constructions de phrases ?
  • Les mots-clésclés essentiels sont-ils présentsprésents ?
  • N'y a-t-il pas trop de répétitionsrépétitions ?

4.4 ClartéClarté et accessibilitéaccessibilité

L'information universitaire peut êtreêtre complexe, mais sa présentationprésentation doit rester accessible. PrivilégiezPrivilégiez les mots simples, expliquez le vocabulaire spécialiséspécialisé quand nécessaire,nécessaire, et structurez vos phrases pour faciliter la compréhension.compréhension. Adoptez un ton bienveillant qui guide l'utilisateur vers l'action plutôtplutôt que de multiplier les interdictions.

a. ClartéClarté et simplicitésimplicité du vocabulaire

  • ÉviterÉviter le jargon académiqueacadémique sans explication
  • Expliquer les termes techniques quand ils sont nécessairesnécessaires
  • Utiliser la terminologie cohérentecohérente: toujours le mêmemême mot pour désignerdésigner la mêmemême chose (pas de synonymes)

b. Structure et longueur des phrases

  • Limiter les phrases àà 20 mots maximum
  • PrivilégierPrivilégier la voix active : "Vous devez déposerdéposer votre dossier" plutôtplutôt que "Le dossier doit êtreêtre déposé"déposé"
  • Respecter la chronologie dans les explications de procéduresprocédures
  • En cas de longues explications de démarche,démarche, résumerrésumer la démarchedémarche avec des liens dans le texte de type ancre (redirigeant vers des titres de composant) ou intégrerintégrer les longs contenus détaillésdétaillés dans des accordéonsaccordéons afin de ranger et amélioreraméliorer la lisibilitélisibilité de la page

c. Ton et bienveillance

  • Adopter un ton positif : dire ce qu'il faut faire plutôtplutôt que ce qu'il ne faut pas faire
  • ÉviterÉviter les formulations culpabilisantes ou trop autoritaires
  • S'adresser directement àà l'utilisateur avec "vous"

d. PrésentationPrésentation de l'information

  • Un seul sujet principal par page avec ces sous-sujets ou accordéonaccordéon si nécessairenécessaire
  • Un seul appel àà l'action principal par page
  • ÉliminerÉliminer les informations non essentielles àà l'accomplissement de la démarchedémarche

4.5 RédactionRédaction inclusive

L'inclusivitéinclusivité est une valeur fondamentale portéeportée par l'Unil. Sa déclinaisondéclinaison écriteécrite a pour objectif la prise en compte de chacune, chacun dans sa communication.

a. PréférerPréférer la forme épicèneépicène

DépourvueDépourvue de marqueurs de genre la communication non-genréegenrée permet d'inclure toute personne.

Exemple :Exemple: «« Le corps estudiantin, les êtresêtres humains, les membres du corps professoral, les membres du Décanat,Décanat, le personnel, les titulaires d'un Master, les bénéficiairesbénéficiaires d'une bourse, etc. »»

b. FéminiserFéminiser ou masculiniser

Il y a double désignationdésignation lorsque l'on désignedésigne explicitement les femmes et les hommes au moyen de deux substantifs ou déterminantsdéterminants distincts.

c. Adopter l'accord de proximitéproximité

En cas de double désignation,désignation, adopter l'ordre de présentationprésentation fémininféminin puis masculin. L'accord et la reprise se font donc au masculin.

d. ÉviterÉviter le point médianmédian sur le web

La forme contractéecontractée avec point médianmédian est àà éviteréviter pour la production de nouveau contenu web car les moteurs de recherche ne sont pas encore capables de comprendre le sens de cette marque typographique. Ceci est particulièrementparticulièrement important dans les titres h1, h2, h3, h4 de votre page.

Les boutons ou espaces de navigation font exception. Dans ces cas-là,là, le point médianmédian est autoriséautorisé en raison de la limite d’d’espace disponible.

Exemple :Exemple: Espace Étudiant·esÉtudiant·e

Pour approfondir le sujet de la rédactionrédaction inclusive, consultez-le Guide éditéédité par le Bureau de l'égalitéégalité.

Consultez les ressources du Bureau de l’Egalitél’Egalité pour en apprendre davantage :davantage: https://www.unil.ch/unil/fr/home/menuinst/universite/egalite-diversite-inclusion/les-mots-de-legalite.html

4.6 RèglesRègles typographiques et conventions

a. Conventions spécifiquesspécifiques àà l’Universitél’Université de Lausanne

  • Unil : toujours en minuscule avec le U majuscule (l'Unil)
  • BachelorMasterFacultésFacultés de…de…École…École… : majuscule initiale
  • La FacultéFaculté et l'UniversitéUniversité : majuscule quand elles désignentdésignent une entitéentité préciseprécise
  • Les majuscules doivent êtreêtre accentuéesaccentuées (ÉÉcole, ÉÉtudiantes)
  • campus : pas de majuscule particulièreparticulière
  • PréférerPréférer postdoc àà post-doc (postdoctoral fellow et postdoctorant étantétant l’idéal)l’idéal)

b. Ponctuation et typographie

  • Pour tous les signes de ponctuation, la règlerègle en web est: pas d'espace avant et un espace aprèsaprès
  • PréférezPréférez le mot en toute lettres «« et »» au symbole &
  • N'abusez pas des points d'exclamation ou des lettres capitales
  • Minimisez l'utilisation des doubles ponctuations

c. ÉnumérationsÉnumérations et articles

Afin de rendre les phrases plus légèreslégères et plus dynamiques, les énumérationsénumérations se feront sans articles définis,définis, indéfinis,indéfinis, contractéscontractés dèsdès que c'est envisageable.

Préférez:Préférez: ÉtudiantesÉtudiantes Unil àà ÉtudiantesÉtudiantes de l'Unil.

d. Chiffres

  • Jusqu'àà 9999: ne pas mettre d'apostrophe
  • ÀÀ partir de 10'000: mettre un séparateurséparateur (11'678120'000)

5. Composants et mise en forme

5.1 RédactionRédaction dans les composants

Les caractèrescaractères spéciauxspéciaux tels que «« | »» engendrent des risques d’incompréhensiond’incompréhension chez les lectrices et lecteurs (y compris celles et ceux disposant d’équipementd’équipement spécifiquespécifique d’d’aide àà la lecture) et peuvent corrompre les composants en les empêchantempêchant de s’s’afficher. PréférezPréférez des titres de composants et de liens exempts de caractèrescaractères spéciauxspéciaux hormis des virgules et des conjonctions écritesécrites en toutes lettres (et, ou, etc.)

5.2 Titres et hiérarchiehiérarchie

a. Titre de page (H1)

RédigezRédigez des titres pertinents, sans équivoque,équivoque, uniques comportant les mots-clésclés nécessairesnécessaires au référencement.référencement. ÉvitezÉvitez si possible les titres trop longs. Le cas échéant,échéant, ajoutez l’l’acronyme de la formation ou du service dans le «« titre long »» de la page et ou dans le nom-systèmesystème (sans caractèrecaractère spécialspécial autre que le tiret «« -»»). Le titre court apparait dans la navigation et doit àà ce titre êtreêtre explicite, c’c’est pourquoi l’l’usage d’d’acronyme est àà proscrire.

ÉvitezÉvitez au maximum les caractèrescaractères spéciauxspéciaux dans les titres courts afin d’d’en maximiser la lisibilitélisibilité (&, |, /)

b. Accroches et introductions

ComposéesComposées d'une ou deux phrases maximum, limitéeslimitées àà 360 caractèrescaractères espaces compris. Elles annoncent le contenu de manièremanière plus large que le titre. Elles ne contiennent ni gras typographique ni lien.

5.3 Titres de composants (H2, H3, H4)

Les titres H2 des composants sont automatiquement repris lors de l'ajout d'un composant Sommaire. Les autres titres permettent de hiérarchiserhiérarchiser les contenus des H2.

5.4 Texte

a. Gras

L'utilisation du gras permet la mise en valeur des points forts. Quelques mots suivis ou les mots-clésclés d'une énumérationénumération.

b. Italique

Pour mettre en valeur: informations complémentaires,complémentaires, nota bene, citations et précisionsprécisions entre parenthèses.parenthèses.

c. Liens

PossibilitéPossibilité d'ajouter des liens dans le texte pour donner plus de contexte ou renvoyer vers une page connexe. Les liens externes et vers des fichiers doivent toujours s’s’ouvrir dans une nouvelle fenêtrefenêtre (dans Jahia, en éditionédition de texte, il s’s’agit du second onglet CIBLE, choisir Nouvelle fenêtrefenêtre (_blank))

d. Listes

Les listes permettent d'énumérerénumérer des élémentséléments et de faciliter la lecture.

5.5 Composants spécialisésspécialisés

5.6 Teaser avec texte

  • Titre explicite et court (maximum 60 caractèrescaractères espaces compris)
  • Textes explicatifs entre 150 et 250 caractèrescaractères
  • ÉquilibreÉquilibre visuel àà trouver entre les élémentséléments groupésgroupés (sélectionnersélectionner entre 1 et 5 page teasers par ligne)

Meilleur usage : annoncer des sous-pages

5.7 Groupe de pages

  • Texte principal jusqu'àà 250 caractèrescaractères
  • Lien principal (facultatif) renvoyant vers le sujet du texte principal ou un sujet regroupant la liste de liens secondaires
  • Maximum 6 liens avec textes explicatifs de 100 àà 150 caractèrescaractères

Meilleur usage : encourager àà approfondir la lecture

5.8 Bouton

PréférezPréférez la forme infinitive ou nominative. Forme la plus succincte possible. Exemples: «« S'inscrire »» / «« Consulter »» / «« En savoir plus »»

Meilleur usage: encourager l’l’usager ou l’usagèrel’usagère àà l’l’action

5.9 AccordéonAccordéon

IdéalIdéal pour décomposerdécomposer un contenu long. Le titre doit êtreêtre évocateur.évocateur. Peut se formuler en mode interrogatif.

a. Onglets ou AccordéonsAccordéons ?

  • Onglets: pour plusieurs ensembles de contenu distincts mais liésliés relativement courts.
  • AccordéonsAccordéons: pour organiser hiérarchiquementhiérarchiquement une grande quantitéquantité de contenu

5.10 Images

L'attribut "alt" doit décriredécrire l'image de la façonfaçon la plus préciseprécise possible. Si l'image est purement décorative,décorative, laisser l'attribut "alt" vide.

Il est obligatoire d’d’ajouter le copyright quand celui-ci est nécessairenécessaire pour citer la personne ayant produit la photo ou la collection de laquelle cette image est issue et a étéété payée.payée.


6. Gestion de vos médiasmédias sur Jahia

  • Liez vos médiasmédias via lien interne pour qu’qu’en cas de déplacementdéplacement ils ne soient pas rompus.
  • Assurez vous que l’l’arborescence du Jcontent et du site soient concordants
  • Rangez vos médiasmédias dans les dossiers dont le nom concorde avec la page sur laquelle ils sont appelésappelés
  • Remplacez avec le mêmemême titre les médiasmédias obsolètesobsolètes et supprimez du jcontent l’l’ancienne version afin de maintenir des dossiers médiasmédias les plus légerslégers et ordonnésordonnés possibles

7. Recommandations finales

Vous êtesêtes porte-parole de l'Unil, mais vous n'avez pas àà porter cette responsabilitéresponsabilité seule, seul.

7.1 Conseils pratiques
  • Faites relire votre texte àà votre hiérarchiehiérarchie ou àà vos collèguescollègues
  • Ne publiez pas un texte non abouti
  • RédigezRédigez un premier jet, simplifiez-le, revenez dessus
  • Lisez des productions analogues pour vous inspirer
  • Les pages de niveau 1 sont un bon catalogue d'exemples et bonnes pratiques
7.2 Gardez àà l'esprit
  • Vous écrivezécrivez pour des personnes qui vous ressemblent et un public que vous connaissez
  • CréezCréez du lien et donc de l'intérêtintérêt
  • N'oubliez pas les mots-clésclés

[ Documentation Jahia: retour au sommaire ]