En bref
- Ponctuation en français obéit à des règles d’espacement précises : certaines marques exigent une espace insécable, d’autres non.
- Les majuscules doivent garder leurs accentuation ; l’Académie le rappelle et les conséquences touchent SEO, titres et lisibilité.
- Sur le web, gérer les espaces fines, les pourcentages et la mise en forme des nombres évite des sauts de ligne incongrus et des erreurs d’affichage.
- Les guillemets français (« »), l’italique et la présentation des citations demandent des gestes techniques simples dans WordPress et dans les balises HTML pour rester conformes aux normes typographiques.
- Checklist pratique fournie pour corriger un contenu en production, avec repères chiffrés et fichiers / interfaces à vérifier.
Ponctuation en français : règles d’espacement et repères pratiques pour le web
Le cœur du problème sur un site, c’est rarement la faute d’orthographe isolée : c’est la ponctuation mal implémentée qui casse la lecture. Une page produit qui colle un point d’exclamation à la fin d’un titre sans espace insécable, et le guillemet tombe sur la ligne suivante. Le lecteur perd le fil, et l’impression de sérieux s’écroule.
La règle générale vaut pour l’édition papier et s’applique sur le web, mais il faut connaître les contraintes techniques. Le point et la virgule ne sont jamais précédés d’une espace. La virgule est suivie d’une espace normale. Pour les signes qui typiquement provoquent un saut de ligne gênant — deux-points, point-virgule, point d’interrogation, point d’exclamation — la bonne pratique est d’insérer une espace insécable avant le signe, puis une espace normale après.
Sur un éditeur WordPress classique (éditeur de blocs), il arrive que l’utilisateur tape un espace ordinaire avant un point d’interrogation. Il faut remplacer cette espace par une entité HTML non romptable : pour l’espace insécable classique, ou l’entité correspondante à la narrow no-break space U+202F si le design le réclame (ex. pour les guillemets français). Sur mobile, le navigateur peut rompre au mauvais endroit ; l’insécable évite que le signe reste seul en début ou fin de ligne.
Points de suspension et parenthèses suivent des règles différentes. Les points de suspension sont précédés et suivis d’une espace normale lorsqu’ils marquent la fin d’une phrase interrompue ; ils ne sont jamais précédés d’une espace si on les insère à l’intérieur d’un groupe de mots. Pour les parenthèses, la parenthèse ouvrante doit être précédée d’une espace si elle intervient dans une phrase, mais jamais suivie d’une espace; la parenthèse fermante ne prend pas d’espace avant, mais peut être suivie d’une virgule ou d’un point sans espace supplémentaire.
Les guillemets se répartissent en deux familles. Les guillemets anglais ( » « ) ne prennent pas d’espace avant le fermant, mais on met une espace après ; la version dite française (« ») exige une espace insécable à l’ouverture et à la fermeture selon les conventions actuelles. Les CMS encodent parfois mal ces caractères — vérifier la base de données et l’encodage UTF-8 est une étape qui revient fréquemment lors d’une migration.
Pour corriger en masse, deux approches : utiliser un plugin d’édition qui gère l’orthotypographie (vérifier compatibilité PHP 8.x et version du plugin en 2026) ou lancer une requête de search-and-replace sur la base de données. Si opting pour la DB, tester sur une copie : remplacer les espaces avant ? ! ; ; : par sign et vérifier l’affichage sur différents navigateurs. Un site qui a subi une migration foirée montre souvent les signes : double espaces partout, guillemets anglo-saxons mal transformés, accents perdus dans les titres.
Ce point technique se conclut par un geste simple à faire maintenant : vérifier trois pages critiques — page d’accueil, une fiche produit, un article de blog — et regarder si un signe de ponctuation est « orphelin » en début ou fin de ligne. Si oui, corriger avec des espaces insécables et tester sur mobile. Cette vérification évite une mauvaise première impression.
Majuscules et accentuation en français : règles d’usage et impact SEO en 2026
Les majuscules avec accent sont désormais la règle officielle. L’Académie française a rappelé que l’accentuation a une valeur orthographique et doit être conservée sur les lettres capitales. Concrètement, écrire un titre meta en majuscules sans accent peut changer le sens ou rendre la phrase ambiguë, et c’est visible dans les SERP quand Google affiche le titre tel quel.
Sur un CMS, plusieurs problèmes apparaissent. Les thèmes qui forcent les titres en CSS via text-transform: uppercase peuvent masquer visuellement les accents. Le texte réel dans le DOM conserve l’accent, mais certains exports, PDF ou traitements automatisés sur le serveur peuvent perdre l’accent si l’encodage n’est pas correctement géré. Vérifier l’en-tête HTTP et l’encodage de la base (UTF-8) reste une priorité technique que beaucoup négligent lors d’une migration vers un nouvel hébergeur comme o2switch ou une migration multi-environnement.
Les règles d’usage des majuscules suivent des repères facilement exploitables. On met une majuscule au début d’une phrase et aux noms propres. Les jours de la semaine et les langues prennent une minuscule en français. Les adjectifs dérivés de noms géographiques restent en minuscule sauf dans un contexte artistique ou historique si la convention l’exige. Pour les titres d’administration ou de fonction, la majuscule s’impose lorsque le titre sert d’adresse : Monsieur le Ministre, par exemple.
SEO et accessibilité sont concernés. Les meta titles doivent refléter le texte visible, et la présence d’accents sur les majuscules évite des confusions sémantiques qui jouent sur l’autorité du contenu. Pour les URLs, il est préférable de conserver une version sans accents (slug ASCII) pour la compatibilité, mais garder l’accentuation dans le titre affiché et les balises alt, aria-label et meta description.
Pratiques concrètes à mettre en place : vérifier que l’éditeur n’enlève pas les accents lors d’un passage par un visual editor; forcer le charset UTF-8 dans wp-config.php et dans la base de données; tester les exports CSV et les imports sur le nouvel environnement. Pour les fichiers templates, s’assurer que les fonctions d’affichage utilisent des entités HTML correctes ou UTF-8 direct selon la configuration.
Voici un tableau synthétique avec des cas d’usage et des exemples pour t’y retrouver.
| Contexte | Règle | Exemple |
|---|---|---|
| Titre meta | Garder l’accentuation sur les majuscules | «ÉVÉNEMENTS» affiché correctement dans la SERP |
| URL / slug | Utiliser version ASCII pour compatibilité | /evenements-2026 au lieu de /événements-2026 |
| Export CSV | Vérifier encodage UTF-8 BOM si nécessaire | Titres exportés sans caractères corrompus |
Pour terminer, appliquer ces règles évite des artefacts visibles en front et protège le référencement. Une page qui affiche correctement les accents renvoie une image plus professionnelle et réduit les risques d’erreur lors des traitements automatiques.
Nombres, pourcentages et signes mathématiques : typographie numérique adaptée au contenu
Écrire un prix, une statistique ou une mesure sur un site demande des règles précises. En français, la virgule sépare la partie entière de la décimale. Un nombre décimal s’écrit 3,14 et non 3.14. Les grands nombres se lisent plus facilement groupés par espaces : 1 000 000 pour un million. Les années ne prennent pas d’espaces groupés : 1950 reste 1950 sans espace. Ces conventions ont des conséquences pratiques : les microformats, JSON-LD et l’accessibilité doivent utiliser les mêmes conventions ou des formats normalisés sans ambiguïté.
Les signes mathématiques demandent une espace insécable avant et une espace après. Pour le pourcentage, la norme typographique française veut une espace insécable entre le chiffre et le symbole %, donc 100 % et non 100%. Sur le web, certains outils écrivent sans espace par défaut. Corriger ce point améliore la lisibilité et évite des découpages indésirables en responsive.
Les nombres composés s’écrivent avec un trait d’union entre 17 et 99 sauf pour les dizaines pleines. Ainsi on écrit vingt-deux, quatre-vingt-dix-neuf. Les centaines s’expriment sans tirets. Ces règles comptent peu dans une fiche technique, mais elles jouent sur la cohérence d’un catalogue produit et sur la qualité perçue par l’utilisateur.
Erreurs fréquentes observées sur des sites en production : utilisation du point décimal, absence d’espaces insécables, pourcentages collés au chiffre, numéros de téléphone formatés de façon incohérente. Pour corriger, un audit rapide sur les pages les plus consultées suffit : recherche par regex pour repérer « ([0-9]),([0-9]) » hors attributs HTML et remplacer si nécessaire, tout en testant sur copie de la base.
Accessibilité : les lecteurs d’écran interprètent parfois les espaces et ponctuations différemment. Préférer les entités standardisées et tester avec NVDA ou VoiceOver. Pour les fiches produits, afficher le prix en clair et dans les données structurées permet aux moteurs de recherche et aux marketplaces d’extraire le bon montant.
Le conseil pratique à garder : uniformiser le format des nombres dans le CMS et vérifier l’export CSV avant toute opération de masse. Un format homogène évite des régressions en production et réduit les tickets SAV liés à des erreurs d’affichage.
Guillemets, italique et présentation des citations : usages et mise en oeuvre sur WordPress
La gestion des citations sur un site demande plus qu’une simple paire de guillemets. Les guillemets français (« ») demandent une espace insécable après l’ouverture et avant la fermeture. L’italique est réservé aux titres d’œuvres, aux mots étrangers non intégrés et aux emphases ponctuelles. Pour la rédaction web, distinguer citation courte et citation longue (bloc) est utile : les courtes restent en ligne entourées de guillemets, les longues passent en bloc-quote avec attribution.
Dans l’éditeur Gutenberg de WordPress, l’éditeur visuel remplace parfois les guillemets par des guillemets droits ou des entités HTML. Il faut vérifier le HTML généré : remplacer » par « et » ou mieux encore utiliser l’entité Unicode et s’assurer que le thème inclut la bonne font-face pour éviter des glyphes manquants. Pour les citations de plusieurs lignes, utiliser la balise blockquote et ajouter l’attribut cite si nécessaire pour l’origine.
L’italique a ses limites. L’usage excessif pour insister sur un mot fatigue la lecture. Pour les titres d’œuvres, privilégier l’italique dans le texte et veiller à ce que le balisage HTML ( ou ) soit sémantique. Les outils SEO comme Rank Math et Yoast lisent le contenu et n’interfèrent pas avec l’italique, mais l’apparence visuelle peut être altérée par le CSS du thème. Tester sur mobile est indispensable.
Pour gérer automatiquement les espaces fines autour des guillemets ou les insécables, il existe des bibliothèques JavaScript légères ou des plugins PHP qui effectuent l’« orthotypographie ». Attention à la compatibilité : certains plugins n’ont pas été mis à jour depuis 2022 et posent problème sous PHP 8.2+. Privilégier des solutions maintenues en 2026 et vérifier la version indiquée.
Voici une règle simple à appliquer en production : lors de la rédaction, insérer   pour l’espace fine insécable (U+202F) si le thème utilise des guillemets français, sinon pour l’insécable classique. Tester le rendu sur Chrome, Firefox, Safari et mobile. Ce geste prévient les orphelins et améliore la restitution typographique des citations.
Adopter cette discipline facilite la lecture et donne une impression de sérieux. Une citation correctement présentée renforce la crédibilité du contenu.
Checklist pratique pour rédacteur web et gestionnaire de contenu : actions, outils et repères
Passer d’une intention à une page publiée sans erreur typographique demande une checklist opérationnelle. Elle s’applique au quotidien, avant une mise en production ou après une migration. Voici une liste concise et actionnable.
- Vérifier l’encodage de la base et du header HTTP (UTF-8).
- Contrôler trois pages critiques : page d’accueil, une fiche produit, un article phare.
- Remplacer les espaces problématiques par des espaces insécables où nécessaire (deux-points, point-virgule, points d’exclamation/interrogation, pourcentage).
- S’assurer que les majuscules conservent leur accentuation et que les exports CSV gardent l’encodage.
- Standardiser le format des nombres (virgule décimale, groupement par espace).
Outils recommandés : un plugin d’orthotypographie maintenu récemment, un éditeur de texte capable d’afficher les caractères invisibles, et un accès à phpMyAdmin ou WP-CLI pour des remplacements massifs testés sur une copie. Pour les titres SEO, valider l’affichage dans Google Search Console après mise à jour des meta titles.
Cas fréquent en production : une migration vers un hébergeur mutualisé où la conversion d’encodage transforme les caractères accentués. La méthode pour corriger inclut restaurer une sauvegarde, forcer UTF-8 dans wp-config.php et appliquer un script de normalisation. Si le site pèse sur la performance, planifier ces corrections hors période de pic et tester sur staging.
Voici un petit tableau d’outils et d’usages pour aller vite.
| Outil | Usage | Note pratique |
|---|---|---|
| Éditeur de texte (VSCode) | Rechercher et remplacer entités / insécables | Utiliser regex et sauvegarde avant action |
| WP-CLI | Search-replace sur la base | Tester d’abord sur staging |
| Plugin d’orthotypographie | Corriger automatiquement espaces fines | Vérifier compatibilité PHP 8.x |
Terminer ce processus par une vérification visuelle sur mobile et desktop. Ce geste évite les tickets SAV liés à l’affichage et garde la crédibilité du site intacte.
Doit-on toujours utiliser une espace insécable avant un point d’interrogation en français ?
Oui. Les signes comme le point d’interrogation, le point d’exclamation, le point-virgule et les deux-points doivent être précédés d’une espace insécable et suivis d’une espace normale pour éviter des retours à la ligne inesthétiques.
Faut-il écrire 100% ou 100 % sur un site web ?
La convention française exige une espace insécable avant le symbole pourcentage, donc écrire 100 %. Corriger en base si un plugin ou un thème supprime cette espace.
Les majuscules doivent-elles porter un accent ?
Oui. L’accentuation sur les majuscules a une valeur orthographique. Il faut s’assurer que les titres affichés et les exports conservent ces caractères en UTF-8.
Comment corriger les guillemets français mal rendus après une migration ?
Vérifier l’encodage UTF-8, remplacer les guillemets droits par les entités « et » ou utiliser la narrow no-break space U+202F autour des guillemets français pour un rendu propre.