Chapitre 2 – Gérer et animer un site internet professionnel

2.1 – Les types de sites professionnels : vitrine, e-commerce, portail institutionnel, blog

Lorsque Sara, assistante de gestion dans une association culturelle d'Annecy, doit accompagner la création d'un nouveau site web pour le festival de musique organisé chaque été, elle se demande quel type de site choisir. Le premier réflexe d'un porteur de projet est souvent de copier le voisin, mais cette imitation conduit à des outils inadaptés. Avant toute chose, il faut identifier la fonction principale que le site devra remplir, car de cette fonction dépendent le budget, la technologie et le modèle d'organisation derrière la page d'accueil.

Le site vitrine, le plus répandu, présente l'organisation, ses prestations ou ses produits sans transaction en ligne. C'est un dépliant numérique enrichi : pages « accueil », « qui sommes-nous », « nos offres », « actualités », « contact ». Il convient parfaitement aux artisans, professions libérales, associations et petites structures. Pour le festival de Sara, ce format est idéal : on y présente la programmation, les artistes, les partenaires et un formulaire de contact, sans complexité technique excessive. Le site e-commerce, lui, intègre une boutique en ligne avec catalogue, panier, paiement sécurisé et gestion des commandes. Il implique des contraintes lourdes : conformité PCI-DSS pour les paiements, gestion des stocks, conditions générales de vente, retours et remboursements. Une marque de cosmétiques bio comme celle d'Yasmine investira logiquement dans Shopify ou WooCommerce.

Le portail institutionnel concerne les organisations publiques et les grandes structures. Le site d'une mairie, d'un conseil régional ou d'un ministère doit gérer plusieurs centaines de pages, des téléservices, des espaces personnels, des annuaires, parfois des moteurs de recherche internes. Il repose souvent sur des CMS robustes comme Drupal ou Typo3 et exige une équipe technique dédiée. Le blog, enfin, peut être autonome ou intégré à l'un des trois autres. Il sert de canal éditorial régulier pour partager expertise, conseils, retours d'expérience. Le cabinet médical du docteur Lemoine, par exemple, anime un blog patient qui explique les pathologies courantes et améliore considérablement le référencement de son site principal. Choisir le bon type de site, c'est dimensionner correctement l'investissement et garantir que l'outil servira durablement le projet sans s'écrouler sous des fonctionnalités inutilisées.

Les 4 grands types de sites professionnels

2.2 – Les éléments indispensables d'un site pro : présentation, offres, contact, mentions légales

Lucas, en BTS support à l'action managériale, accompagne la création du site internet d'un cabinet de kinésithérapie. Il prend conscience qu'au-delà du graphisme, il existe un socle de pages incontournables sans lequel un site internet n'a pas de crédibilité ni même de légalité. Cette base universelle se compose de cinq familles de contenus qu'il faut savoir produire avec rigueur, quel que soit le secteur ou la taille de l'organisation.

La première famille, l'accueil, joue le rôle de vitrine immédiate : en moins de cinq secondes, le visiteur doit comprendre ce que fait l'organisation, à qui elle s'adresse et où trouver l'information qu'il cherche. Le cabinet de kinésithérapie y mettra une photo claire de l'équipe, une promesse simple (« Kinésithérapie sur Rennes — rééducation, sport, pédiatrie ») et trois boutons d'accès rapide (« Prendre rendez-vous », « Nos spécialités », « Nous trouver »). La deuxième famille est la présentation de l'organisation : son histoire, ses valeurs, son équipe, ses certifications, ses partenaires. C'est la page « À propos » qui humanise et rassure. La troisième famille concerne les offres détaillées : prestations, tarifs lorsque c'est possible, garanties, témoignages clients. Pour un site e-commerce, ce sont les fiches produits avec descriptions, photos, prix et options d'achat.

La quatrième famille, le contact, doit toujours être visible : adresse postale, téléphone, email, formulaire de contact, parfois carte interactive Google Maps et horaires d'ouverture. Un site sans page contact claire perd entre 30 et 50 % de conversions. La cinquième famille, souvent négligée, regroupe les mentions légales et la politique de confidentialité. La loi française impose à tout site professionnel d'afficher l'identité de l'éditeur (raison sociale, SIRET, capital social), l'hébergeur (nom, adresse), le directeur de publication, ainsi qu'une politique de confidentialité conforme au RGPD précisant la nature des données collectées, leur finalité, leur durée de conservation et les droits des personnes. Lucas s'assure que ces cinq familles sont présentes et bien hiérarchisées avant la mise en ligne, garantissant que le site est à la fois utile pour les patients et irréprochable juridiquement.

Les 5 pages indispensables d'un site pro

2.3 – La mise à jour du site : gestion d'un CMS (WordPress, Wix), publication d'actualités

Karim, alternant dans une école privée de commerce de Bordeaux, hérite de la mission de tenir à jour le site institutionnel. Il se rend compte qu'un site internet n'est pas un objet figé : c'est un organisme vivant qui doit être nourri, surveillé et entretenu pour conserver sa pertinence et son référencement. Le bon outil pour cette mission est le CMS (Content Management System), un logiciel qui permet à une personne non développeuse de modifier les contenus du site via une interface graphique simple.

WordPress, le CMS le plus répandu dans le monde, équipe plus de 43 % des sites web. Son interface présente d'un côté la liste des pages et articles, de l'autre un éditeur visuel proche de Word. Karim peut ainsi rédiger une actualité « Portes ouvertes le 14 mai », l'illustrer, l'enrichir d'un lien vers le formulaire d'inscription, prévisualiser puis publier en quelques minutes. Wix et Squarespace fonctionnent sur un principe similaire mais reposent sur une plateforme propriétaire en location, ce qui simplifie l'hébergement mais limite la personnalisation. Drupal et Joomla restent privilégiés pour les sites complexes nécessitant des droits d'accès fins. Le choix se fait selon la maturité technique de l'équipe et l'ambition du site.

La mise à jour ne se limite pas aux contenus. Elle inclut aussi la mise à jour du cœur du CMS et de ses extensions (plugins), opération mensuelle indispensable pour la sécurité. Un site WordPress non mis à jour devient une cible facile pour les pirates. Karim instaure une routine : chaque lundi matin, vérification des mises à jour, sauvegarde préalable, application puis test des fonctions critiques (formulaires, liens, panier). Côté éditorial, il maintient un calendrier d'actualités à publier : portes ouvertes, témoignages d'anciens élèves, événements partenaires, ouverture des inscriptions. Cette régularité éditoriale, deux à quatre publications par mois, donne au site une vie qui rassure les familles et fait remonter le site dans Google. Un site mis à jour est un site qui inspire confiance et qui mérite d'être recommandé.

Comparatif des principaux CMS

2.4 – L'audit d'un site existant : vérification des contenus, liens brisés, conformité RGPD

Sophie, qui prend la suite d'un poste d'assistante administrative dans un cabinet d'expertise comptable, est rapidement chargée de réaliser un audit du site internet qui n'a pas été touché depuis quatre ans. Cette mission, qui peut sembler intimidante au premier abord, suit en réalité une méthodologie claire qui s'organise autour de quatre dimensions complémentaires. Auditer un site, c'est dresser un état des lieux honnête de ce qui fonctionne, de ce qui est obsolète et de ce qui pose un risque, afin d'établir un plan de remise à niveau hiérarchisé.

La première dimension de l'audit concerne la vérification des contenus. Sophie passe en revue chaque page : les informations sont-elles à jour ? Les noms des associés sont-ils corrects ? Les tarifs affichés correspondent-ils encore à ceux pratiqués ? Les photos reflètent-elles l'équipe actuelle ? Elle constate que cinq pages mentionnent encore le siège social précédent et que la page « équipe » présente deux collaborateurs partis depuis. La deuxième dimension concerne la santé technique. Sophie utilise un outil gratuit comme Screaming Frog ou Broken Link Checker pour identifier les liens brisés, les images manquantes et les erreurs 404. Sur 60 pages, elle en trouve 18 avec au moins un lien mort qui dégrade l'expérience utilisateur et le SEO.

La troisième dimension porte sur la performance et l'ergonomie. Sophie utilise Google PageSpeed Insights pour mesurer la vitesse de chargement (4,2 secondes, trop lent), et navigue sur mobile pour vérifier l'affichage responsive : la barre de navigation déborde sur smartphone. La quatrième dimension, sans doute la plus sensible, est la conformité RGPD. Sophie vérifie que la politique de confidentialité existe, qu'elle décrit bien les traitements de données, qu'un bandeau cookies conforme demande un consentement explicite et qu'aucun cookie traceur ne se déclenche avant ce consentement. Le site initial ne respecte aucune de ces règles. Sur la base de cet audit complet, Sophie rédige un rapport en 28 points priorisés (rouge, orange, vert), soumet un plan de refonte sur six semaines à la direction et fixe les responsabilités. L'audit est ainsi le point de départ rigoureux d'un site internet rajeuni, sécurisé et de nouveau performant.

La grille d'audit d'un site internet

2.5 – L'accessibilité numérique et la compatibilité mobile : enjeux et bonnes pratiques

Théo, en stage à la mairie de Saint-Brieuc, accompagne la mise à jour du site institutionnel et découvre une exigence souvent méconnue : l'accessibilité numérique. Cette discipline garantit qu'un site internet peut être consulté par toutes les personnes, y compris celles en situation de handicap visuel, auditif, moteur ou cognitif. Pour le secteur public, cette obligation découle de la loi du 11 février 2005 et du RGAA (Référentiel Général d'Amélioration de l'Accessibilité), qui impose une déclaration de conformité publique et un plan d'action triennal. Mais au-delà du cadre réglementaire, l'accessibilité concerne en réalité 20 % de la population française, et bénéficie largement à tous les utilisateurs.

Quelques règles structurantes président à un site accessible. Le contraste entre le texte et le fond doit être suffisant (ratio 4,5:1 minimum pour le texte courant) pour les personnes malvoyantes. Toutes les images doivent posséder un texte alternatif décrivant leur contenu, lu par les lecteurs d'écran utilisés par les non-voyants. La navigation au clavier doit être possible sans souris, avec un focus visible sur chaque élément actif. Les vidéos doivent être sous-titrées pour les personnes sourdes. La structure des titres (H1, H2, H3) doit être logique et hiérarchisée pour faciliter la lecture en mode synthèse. Théo passe le site de la mairie au crible avec Wave et axe DevTools, deux outils gratuits qui détectent les erreurs d'accessibilité en quelques clics.

La compatibilité mobile constitue l'autre exigence majeure du web moderne. Plus de 60 % des consultations de sites se font désormais depuis un smartphone, et Google indexe en priorité la version mobile (mobile-first indexing) depuis 2021. Un site qui s'affiche mal sur téléphone perd à la fois ses visiteurs et son référencement. Le responsive design, technique consistant à adapter automatiquement la mise en page à la taille d'écran, est devenu un standard incontournable. Théo vérifie sur trois tailles d'écran différentes (mobile, tablette, ordinateur) que la navigation reste fluide, que les boutons sont assez gros pour être touchés du pouce, que le texte reste lisible sans zoomer et que les formulaires fonctionnent. Cette double exigence d'accessibilité et de compatibilité mobile transforme le site de la mairie en un outil véritablement inclusif et utile à tous les Briochins.

Accessibilité + mobile : les deux exigences modernes