Le guide - Création de site internet
Un site internet n'est pas une vitrine.C'est un système qui relie votreorganisation à ses publics.
Créer un site internet ne consiste plus uniquement à assembler des pages. Un site est aujourd'hui un outil de communication, de recrutement, de commercialisation, de relation client, d'information et parfois même de service public. Il doit être rapide, accessible, compréhensible, visible, évolutif.
Ce guide explique comment concevoir un site internet réellement utile, quels sont les choix qui influencent sa performance, et pourquoi le design ne représente qu'une partie du projet.
Résoudre un problème
Pourquoi créerun site internet ?
Le site web est souvent le premier contact avec une organisation. Prospects, clients, citoyens, partenaires, collaborateurs, candidats : chaque public y suit un parcours différent. Un bon site ne cherche pas seulement à être beau. Il doit résoudre un problème.
Ce qu'un site peut faire
- Présenter une activité
- Recruter
- Vendre
- Informer
- Accompagner
- Répondre aux obligations
- Valoriser une marque
- Centraliser des ressources
La galerie
Les différentstypes de sites.
Le site vitrine
Présenter l'essentiel d'une activité
Rapide à produire, clair à maintenir.
Limite : Peu de visibilité s'il n'est pas nourri.
Pour : Artisans, professions libérales, PME.
Le site institutionnel
Porter la parole d'une organisation
Crédibilité, information de référence.
Limite : Exige une gouvernance des contenus.
Pour : Collectivités, institutions, grandes entreprises.
Le site de marque
Faire vivre un univers
Émotion, différenciation, mémorisation.
Limite : Doit rester utilisable au-delà de l'effet.
Pour : Marques grand public, produits, lancements.
Le site événementiel
Accompagner un temps fort
Ciblé, daté, efficace.
Limite : Durée de vie courte par nature.
Pour : Festivals, salons, anniversaires.
La plateforme éditoriale
Installer une autorité par les contenus
Le SEO le plus durable qui soit.
Limite : Demande un rythme de publication tenu.
Pour : Médias de marque, guides experts, ce site même.
L'intranet
Informer et outiller les équipes
Centralise l'interne.
Limite : Vit ou meurt par son adoption.
Pour : Organisations multi-sites, grandes équipes.
L'extranet
Servir des partenaires identifiés
Fluidifie la relation.
Limite : Sécurité et comptes à gérer.
Pour : Fournisseurs, adhérents, clients grands comptes.
L'e-commerce
Vendre en ligne
Le canal de vente qui ne ferme jamais.
Limite : Logistique, paiement, service client.
Pour : Commerces, marques, producteurs.
L'application web
Rendre un service en ligne
L'outil sur mesure, accessible partout.
Limite : Le projet le plus exigeant techniquement.
Pour : Simulateurs, espaces usagers, démarches.
Avant de parler design
Définirles objectifs.
Avant de parler de design, il faut répondre à cinq questions. Ce sont elles qui décident de tout le reste : l'arborescence, les contenus, les fonctionnalités, le budget.
- Pourquoi créer ce site ?
- Qui va l'utiliser ?
- Que doit-il permettre ?
- Quels contenus ?
- Quels indicateurs de réussite ?
Le parcours d'abord
L'expérienceutilisateur (UX).
Chaque visite raconte le même voyage. À chaque étape, le site retient ou perd son visiteur.
- La recherche
- L'accueil
- La navigation
- La lecture
- La décision
- Le contact
L'architecture de l'information
Organiser les contenus selon la logique des utilisateurs, pas celle de l'organigramme.
Les parcours
Chaque public arrive avec une intention : le chemin vers sa réponse doit être le plus court possible.
La hiérarchie
Sur chaque page, une chose principale à faire ou à comprendre. Le reste s'efface.
Les tests utilisateurs
Observer de vrais utilisateurs vaut toutes les opinions : cinq personnes suffisent à révéler l'essentiel.
L'ergonomie
Zones cliquables généreuses, formulaires courts, retours clairs : la somme des détails qui ne se remarquent pas.
Pas de la décoration
Le webdesign (UI).
Le design n'est pas de la décoration : il facilite la compréhension. Il prolonge à l'écran l'identité visuelle de l'organisation, et l'illustration y remplace avantageusement les visuels génériques.
Les grilles
L'architecture invisible qui aligne tout, héritée du design éditorial.
Les couleurs
Issues de l'identité, avec leurs règles d'usage et leurs contrastes vérifiés.
Les typographies
Lisibles à l'écran, hiérarchisées, chargées avec parcimonie.
Les composants
Boutons, cartes, formulaires : dessinés une fois, réutilisés partout.
Le design system
La grammaire complète de l'interface : cohérence garantie, évolutions facilitées.
Les illustrations
Un univers propre plutôt que des visuels génériques.
Les animations
Guider et donner vie, jamais ralentir ni distraire.
Le responsive
Le mobile d'abord : la majorité de vos visiteurs y sont déjà.
Le contenu est le produit
Les contenus.
Le meilleur design ne compense jamais un mauvais contenu. Les principes du design éditorial s'appliquent à l'écran comme au papier, et les données gagnent à être mises en forme selon notre guide de la datavisualisation.
La rédaction web
Des phrases courtes, des intertitres qui portent le sens, l'essentiel d'abord : on écrit pour des lecteurs pressés.
Le storytelling
Une organisation qui raconte marque plus qu'une organisation qui liste.
La hiérarchie des informations
Chaque page répond à une question principale, annoncée dès le titre.
Les médias
Photos justes, illustrations propres, vidéos utiles : chaque média a une fonction.
Les appels à l'action
Que doit faire le visiteur ensuite ? Chaque page le dit clairement, une fois.
Bien au-delà de Google
Le référencementnaturel (SEO).
Le SEO technique
Un site rapide, propre, explorable : la fondation sans laquelle rien ne se positionne.
Le SEO éditorial
Des contenus qui répondent réellement aux questions que vos publics posent.
Le cocon sémantique
Des pages piliers reliées entre elles, qui installent une autorité thématique. La méthode de ce site même.
L'EEAT
Expérience, expertise, autorité, confiance : les critères par lesquels les moteurs jaugent qui parle.
Le GEO
L'optimisation pour les moteurs de réponse (ChatGPT, Gemini, Perplexity) : des contenus structurés, sourcés, citables.
Les données structurées
Le balisage Schema.org qui rend vos contenus lisibles par les machines : articles, FAQ, organisation, offres.
Le maillage interne
Chaque page soutient les autres : les liens internes distribuent l'autorité et guident la lecture.
« Le référencement ne s'ajoute pas à la fin d'un projet. Il structure l'arborescence dès le premier atelier. »
La vitesse est une qualité
Les performances.
Une page rapide améliore tout à la fois : l'expérience utilisateur, le référencement, la conversion et l'accessibilité sur les petits réseaux.
Les Core Web Vitals
Les trois mesures de Google : vitesse d'affichage, réactivité, stabilité visuelle. Elles pèsent sur le référencement.
L'optimisation des images
Le premier poste de poids : formats modernes, dimensions justes, compression soignée.
Le chargement différé
Charger ce qui est visible d'abord, le reste ensuite : la page paraît instantanée.
Le cache et le CDN
Servir les pages depuis la mémoire et au plus près du visiteur : la vitesse par l'architecture.
Un sujet majeur
L'accessibilité.
Un site accessible sert tout le monde : les personnes en situation de handicap d'abord, mais aussi chaque visiteur pressé, sur mobile, en plein soleil ou sur une connexion lente. Pour les organismes publics, c'est aussi une obligation encadrée par le référentiel RGAA. Pour les projets menés en marché public, ces exigences se fixent dès le cahier des charges.
Les contrastes
Textes lisibles sur leur fond, dans toutes les tailles, pour tous les yeux.
La navigation au clavier
Tout doit être atteignable sans souris, dans un ordre logique, avec un focus visible.
Les lecteurs d'écran
Structure HTML sémantique, alternatives textuelles, libellés explicites : le site doit s'écouter aussi bien qu'il se regarde.
Le langage clair
Des phrases simples, des mots courants, des consignes sans ambiguïté : l'accessibilité commence par la rédaction.
Éviter les pièges
Les erreursles plus fréquentes.
Créer un site pour soi
L'organigramme en menu, le jargon interne en titres : l'utilisateur ne s'y retrouve jamais.
Ne jamais parler des utilisateurs
Un projet mené sans se demander qui vient, pourquoi, et ce qu'il cherche.
Trop d'animations
Le mouvement qui impressionne trois secondes et agace ensuite. La sobriété vieillit mieux.
Aucun objectif
Sans indicateur de réussite défini, impossible de savoir si le site fonctionne.
Des contenus pauvres
Le meilleur design ne compense jamais un texte vide. Le contenu est le produit.
Pas de SEO
Un site invisible est un site inutile : le référencement se pense dès l'arborescence, pas après la mise en ligne.
Pas de maintenance
Un site s'entretient : mises à jour, sauvegardes, contenus frais. L'abandon se voit vite.
Pas d'accessibilité
Exclure une partie de ses visiteurs, et s'exposer aux obligations réglementaires ignorées.
Les cinq prochaines années
L'avenirdes sites web.
Un site se conçoit pour évoluer. Ces mouvements de fond dessinent ce que les sites deviendront, au-delà des effets de mode.
Les moteurs de réponse
ChatGPT, Gemini, Perplexity : de plus en plus de visiteurs arrivent via une réponse d'IA. Les contenus structurés, sourcés et citables y gagnent.
Les données structurées
Le balisage devient la langue commune entre votre site et les machines qui le lisent.
Les contenus modulaires
Des blocs réutilisables plutôt que des pages figées : le même contenu servi au site, à l'application, aux moteurs.
Les interfaces conversationnelles
La recherche interne devient un dialogue : poser sa question plutôt que deviner le bon menu.
La personnalisation raisonnée
Adapter le contenu au contexte du visiteur, sans surveillance intrusive ni bulle de filtre.
Les design systems
La cohérence industrialisée : chaque évolution du site hérite des règles établies.
Les CMS headless
Le contenu séparé de la présentation : plus de liberté technique, plus de pérennité.
Les performances durables
Des sites légers, sobres en énergie, rapides sur tous les réseaux : l'écoconception devient un standard.
L'assistant de cadrage
Le Web Lab :concevez votre architecture.
Votre organisation, vos objectifs, vos publics, vos fonctionnalités, vos contraintes : le Web Lab génère une arborescence recommandée, un premier wireframe, un planning indicatif, une feuille de route SEO et les ressources à préparer avant le lancement.
Parler le même langage
Le glossairedu web.
- UX
- L'expérience utilisateur : la qualité du parcours vécu par le visiteur, de l'arrivée à l'objectif atteint.
- UI
- L'interface utilisateur : la forme visible du site, dessinée pour faciliter la compréhension.
- CMS
- Le système de gestion de contenus : l'outil qui permet de mettre à jour le site sans coder.
- Headless
- Un CMS sans façade imposée : le contenu d'un côté, la présentation libre de l'autre.
- Core Web Vitals
- Les indicateurs de performance de Google : vitesse, réactivité, stabilité visuelle.
- SEO
- Le référencement naturel : être trouvé par les moteurs de recherche sur les requêtes qui comptent.
- GEO
- La Generative Engine Optimization : être compris et cité par les moteurs de réponse à base d'IA.
- Schema.org
- Le vocabulaire de données structurées qui décrit vos contenus aux machines.
- Responsive
- Un site qui s'adapte à tous les écrans, du téléphone au grand moniteur.
- Design system
- La grammaire complète de l'interface : composants, couleurs, typographies et règles d'usage.
Questions fréquentes
Vos questions,nos réponses.
- Combien coûte un site internet ?
- De 5 000 euros pour un site vitrine soigné à 30 000 euros et plus pour une plateforme éditoriale ou un site institutionnel complet, hors cas particuliers. Les écarts s'expliquent par le nombre de gabarits, les fonctionnalités, le niveau de design et le travail de contenus. Le Web Lab de cette page donne un premier ordre de grandeur selon votre projet.
- Combien de temps faut-il pour le réaliser ?
- Comptez 2 à 4 mois pour un site vitrine, 4 à 8 mois pour un site institutionnel ou une plateforme éditoriale : ateliers de cadrage, arborescence, wireframes, design, développement, contenus, recette et mise en ligne. Les contenus sont presque toujours le chemin critique : plus tôt ils sont prêts, plus le planning tient.
- Faut-il choisir WordPress, un CMS headless ou une solution sur mesure ?
- Cela dépend de vos usages : WordPress reste pertinent pour l'éditorial classique avec des équipes habituées ; le headless apporte liberté technique et performances pour les projets exigeants ; le sur mesure se justifie pour les applications métier. La bonne réponse découle du cahier des charges, jamais l'inverse.
- Comment préparer un cahier des charges ?
- En répondant d'abord aux questions de fond : pourquoi ce site, pour qui, pour permettre quoi, avec quels contenus et quels indicateurs de réussite. Puis en décrivant les fonctionnalités, les contraintes et l'existant. Le Web Lab de cette page génère une première trame à partir de vos réponses.
- Quelle différence entre UX et UI ?
- L'UX est le parcours : ce que vit l'utilisateur pour atteindre son objectif, de la recherche au contact. L'UI est l'interface : la forme visible qui rend ce parcours clair et agréable. L'UX se conçoit avant l'UI : un beau design sur un parcours confus reste un site raté.
- Quand intégrer le SEO ?
- Dès le premier jour : l'arborescence, le nommage des pages et le maillage interne sont des décisions SEO majeures qui se prennent au cadrage. Le référencement ajouté après la mise en ligne se limite à des retouches ; intégré dès la conception, il structure tout le site.
- Comment rendre un site accessible ?
- Par une démarche continue : structure HTML sémantique, contrastes vérifiés, navigation clavier complète, alternatives textuelles, formulaires étiquetés, langage clair. Le référentiel français RGAA encadre ces exigences, obligatoires pour les organismes publics et de plus en plus attendues partout.
- Comment maintenir un site dans le temps ?
- Par un contrat de maintenance qui couvre les mises à jour techniques et la sécurité, des sauvegardes régulières, un suivi des performances, et surtout une gouvernance des contenus : qui publie, à quel rythme, avec quelles règles. Un site vivant se reconnaît à sa page d'actualités.
- Pourquoi créer une plateforme éditoriale plutôt qu'un simple site vitrine ?
- Parce que la vitrine attend les visiteurs qui vous connaissent déjà, quand la plateforme va chercher ceux qui ne vous connaissent pas encore : chaque guide publié est une porte d'entrée depuis les moteurs de recherche et, désormais, depuis les moteurs de réponse. C'est un investissement qui se cumule dans le temps.
- Comment mesurer la performance d'un site ?
- Par des indicateurs alignés sur vos objectifs : trafic qualifié et positions sur vos requêtes clés pour la visibilité, demandes de contact et conversions pour le commercial, Core Web Vitals pour la technique, taux de rebond et parcours pour l'expérience. La mesure se configure dès la mise en ligne.
Et maintenant ?
Un site performant ne se jugepas à son apparence.
Il se juge à ce qu'il permet à vos utilisateurs d'accomplir. Construisons un site pensé pour durer, évoluer et répondre à vos objectifs.