Les rÚgles typographiques en rédaction web

rĂšgles typographiques

AĂŻe, aĂŻe, aĂŻe, les rĂšgles typographiques sont dures Ă  assimiler ?

Et pourtant, elles font partie des rĂšgles Ă  respecter, qui plus est sur le web.

Vous allez me dire que c’est comme les fautes d’orthographe ou les erreurs dans les rĂšgles de syntaxe, on s’en moque tant que le fond est pertinent. Eh bien chacun son avis.😅 Je pars du principe que quand on Ă©crit, qu’on veut ĂȘtre lu et qu’on souhaite faire preuve de professionnalisme, il est important de prendre soin de la forme.

Les rĂšgles typographiques font partie intĂ©grante d’une jolie mise en forme de contenu web, donc ne les nĂ©gligez pas ! Sinon
 votre contenu va perdre de sa puissance, ce serait dommage non ?

Alors mettez cet article dans vos favoris et c’est parti pour un tour d’horizon de toutes les rĂšgles de typo !

Les rĂšgles typographiques, ça sert Ă  quoi ?

Si vous ĂȘtes rĂ©dacteur web ou que vous souhaitez le devenir, les rĂšgles de typographie française sont votre boĂźte Ă  outils pour Ă©crire des textes puissants et faire passer des messages de la plus jolie des maniĂšres. Une virgule ou un point d’interrogation peuvent tout changer.

SĂ©duire le lecteur et faciliter la lecture rĂ©sument les qualitĂ©s d’une bonne typographie. Alors si vous ĂȘtes un professionnel du web (rĂ©dacteur web, copywriter, blogueur
), profitez de toute la puissance de la typo pour faire des textes exceptionnels, aussi bien sur le fond que sur la forme !

Imaginez que je vous Ă©crive comme ça . est-ce que vous pensez que vous aimeriez tout autant mon article et que vous rĂ©ussiriez Ă  le lire jusqu’au bout. Oui c’était une question mais je n’ai pas mis le point d’interrogation. đŸ˜œ

La ponctuation est essentielle pour faire passer un message et rendre un texte plus « vivant Â». De mĂȘme que les majuscules et minuscules, les mots en gras, les mots soulignĂ©s, les citations en italique, les abrĂ©viations, etc.

dur d'assimiler les rĂšgles typographiques

Les éléments primordiaux des rÚgles de typographie

Allez, pas de panique, c’est simple
 Et au pire, vous n’avez qu’à enregistrer ou imprimer cet article pour retrouver toutes ses rùgles typographiques en une seconde. Faisons le point sur les usages.

L’espace (nom fĂ©minin !😏)

Pas d’espace avant, une espace aprùs > la virgule, le point et les points de suspension.

Une espace avant et aprĂšs > le point d’exclamation, le point d’interrogation, le point virgule, les deux points, les guillemets français (« ceux-ci Â»), les pourcentages, les parenthĂšses (pas d’espace Ă  l’intĂ©rieur par contre), les crochets.

En revanche, la rĂšgle typo du point et de la virgule l’emporte sur le reste. Donc si je mets des parenthĂšses, mais qu’elles sont suivies par une virgule, pas d’espace ! Piouuuuuuuu, fait mal Ă  la tĂȘte cet article ! Je vais Ă©viter de vous parler des espaces insĂ©cables, je risquerais de vous perdre !😅

La ponctuation

Quelques rĂšgles de ponctuation :

  • À la fin d’une phrase, mettez toujours un signe de ponctuation > point, point d’interrogation, point d’exclamation ou points de suspension.
  • Attention : pas de point dans les titres et sous-titres.
  • Retenez Ă©galement l’absence des trois points de suspension aprĂšs « etc. Â», contrairement Ă  ce qu’on trouve souvent. Alors stop au etc
 et place Ă  etc.😜

Les listes Ă  puces

Chaque dĂ©but de ligne de votre bullet points doit commencer par une minuscule et se terminer par un point virgule Ă  la fin de la phrase, si votre phrase n’est pas trop longue. Sinon, optez pour une majuscule et un point pour chaque puce.

Les majuscules et les minuscules

Une rĂšgle simple : tout Ă©crire en minuscules sauf quand une majuscule est obligatoire, c’est-Ă -dire Ă  la premiĂšre lettre de chaque phrase, la premiĂšre lettre des noms propres et les sigles. Donc inutile d’écrire le nom de famille en majuscules, seules les initiales doivent ĂȘtre en majuscules.

Concernant les mots qui font rĂ©fĂ©rence aux populations, aux habitants ou aux langues, seul les noms portent une majuscule. Quand c’est un adjectif ou une langue, on laisse tout en minuscules. Exemple : les Français, la gastronomie française, je parle français.

Attention : les majuscules gardent leur cĂ©dille et leur accent ! Exemple : Ê, À, Ç, É
 Pensez aux raccourcis clavier.😉

raccourcis pour rĂšgles typographiques

(Je vous ferai peut-ĂȘtre un autre article sur les raccourcis, un gain de temps considĂ©rable !)

Les abréviations

Pour les abrĂ©viations, ne mettez jamais de point si l’abrĂ©viation se termine par la derniĂšre lettre du mot. Exemple : « bd » pour boulevard.

Sinon, mettez un point abréviatif. Exemple : « chap. » pour chapitre, « art. » pour article.

Voici quelques abrĂ©viations les plus courantes :

  • Monsieur : M. (non pas Mr.)
  • Madame : Mme
  • Mademoiselle : Melle
  • MaĂźtre : Me
  • NumĂ©ro : N°
  • Docteur : Dr

Et voici leur pluriel :

  • Mmes (mesdames),
  • MM. (Messieurs),
  • Mlles (mesdemoiselles),
  • Drs (docteurs),
  • Mes (maĂźtres),
  • nos (numĂ©ros).

Les nombres

Les nombres de un Ă  neuf s’écrivent en toutes lettres, sauf s’il s’agit d’Ă©numĂ©rations, de donnĂ©es quantifiĂ©es, etc. Exemple : LĂŠtitia a neuf ans, et elle a dĂ©jĂ  : 15 poupĂ©es, 34 peluches, 3 jeux Ă©lectroniques et 1 ordinateur.

À partir de 10 : espace insĂ©cable entre les groupes de trois chiffres : 4 837, 512 876, 2 356 765, etc.
Mais quand les nombres font rĂ©fĂ©rence Ă  des pages, des annĂ©es ou des codes postaux, pas d’espace : l’annĂ©e 2004, page 1267, 74150 Rumilly.

Pour les nombres ordinaux : on Ă©crit 1er, 2e, 3e
 et non pas 2Ăšme, 3Ăšme, etc.

Gardez bien une espace entre le dernier chiffre d’un nombre et la premiĂšre lettre d’une unitĂ© de mesure ou un symbole :

  • 18 kilos
  • 6,1 cm
  • 745 kilomĂštres
  • 19 °C
  • 48 €

Les sigles et acronymes

Un sigle ou un acronyme s’écrit en majuscule, avec ou sans point :  la SNCF, le CNRS, l’ONU, le FMI, HTML, CSS, etc.

Pour les acronymes que l’on peut prononcer comme un mot ordinaire, sans Ă©peler chaque lettre, une majuscule sur la 1Ăšre lettre suffit. Exemple : Unicef, Unesco.

RÚgles typographiques spécifiques au web

Pour faciliter la lecture des internautes :

  • privilĂ©giez des polices d’écriture simples,
  • Ă©crivez les nombres en chiffres plutĂŽt qu’en lettres (mĂȘme en dessous de 10),
  • Ă©vitez de souligner du texte en dehors des liens.

Maintenant que vous avez toutes les clĂ©s pour ne plus faire d’erreurs typographiques, au boulot ! Et vous verrez qu’au fur et Ă  mesure, ça deviendra naturel et « logique Â» pour vous. Bien sĂ»r, c’est comme tout, il nous arrive de faire des erreurs typographiques par inadvertance ou mĂ©connaissance, mais le moins sera le mieux !

Adeline MANGIAROTTI

Adeline MANGIAROTTI

Killeuse du web

Vous partagez ?

Laisser un commentaire

Cet article a 6 commentaires

  1. Samia

    Bonjour Adeline
    Je n’ai pas fait de formation en administratif. Je viens de lire l’article de MĂ©lodie sur le mĂ©tier d’assistante virtuelle et votre article est vraiment trĂšs bien pour avoir des bases en rĂ©daction. J’ai imprimĂ© votre article pour l’avoir sous la main.
    Merci beaucoup

  2. Lucie

    Super rappel. Merci. J’ai beaucoup apprĂ©ciĂ© ton article !

  3. chloé

    Article super utile, malgrĂ© mon bagage de secrĂ©taire depuis maintenant 5 ans, je dĂ©couvre dans cet article des rĂšgles basiques que j’avais oubliĂ© et / ou pas apprises.

    Merci Ă  vous les filles pour tous vos bons conseils !

    1. Dorothée MANSUY

      La typo c’est toujours utile. C’est plutĂŽt le truc d’Adeline ça j’avoue ! 😅