Skip to content

Phase 11 — Contenu

Le contenu, c'est ce que vos utilisateurs lisent

Vous pouvez avoir le plus beau design du monde, si votre texte contient des fautes ou « Lorem Ipsum dolor sit amet » sur la page Contact, vos visiteurs penseront que le site est abandonné ou non professionnel. Le contenu mérite une vérification dédiée avant mise en ligne.

Objectifs de la phase

Cette phase couvre la section 11 de la checklist finale :

🔴 Critique🟠 Important🟢 Bonus
Pas de Lorem Ipsum en productionContenu à jourPolitique de confidentialité
Orthographe vérifiéeMentions légales présentes
Liens fonctionnels

Plus jamais de Lorem Ipsum

Le Lorem Ipsum est un faux texte utile pendant la conception pour visualiser la mise en page. Il ne doit jamais arriver en production.

Pourquoi c'est critique

  • Donne l'impression d'un site abandonné ou non terminé
  • Peut être indexé par Google et apparaître dans les résultats de recherche
  • Casse la confiance des utilisateurs (« si même le texte n'est pas fini, le service marche-t-il ? »)

Comment vérifier

MéthodeCommande
Recherche dans le navigateurCmd/Ctrl+F → « Lorem » sur chaque page
Recherche dans le code sourceDans votre IDE : « Find in Files » → Lorem ou dolor sit amet
Recherche Google site:site:votre-site.com "lorem ipsum"

Variantes à chercher

Outre Lorem Ipsum, traquez aussi : dolor sit amet, consectetur, placeholder text, À compléter, TODO, XXX, tbd.

Orthographe et typographie

Une faute d'orthographe sur la page d'accueil peut faire perdre 30 % de crédibilité (étude Stanford 2024). C'est l'une des vérifications les plus rentables.

Outils gratuits

OutilTypeForce
LanguageToolExtension navigateur + en ligneMultilingue, détecte fautes + style — languagetool.org
AntidoteLogiciel payantRéférence en français, intégration Word/Pages
Bon PatronEn ligne gratuitSpécialisé français — bonpatron.com
Reverso CorrecteurEn ligne gratuitFrançais rapide — reverso.net/orthographe

Méthode efficace

  1. Copier-coller chaque page dans LanguageTool ou Antidote
  2. Vérifier chaque suggestion (les correcteurs se trompent parfois)
  3. Relire à voix haute — révèle les phrases boiteuses que le correcteur n'attrape pas
  4. Faire relire par quelqu'un d'autre — vos propres yeux sautent vos propres fautes

Règles typographiques françaises souvent oubliées

  • Espace insécable avant : ; ! ? » (sur Mac : Option+Espace)
  • Guillemets français « ... » au lieu des "..." anglo-saxons
  • Tiret cadratin — (long) pour les incises, pas le simple -
  • Apostrophe typographique ’ au lieu de l'apostrophe droite '

Liens fonctionnels

Un lien cassé en production = friction utilisateur et perte de SEO.

Vérifier manuellement

Sur chaque page, cliquer sur chaque lien (interne, externe, footer, menu, breadcrumb). C'est fastidieux mais c'est la méthode la plus fiable pour un petit site (< 20 pages).

Vérifier avec un outil

OutilTypeUsage
W3C Link CheckerEn ligne gratuitScan complet d'un site — validator.w3.org/checklink
Dead Link CheckerEn ligne gratuitRapide, jusqu'à 2000 liens — deadlinkchecker.com
Broken Link CheckerPlugin WordPressNotifie automatiquement les liens cassés — wordpress.org/plugins/broken-link-checker
LinkChecker (CLI)Outil ligne de commandePour les sites statiques — pip install LinkChecker

Vérifiez aussi les liens vers vos propres images

Une image renommée mais pas mise à jour dans le HTML donne un 404 invisible (l'icône brisée n'est pas toujours frappante). Pa11y et le W3C Link Checker remontent ce type de cas.

Contenu à jour

Un site avec « Soldes d'été 2024 » sur la page d'accueil en mai 2026 fait perdre toute confiance.

Vérifications

  • Date de copyright : © 2026 Mon entreprise dans le footer, mise à jour chaque année
  • Actualités / blog : si la dernière news date de 2 ans, soit on en publie une nouvelle, soit on retire la section
  • Équipe / contact : noms, photos, téléphones, e-mails encore valides
  • Tarifs et offres : prix corrects, conditions à jour
  • Horaires : si le site mentionne des horaires d'ouverture, qu'ils correspondent à la réalité

Automatiser la date de copyright

Au lieu d'écrire © 2026 en dur, utiliser JS pour générer l'année automatiquement.

html
<p>&copy; <span id="year"></span> Mon entreprise</p>
<script>document.getElementById('year').textContent = new Date().getFullYear();</script>

Ou en PHP : <?php echo date('Y'); ?>.

Mentions légales (obligatoires en Suisse et UE)

Tout site professionnel ou commercial doit afficher des mentions légales. En Suisse, c'est exigé par la LCD (Loi sur la concurrence déloyale). En UE, par les directives RGPD.

Contenu minimal

ÉlémentObligatoire pour
Nom de l'éditeur (personne ou entreprise)Tous
AdresseEntreprises
Contact (e-mail ou téléphone)Tous
Numéro IDE / SIRETEntreprises suisses / françaises
Hébergeur (nom + adresse)Tous
Directeur de publicationMédias, sites professionnels

Où placer le lien

Au minimum dans le footer de toutes les pages, généralement intitulé « Mentions légales » ou « Impressum » (en Suisse alémanique).

Page d'exemple

Politique de confidentialité (RGPD)

Obligatoire dès que vous collectez la moindre donnée personnelle : formulaire de contact, inscription newsletter, analytics, cookies, comptes utilisateurs.

Contenu attendu

  • Quelles données sont collectées (nom, e-mail, IP, comportement)
  • À quoi elles servent (finalité)
  • Combien de temps elles sont conservées
  • Avec qui elles sont partagées (sous-traitants, hébergeur)
  • Quels sont les droits de l'utilisateur (accès, suppression, portabilité)
  • Comment exercer ces droits (contact)
  • Mention des cookies si présents

Bandeau cookies

Si vous utilisez Google Analytics, Hotjar, ou tout outil qui pose des cookies traceurs, vous devez afficher un bandeau de consentement RGPD-conforme avant tout dépôt. Voir Tarteaucitron pour un outil gratuit et libre. Solution alternative : utiliser Plausible ou Umami (analytics cookieless qui n'ont pas besoin de bandeau).

Checklist de la Phase 11

  • Aucune occurrence de « Lorem Ipsum », « TODO », « XXX » dans le site publié
  • Orthographe vérifiée avec un outil (LanguageTool, Antidote, Bon Patron)
  • Tous les liens internes et externes testés (manuellement ou via Link Checker)
  • Date de copyright à jour
  • Actualités / blog cohérents avec la date actuelle
  • Coordonnées (e-mail, téléphone, adresse) vérifiées
  • Mentions légales présentes (lien dans le footer)
  • Bonus : Politique de confidentialité présente si collecte de données

Étape finale

Le contenu est prêt. Consultez la checklist finale interactive pour la validation point par point avant la mise en ligne, puis explorez la page Suivi en production pour les outils à mettre en place après le lancement.

Documentation pour les cours de développement web