Rechercher
Saisissez au moins deux caractères, sans donnée personnelle.

    BibliothèqueArticles et FAQ Votre projetDemander un devis
    LangueFR
    Ressources pratiques

    Guides pratiques : créer, améliorer et entretenir un site web

    Partez d’un problème concret : une demande qui n’arrive plus, une page moins visible, une refonte ou une traduction à préparer. Chaque guide aide à définir ce qu’il faut observer, vérifier et transmettre avant de décider.

    Documents et maquettes de pages disposés sur un bureau
    6 points de départ

    Quel problème cherchez-vous à éclaircir ?

    Choisissez une situation proche de la vôtre. Ces parcours proposent un ordre de lecture et des vérifications, sans diagnostiquer votre site à distance. Vous pouvez ensuite parcourir toute la bibliothèque.

    Les demandes du formulaire n’arrivent plus

    À observer d’abord

    Relevez la page, l’heure d’un essai et la différence entre le message affiché et la réception réelle. Utilisez une référence de test sans donnée client.

    Ordre de lecture

    1. Concevoir un formulaire de contact qui aide vraiment

      Vérifier ce que demande le formulaire et ses états d’erreur.

    2. Vérifier que les emails du site arrivent réellement

      Suivre l’acheminement jusqu’à la boîte destinataire.

    3. Organiser le suivi des demandes reçues par un site web

      Préciser qui attribue et traite les demandes reçues.

    Une page semble avoir perdu de la visibilité

    À observer d’abord

    Identifiez une page et une période comparables, puis distinguez présence dans l’index, impressions, clics et demandes. Notez les changements connus du site.

    Ordre de lecture

    1. Diagnostiquer une page absente de Google

      Comprendre l’état d’accès et d’indexation de la page.

    2. Suivre la visibilité de son site dans Search Console

      Examiner les pages et requêtes avec des filtres comparables.

    3. Prioriser les corrections d’un site web à partir de preuves

      Prioriser les corrections sur les éléments observés.

    Une refonte est envisagée

    À observer d’abord

    Repérez ce qui doit changer et ce qui fonctionne encore : pages utiles, anciennes adresses, contenus approuvés et parcours de contact.

    Ordre de lecture

    1. Préparer un cahier des charges de site web vraiment utile

      Définir le besoin et la première version attendue.

    2. Migrer un site web sans perdre ses contenus utiles

      Préparer les destinations des contenus et des anciennes adresses.

    3. Vérifier un site avant sa mise en ligne

      Vérifier les parcours avant et après la bascule.

    Des informations deviennent contradictoires ou périmées

    À observer d’abord

    Choisissez un fait précis, ses occurrences et la personne capable de le confirmer. Distinguez une information dépassée d’une affirmation dont l’origine est inconnue.

    Ordre de lecture

    1. Organiser les contenus d’un site dans la durée

      Attribuer les responsabilités de publication et de mise à jour.

    2. Vérifier les sources et les preuves d’un contenu web

      Retrouver les preuves et leur périmètre.

    3. Retirer ou archiver les contenus périmés de son site

      Décider quoi corriger, regrouper ou retirer.

    Une version dans une autre langue doit être publiée

    À observer d’abord

    Listez les pages, messages de formulaire, menus et conditions concernés. Identifiez un relecteur compétent et les informations réellement adaptées au public visé.

    Ordre de lecture

    1. Préparer un site multilingue sans perdre le sens

      Préparer les langues, les adresses et la responsabilité des contenus.

    2. Relire les traductions d’un site au-delà des mots

      Vérifier les pages et un parcours complet dans chaque langue publiée.

    Il faut préparer la reprise et le suivi du site

    À observer d’abord

    Identifiez les comptes, les intervenants et les fonctions essentielles. Relevez ce qui est connu sur les copies disponibles et sur leur dernière vérification.

    Ordre de lecture

    1. Entretenir un site internet après sa publication

      Définir les interventions et les responsabilités de suivi.

    2. Tester la restauration d’un site avant l’incident

      Vérifier une restauration dans un environnement isolé.

    3. Recevoir ou transmettre un site web sans perdre sa maîtrise

      Organiser les accès, consignes et informations de gestion.

    Explorer toute la bibliothèque →

    102 guides pratiques

    Préparer, tester et améliorer un site utile

    102 guides

    Illustration de la préparation d’un projet web : Préparer un cahier des charges de site web vraiment utile Préparer

    Préparer un cahier des charges de site web vraiment utile

    Un bon cahier des charges permet de prendre des décisions et de comparer des propositions sur une base commune. Il décrit le résultat attendu, les contraintes réelles et la manière de vérifier le travail livré.

    Lire le guide
    Illustration de la préparation d’un projet web : Choisir et préparer les images d’un site web Illustrer

    Choisir et préparer les images d’un site web

    Une image utile montre une activité, une personne, un lieu, un produit ou une étape que le texte seul décrit moins bien. Son choix doit partir de la page et du besoin du visiteur, puis être validé avant les retouches et l’optimisation.

    Lire le guide
    Illustration de la préparation d’un projet web : Vérifier un site avant sa mise en ligne Vérifier

    Vérifier un site avant sa mise en ligne

    La recette consiste à suivre les tâches que les visiteurs accompliront réellement. Elle permet de repérer les blocages avant publication, de décider ce qui doit être corrigé et de conserver une preuve des vérifications.

    Lire le guide
    Illustration de la préparation d’un projet web : Tester l’accessibilité d’un site web avec méthode Accessibilité

    Tester l’accessibilité d’un site web avec méthode

    Un contrôle utile suit les tâches que les visiteurs doivent accomplir. Il combine plusieurs modes de navigation et consigne les obstacles observés, page par page et étape par étape.

    Lire le guide
    Illustration de la préparation d’un projet web : Migrer un site web sans perdre ses contenus utiles Migrer

    Migrer un site web sans perdre ses contenus utiles

    Changer de plateforme ou de structure touche les adresses connues, les liens et les habitudes des visiteurs. Une migration se prépare page par page, à partir de ce qui existe réellement.

    Lire le guide
    Illustration de la préparation d’un projet web : Améliorer la performance d’un site page par page Performance

    Améliorer la performance d’un site page par page

    Un site rapide aide surtout quand les informations et les actions restent disponibles sans attente ni déplacement inattendu. Mesurez les pages qui comptent avant de réduire des fichiers au hasard.

    Lire le guide
    Une personne pointe des repères sur une carte affichée sur une tablette, dans une boutique fleurie. Présence locale

    Préparer une présence locale honnête et utile

    Une personne qui cherche près de chez elle veut savoir si vous pouvez vraiment intervenir, dans quelles conditions et comment vous joindre. Les informations locales doivent répondre à ces questions sans simuler une implantation.

    Lire le guide
    Illustration de la préparation d’un projet web : Organiser les contenus d’un site dans la durée Contenus

    Organiser les contenus d’un site dans la durée

    Un site complet dépend moins d’une cadence de publication que de contenus fiables, faciles à retrouver et à maintenir. Une méthode simple évite les pages abandonnées et les versions qui se contredisent.

    Lire le guide
    Illustration de la préparation d’un projet web : Choisir un CMS à partir du travail réel de l’équipe CMS

    Choisir un CMS à partir du travail réel de l’équipe

    Le bon système de gestion de contenu est celui que votre équipe peut utiliser, faire évoluer et quitter dans des conditions connues. Commencez par les tâches de publication, puis vérifiez les coûts et responsabilités.

    Lire le guide
    Illustration de la préparation d’un projet web : Concevoir un formulaire de contact qui aide vraiment Formulaires

    Concevoir un formulaire de contact qui aide vraiment

    Un formulaire utile permet de formuler une demande sans effort inutile et de comprendre ce qui se passe après l’envoi. Sa réussite se juge sur le parcours complet, pas sur le clic du bouton.

    Lire le guide
    Illustration de la préparation d’un projet web : Tester la restauration d’un site avant l’incident Reprise

    Tester la restauration d’un site avant l’incident

    Une sauvegarde n’est utile que si elle permet de remettre en service les contenus et fonctions attendus. Une répétition contrôlée révèle les fichiers manquants, les dépendances oubliées et le temps réellement nécessaire.

    Lire le guide
    Deux personnes comparent un site sur ordinateur à un inventaire imprimé, près d’un disque externe. Transmission

    Recevoir ou transmettre un site web sans perdre sa maîtrise

    Une transmission réussie se constate : les bonnes personnes peuvent publier, maintenir, sauvegarder et faire évoluer le site. Une simple liste de mots de passe ne décrit ni les dépendances ni les tâches à reprendre.

    Lire le guide
    Illustration de la préparation d’un projet web : Vérifier les données structurées d’un site web Données

    Vérifier les données structurées d’un site web

    Un balisage valide ne corrige pas une information fausse. Le contrôle commence par la page visible, puis examine le code, les URL et l’éligibilité éventuelle à une présentation enrichie.

    Lire le guide
    Illustration de la préparation d’un projet web : Publier des contenus web accessibles au quotidien Publication

    Publier des contenus web accessibles au quotidien

    L’accessibilité ne dépend pas seulement du code. Les personnes qui rédigent, traduisent et mettent à jour les pages influencent directement leur lisibilité et leur usage au clavier ou avec une technologie d’assistance.

    Lire le guide
    Illustration de la préparation d’un projet web : Tester un parcours de commande de bout en bout Vente

    Tester un parcours de commande de bout en bout

    Une fiche produit correcte ne suffit pas si la commande se perd ensuite. La recette d’une boutique suit une commande complète et vérifie ce que voient le client et l’équipe qui doit l’exécuter.

    Lire le guide
    Illustration de la préparation d’un projet web : Vérifier les sources et les preuves d’un contenu web Sources

    Vérifier les sources et les preuves d’un contenu web

    Une page peut être fluide et néanmoins induire en erreur si ses chiffres, dates, capacités ou exemples ne sont pas vérifiés. Le travail éditorial consiste aussi à montrer d’où viennent les affirmations importantes.

    Lire le guide
    Illustration de la préparation d’un projet web : Préparer la réponse à un incident de site web Incidents

    Préparer la réponse à un incident de site web

    Une panne, un formulaire silencieux ou une erreur de contenu n’a pas le même impact. Un plan court aide l’équipe à constater les faits, limiter la gêne et vérifier la reprise sans improviser dans l’urgence.

    Lire le guide
    Illustration de la préparation d’un projet web : Tester un parcours de réservation en ligne Réservation

    Tester un parcours de réservation en ligne

    Une réservation réussie doit correspondre à un créneau réellement disponible et être compréhensible pour le client comme pour l’équipe qui l’honore. Le test va au-delà du bouton « Réserver ».

    Lire le guide
    Illustration de la préparation d’un projet web : Construire un comparatif honnête de solutions web Comparatif

    Construire un comparatif honnête de solutions web

    Un comparatif utile aide à prendre une décision dans un contexte précis. Il explique ce qui a été essayé, ce qui manque et pourquoi une solution peut convenir à une équipe mais pas à une autre.

    Lire le guide
    Illustration de la préparation d’un projet web : Organiser le suivi des demandes reçues par un site web Demandes

    Organiser le suivi des demandes reçues par un site web

    Un formulaire qui fonctionne ne suffit pas si les messages restent dans une boîte commune, arrivent à la mauvaise personne ou n’obtiennent jamais de réponse. Le parcours doit être testé jusqu’à sa conclusion.

    Lire le guide
    Deux personnes comparent des planches de photos sur une table, près d’un appareil photographique. Photographie

    Préparer une séance photo originale pour son site web

    Des photos originales montrent le lieu, les personnes et le travail tels qu’ils sont. Une séance réussie commence par les besoins des pages, avant le choix du matériel ou du décor.

    Lire le guide
    Illustration de la préparation d’un projet web : Présenter son équipe et ses compétences sur un site web Équipe

    Présenter son équipe et ses compétences sur un site web

    Une page équipe rassure lorsqu’elle montre qui intervient, pour quoi faire et comment le travail est organisé. Elle perd cette valeur si les rôles, les portraits ou les références ne correspondent plus à la réalité.

    Lire le guide
    Illustration de la préparation d’un projet web : Publier des documents téléchargeables utiles et accessibles Documents

    Publier des documents téléchargeables utiles et accessibles

    Un document téléchargeable peut rendre service lorsqu’il garde une mise en page ou doit être conservé. Il ne devrait pas cacher une information essentielle derrière un fichier lourd, périmé ou difficile à lire.

    Lire le guide
    Illustration de la préparation d’un projet web : Publier des pages d’événements exactes et à jour Événements

    Publier des pages d’événements exactes et à jour

    Une page événement doit répondre vite aux questions pratiques. Sa qualité dépend aussi de ce qui se passe lorsque les horaires changent, que les places sont complètes ou que l’événement est terminé.

    Lire le guide
    Illustration de la préparation d’un projet web : Tester la navigation et les menus d’un site web Navigation

    Tester la navigation et les menus d’un site web

    Un menu réussi permet de prévoir où mène chaque choix. Son test doit partir des tâches des visiteurs, et non seulement de la structure imaginée par l’équipe.

    Lire le guide
    Illustration de la préparation d’un projet web : Rédiger une FAQ utile et facile à maintenir FAQ

    Rédiger une FAQ utile et facile à maintenir

    Une FAQ n’est pas un inventaire de slogans déguisés en questions. Elle aide lorsqu’elle répond à une hésitation fréquente sans obliger le lecteur à parcourir tout le site.

    Lire le guide
    Illustration de la préparation d’un projet web : Publier des vidéos accessibles et utiles sur son site Vidéo

    Publier des vidéos accessibles et utiles sur son site

    Une vidéo peut montrer un geste ou expliquer un parcours mieux qu’un paragraphe. Elle doit rester compréhensible lorsque le son est coupé, que le lecteur ne peut pas lancer le média ou qu’il cherche un passage précis.

    Lire le guide
    Illustration de la préparation d’un projet web : Rendre les graphiques et tableaux compréhensibles Données

    Rendre les graphiques et tableaux compréhensibles

    Un graphique facilite une comparaison seulement si le lecteur peut retrouver ce que montrent les axes, les valeurs et les différences. La légende ne doit pas porter toute l’explication.

    Lire le guide
    Illustration de la préparation d’un projet web : Corriger les pages 404 et les liens cassés utilement Liens

    Corriger les pages 404 et les liens cassés utilement

    Une page introuvable n’est pas toujours un problème : elle peut suivre le retrait d’un contenu. Le problème apparaît lorsqu’un lien promis mène à une impasse ou qu’une redirection trompe le visiteur.

    Lire le guide
    Illustration de la préparation d’un projet web : Relire les traductions d’un site au-delà des mots Langues

    Relire les traductions d’un site au-delà des mots

    Deux pages peuvent être traduites phrase par phrase et offrir pourtant des expériences différentes. La recette multilingue doit vérifier le parcours complet dans chaque langue.

    Lire le guide
    Illustration de la préparation d’un projet web : Rendre ses contenus utiles dans la recherche avec IA Recherche IA

    Rendre ses contenus utiles dans la recherche avec IA

    Une réponse générée peut orienter vers une page, mais aucun format ne garantit sa citation. Le travail utile consiste à rendre les faits faciles à trouver, à vérifier et à maintenir.

    Lire le guide
    Illustration de la préparation d’un projet web : Organiser la pagination des longues listes Listes

    Organiser la pagination des longues listes

    Une liste qui charge tout d’un coup devient lente ; une liste dont les éléments suivants n’existent qu’après défilement peut laisser des contenus introuvables.

    Lire le guide
    Illustration de la préparation d’un projet web : Préparer les aperçus de partage de ses pages Partage

    Préparer les aperçus de partage de ses pages

    Un lien partagé peut être le premier contact avec une page. Un aperçu vague ou coupé donne peu de raisons de l’ouvrir et peut présenter une ancienne offre.

    Lire le guide
    Illustration de la préparation d’un projet web : Suivre la visibilité de son site dans Search Console Recherche

    Suivre la visibilité de son site dans Search Console

    Search Console aide à observer comment Google découvre et présente les pages. Ses rapports deviennent utiles lorsqu’on les relie aux pages importantes et aux questions des visiteurs.

    Lire le guide
    Deux personnes comparent trois lampes avec un tableau de caractéristiques affiché sur une tablette. Comparer

    Concevoir une comparaison de produits vraiment utile

    Un comparateur aide lorsque les produits sont proches mais pas interchangeables. Il doit éclairer les différences qui comptent pour l’usage, pas seulement multiplier les cases cochées.

    Lire le guide
    Équipement réseau et ordinateur sur un bureau technique Cache HTTP

    Configurer le cache HTTP sans exposer de données privées

    Un cache accélère un site seulement si la réponse réutilisée convient à la personne et au moment de la visite. Une politique unique appliquée à tous les fichiers peut masquer une mise à jour ou exposer une réponse personnalisée.

    Lire le guide
    Clé de sécurité, carnet et ordinateur portable Comptes

    Organiser les comptes, les droits et la récupération d’accès

    La sécurité d’un compte comprend son ouverture, ses actions autorisées, sa récupération et sa fermeture. Un écran de connexion réussi ne prouve pas qu’un ancien collaborateur a perdu ses accès ni qu’une récupération est correctement contrôlée.

    Lire le guide
    Ordinateur et livres techniques sur un bureau Dépendances

    Gérer les dépendances logicielles d’un site web

    Une extension ou une bibliothèque facilite la création, mais ajoute une relation à suivre : version, origine, maintenance, compatibilité et déploiement. Le travail utile commence par un inventaire relié aux fonctions réellement utilisées.

    Lire le guide
    Examen d’un écran de diagnostic et d’un carnet Journaux

    Journaliser les erreurs sans exposer de données sensibles

    Un journal sert à comprendre une situation et à la traiter. Stocker chaque détail d’une requête crée du volume et peut copier des informations qui n’auraient jamais dû sortir de leur circuit d’usage.

    Lire le guide
    Deux ordinateurs, disque externe et feuilles de données Échanges

    Préparer un import ou un export de données fiable

    Un fichier qui s’ouvre n’est pas nécessairement exploitable. Un échange fiable conserve le sens des champs, distingue l’inconnu du zéro et permet de rapprocher les lignes sans transformer un libellé en identifiant fragile.

    Lire le guide
    Câbles réseau et tablette affichant un parcours Intégrations

    Fiabiliser les webhooks et les intégrations d’un site

    Une intégration ne se limite pas à recevoir une notification. Elle doit distinguer un événement valide, un doublon, un retard et un traitement interrompu pour éviter de répéter une opération métier.

    Lire le guide
    Schémas imprimés et ordinateur affichant du code Contrat API

    Documenter et tester une API à partir des usages

    Une API utile permet à une autre équipe de comprendre ce qu’elle peut demander et ce qu’elle recevra. Son contrat doit être testable, versionné et cohérent avec le service réellement exploité.

    Lire le guide
    Disque externe, dossier et interface d’envoi sur tablette Fichiers

    Préparer un envoi de fichiers utile et contrôlé

    Demander une pièce jointe ajoute un parcours complet : choix du fichier, transfert, contrôle, consultation et suppression. La fonction doit répondre à un besoin précis et pouvoir être exploitée par une personne identifiée.

    Lire le guide
    Carnets, tableau imprimé et ordinateur sur une table Données ouvertes

    Publier des données ouvertes compréhensibles et documentées

    Une donnée téléchargeable n’est pas encore une donnée comprise. Le réutilisateur doit pouvoir savoir qui l’a produite, ce qu’elle couvre, ce qu’elle ne couvre pas et comment interpréter ses champs.

    Lire le guide
    Dossiers de relecture et ordinateur sur un bureau Contributions

    Organiser les contributions et la modération d’un site

    Commentaires, avis, corrections et fiches proposées demandent une organisation après leur réception. Le formulaire visible n’est que la première étape d’un parcours qui doit permettre une décision compréhensible.

    Lire le guide
    Routeur portable, téléphone et ordinateur Hors ligne

    Préparer un site aux connexions lentes et aux interruptions

    Une connexion interrompue ne doit pas transformer une demande incertaine en réussite annoncée. Commencez par décider ce qui reste lisible, ce qui peut être préparé et ce qui exige une confirmation du serveur.

    Lire le guide
    Échantillons typographiques imprimés et tablette Polices

    Choisir et tester des polices web dans toutes les langues

    La typographie doit rester lisible quand une police tarde à arriver, quand une traduction est plus longue et quand un caractère ne figure pas dans le fichier. Une sélection visuelle ne suffit donc pas à valider son intégration.

    Lire le guide
    Téléphone affichant un panneau de préférences et carnet Consentement

    Tester le consentement aux traceurs dans les vrais parcours

    Un bandeau visible ne démontre pas que le site respecte le choix exprimé. La recette vérifie ce qui se charge et les actions qui restent possibles dans chaque état. Cette méthode opérationnelle accompagne une analyse des règles applicables au site ; elle ne délivre pas de certification.

    Lire le guide
    Deux personnes discutant d’une page affichée sur ordinateur Fiabilité

    Définir et suivre la fiabilité des parcours d’un site web

    Un site peut répondre avec un statut 200 alors que son formulaire échoue ou qu’une commande n’est jamais enregistrée. La fiabilité se définit à partir du service effectivement rendu au visiteur, avec des mesures compréhensibles et une réponse prévue lorsque la qualité baisse.

    Lire le guide
    Ordinateur et cadenas près d’équipements techniques Certificats TLS

    Automatiser et vérifier le renouvellement des certificats TLS

    Un certificat émis ne suffit pas : le bon certificat doit arriver jusqu’au navigateur, sur chaque domaine et point d’entrée. Ce guide aide à organiser ce cycle sans afficher de clé privée ni modifier les accès du site.

    Lire le guide
    Tablette et ordinateur affichant deux états d’interface Cookies tiers

    Tester les parcours lorsque les cookies tiers sont bloqués

    Un visiteur peut accepter un usage dans le site et conserver un navigateur qui bloque le stockage tiers. Séparez le choix exprimé dans le site de la capacité technique offerte par le navigateur : les deux doivent être testés.

    Lire le guide
    Deux personnes examinant un ordinateur portable Fichiers

    Nettoyer un projet web sans casser le site

    Un dossier volumineux ne se nettoie pas à partir de ses seuls noms de fichiers. Séparez ce qui sert aux visiteurs, ce qui produit le site et ce qui documente les interventions ; vérifiez les dépendances avant toute suppression.

    Lire le guide
    Voyant lumineux et panneau d’information sur ordinateur Incidents

    Informer les visiteurs pendant une indisponibilité

    Une interruption utilement expliquée permet au visiteur de comprendre ce qui reste possible. Préparez le message et le canal de secours avant l’incident, puis distinguez les faits confirmés des estimations de rétablissement.

    Lire le guide
    Calendrier et tablette sur un comptoir Présence locale

    Publier des horaires exceptionnels fiables

    Des horaires contradictoires peuvent provoquer un déplacement inutile. Préparez une source de référence qui distingue l’accueil du public, les services annexes et les exceptions ; publiez uniquement les créneaux confirmés par le lieu concerné.

    Lire le guide
    Ordinateur affichant une messagerie et enveloppe Emails

    Vérifier que les emails du site arrivent réellement

    Un formulaire peut enregistrer une demande alors que sa notification n’arrive jamais. La confirmation à l’écran, l’acceptation par le serveur d’envoi et la réception en boîte sont trois états distincts. Ce guide aide à les tester séparément.

    Lire le guide
    Câbles et schéma de connexion près d’un ordinateur DNS

    Changer les DNS sans couper le site ni la messagerie

    Changer d’hébergeur web ne nécessite pas toujours de changer de registrar ou de serveurs DNS. Commencez par préciser l’opération : déplacer le site, transférer le domaine ou remplacer le service qui publie sa zone. Les dépendances et les tests diffèrent.

    Lire le guide
    Examen de résultats de recherche sur un ordinateur Indexation

    Diagnostiquer une page absente de Google

    Une page publiée n’est pas nécessairement indexée, et une page indexée n’est pas assurée d’apparaître pour une requête précise. Le diagnostic commence par l’URL exacte et l’état observé, avant toute réécriture du contenu.

    Lire le guide
    Personnes examinant des notes et des maquettes Arabe et RTL

    Tester une interface arabe et les textes bidirectionnels

    Traduire les phrases ne suffit pas pour une version arabe. Une interface peut mêler arabe, noms français, numéros, emails et URLs. Ces éléments doivent conserver leur sens, leur ordre et leurs actions sur téléphone, au clavier et lors d’un copier-coller.

    Lire le guide
    Maquettes de pages et flèches de parcours sur papier Redirections

    Préparer et tester un plan de redirections d’URL

    Une ancienne adresse peut avoir des visiteurs, des liens et des documents qui la citent. Un plan de redirections explique ce que chaque adresse devient. Il sert à conserver un parcours utile lors d’une refonte, d’un changement de domaine ou d’une fusion de contenus.

    Lire le guide
    Deux personnes comparant un ordinateur et des notes Préproduction

    Protéger et tester la préproduction d’un site web

    Une préproduction permet de relire un site et de tester ses parcours avant publication. Elle doit aussi empêcher les visiteurs involontaires, les envois réels et la confusion avec le site public. La recette commence donc par vérifier l’environnement lui-même.

    Lire le guide
    Personne consultant deux écrans de suivi technique Stockage navigateur

    Tester le stockage local et l’export des données du navigateur

    Une préférence mémorisée ou un carnet conservé dans le navigateur peut faciliter un retour. Il faut pourtant expliquer où les données restent, quand elles peuvent disparaître et comment les récupérer. Le stockage local ne doit pas être la seule copie d’un travail important.

    Lire le guide
    Personnes organisant des notes sur un mur Composants

    Choisir et tester les composants d’une interface web

    Un composant est une partie réutilisable d’une interface : commande, champ, navigation ou présentation de données. Son apparence ne suffit pas à décider de son usage. Le bon choix permet au visiteur de comprendre ce qui va se passer, d’agir et de retrouver sa place après l’action.

    Lire le guide
    Tablette affichant une fenêtre au-dessus d’une page Dialogues

    Concevoir et tester une fenêtre de dialogue modale

    Une fenêtre modale suspend l’interaction avec le reste de la page. Elle convient à une décision courte qui exige une réponse avant de continuer. Une longue lecture, une présentation de service ou un formulaire complexe peuvent gagner à disposer d’une page dédiée.

    Lire le guide
    Ordinateur affichant des sections et notes pliées Accordéons

    Organiser les contenus avec des accordéons et des détails

    Un accordéon regroupe des sections que le lecteur peut ouvrir et refermer. Il réduit la place occupée au départ, mais ajoute un effort de découverte. Décidez d’abord quelles informations doivent être lues immédiatement et lesquelles constituent un complément.

    Lire le guide
    Écran présentant plusieurs vues et intercalaires colorés Onglets

    Choisir et tester des onglets dans une interface web

    Les onglets affichent alternativement plusieurs panneaux dans un même ensemble. Ils sont utiles pour changer de vue sur un objet. Si chaque partie mérite une adresse ou si le lecteur doit comparer les contenus simultanément, des liens ou des sections visibles peuvent mieux convenir.

    Lire le guide
    Téléphone présentant des suggestions près d’une carte Autocomplétion

    Concevoir une autocomplétion pour choisir une valeur

    L’autocomplétion propose des valeurs pendant la saisie. Elle peut aider à choisir une commune ou un produit dans une longue liste. Sa valeur dépend aussi de la qualité des données et de ce qui se passe lorsqu’aucune suggestion ne correspond au besoin.

    Lire le guide
    Personne triant des images devant un écran Galeries

    Choisir et tester un carrousel ou une galerie d’images

    Un carrousel montre successivement une partie d’un ensemble. Une galerie montre plusieurs éléments simultanément. Le choix dépend de la tâche : regarder une série, comparer des détails ou retrouver une photographie précise. L’animation n’apporte pas, à elle seule, une meilleure compréhension.

    Lire le guide
    Téléphone et tablette présentant une navigation Menu mobile

    Concevoir une navigation mobile et ses sous-menus

    Une navigation aide à rejoindre une page. Sur mobile, une partie des liens peut être regroupée dans un panneau. Le visiteur doit toujours comprendre comment ouvrir ce panneau, choisir une destination et revenir à la page sans rester bloqué dans la navigation.

    Lire le guide
    Écran présentant une confirmation sur un bureau Messages d’état

    Rédiger et annoncer les messages d’état d’une interface

    Un message d’état explique ce qui vient de se passer sans nécessairement changer de page : recherche terminée, envoi en cours ou sauvegarde échouée. Il doit décrire une situation réelle et aider la personne à décider si elle attend, corrige, recommence ou poursuit.

    Lire le guide
    Tablette et tableaux imprimés sur une table Tableaux

    Publier des tableaux de données lisibles et accessibles

    Un tableau relie des valeurs à des lignes et à des colonnes. Il permet de comparer des offres, des mesures ou des caractéristiques. Sa qualité dépend autant des données que de la structure : le lecteur doit comprendre ce que chaque valeur signifie et quelles limites accompagnent la comparaison.

    Lire le guide
    Maquettes de commandes imprimées et tablette Liens et boutons

    Choisir les liens, boutons et actions d’une interface

    Un lien mène à une destination ; un bouton déclenche une action. Cette distinction aide la personne à anticiper le résultat, à naviguer au clavier et à utiliser les fonctions du navigateur. La forme ou la couleur d’une commande ne remplace pas son rôle.

    Lire le guide
    Calendrier papier et sélection de date sur téléphone Dates

    Concevoir une saisie de date et un calendrier de réservation

    Choisir une date peut signifier indiquer une naissance, demander un rendez-vous ou réserver un séjour. Ces tâches ne nécessitent pas le même composant. Avant de dessiner un calendrier, précisez la donnée attendue et la décision que cette sélection produit.

    Lire le guide
    Main déplaçant une carte papier près d’une tablette Réordonner

    Permettre de réordonner des éléments sans glisser-déposer

    Le glisser-déposer permet de déplacer un fichier, une carte ou un élément d’une liste. Ce geste peut être difficile ou impossible selon l’appareil et les capacités de la personne. Le parcours doit aussi proposer une manière compréhensible d’obtenir le même résultat.

    Lire le guide
    Ordinateur et tablette sur un bureau, avec des cartes regroupées pour planifier les corrections d’un site. Prioriser les corrections d’un site web à partir de preuves

    Prioriser les corrections d’un site web à partir de preuves

    Un formulaire qui n’aboutit pas, un menu inaccessible au clavier ou une information contradictoire ne demandent pas la même intervention. Ce guide aide à prioriser les corrections d’un site web, à réunir les preuves et à définir un résultat vérifiable avant d’engager le prochain lot.

    Lire le guide
    Cartes de questions reliées par des fils bleus à des maquettes de pages et à des cartes d’actions. Relier les intentions de recherche aux bonnes pages et réponses

    Relier les intentions de recherche aux bonnes pages et réponses

    Vos visiteurs cherchent un prix, une méthode, une définition ou une prochaine action. Ce guide montre comment relier ces intentions de recherche aux bonnes pages, compléter les réponses manquantes et organiser les liens utiles pour le SEO, les recherches avec IA et l’expérience de visite.

    Lire le guide

    Une question plus précise ?

    La bibliothèque d’articles couvre la visibilité, les contenus, l’expérience utilisateur et la maintenance.

    Parcourir les articles