Projet, séance 18 : remplir, alléger, mettre en ligne

Quatre passes, une mesure qui se refait, et sept points à cocher

Où nous en sommes

Le site est monté : gabarits, charte, pages principales. Il est vide, lent et invisible. Cette séance le remplit, l’allège et le rend trouvable.

C’est la dernière séance de travail avant la soutenance.

Ce que vous saurez à la fin de cette séance

• Écrire les contenus des pages principales à partir de ce que vous avez déjà
• Traiter une banque de visuels dans une passe unique
• Régler le référencement d’un site de quinze pages en une demi-heure
• Dérouler une liste de mise en ligne, et savoir ce qu’elle contient

1. L’ordre de la finition

1.1 Quatre passes, et une seule chose à la fois

La passe de contenu. On écrit les textes des pages principales. Rien d’autre : pas d’image, pas de réglage.

La passe d’image. On traite toute la banque d’un coup : dimensions, compression, nom, texte alternatif, crédit.

La passe de référencement. Titres affichés, descriptions, liens internes, plan de site.

La passe de performance. On mesure, on corrige les trois premiers points, on remesure.

Pourquoi des passes. Faire les quatre en même temps sur chaque page produit un travail inégal : les premières pages sont soignées, les dernières bâclées. Une passe par sujet donne un résultat homogène.

1.2 Ce qui vient de la première année

Rien n’est nouveau : la structure des contenus, le traitement des images, le balisage et le maillage ont tous été vus. Ce qui change est le rythme : une passe, tout le site, une seule fois.

Atelier 1, les contenus des pages principales

Individuellement, sur poste. Une heure de travail, quinze minutes de relecture croisée.

1. La page d’accueil : la zone d’arrivée en trois réponses, la preuve, l’action.
2. Deux pages de service : un premier paragraphe qui répond, trois sous-parties, un appel.
3. La page qui explique comment cela se passe : celle que vos parcours ont fait apparaître.
4. La page de contact : ce qu’on peut demander, sous quel délai on répond.
5. Relecture croisée : votre binôme lit vos deux premières phrases de chaque page, sans le titre.

Ce qu’on ne fait pas : chercher des images, régler une couleur, ajouter une page.

2. Visuels, référencement, performance

2.1 La passe d’image, en une fois

Cinq traitements, sur toute la banque : dimensions réelles d’affichage, compression, nom de fichier lisible, texte alternatif qui décrit, crédit.

Quinze images traitées prennent trente minutes. Non traitées, elles coûtent une seconde de chargement à chaque visite, pour toujours.

2.2 La passe de référencement, en une demi-heure

Sur un site de quinze pages, cela tient en trente minutes. Ce n’est pas un chantier : c’est une passe.

2.3 La passe de performance

On mesure d’abord. Un outil gratuit, sur la page d’accueil, onglet mobile.

On corrige les trois premiers points, jamais les vingt. Sur un site refait, ce sont presque toujours les mêmes : le poids des images, une police chargée pour rien, et un script d’extension inutile.

On remesure. Sans la seconde mesure, on ne sait pas si la correction a servi.

Et l’accessibilité se vérifie au même moment. Le contraste des textes posés sur une image, le texte alternatif de chaque visuel, et la lisibilité des libellés de formulaire. Les trois se contrôlent à l’œil en dix minutes, et ils servent tout le monde.

2.4 Ce qu’on mesurera ensuite, et qui ne se mesure pas aujourd’hui

Un site mis en ligne cette semaine n’a pas encore d’audience. Ce qui se mesurera à trois mois : le nombre de demandes reçues, et le taux de conversion des visites en demandes.

Ce qu’on écrit aujourd’hui : ce qu’on mesurera, et quand. Une intention de mesure datée entre dans le dossier ; un chiffre inventé n’y entre jamais.

Le piège. Un site rendu lent par ses images ne se répare pas en installant une extension de cache. Le cache masque le problème sur les visites suivantes, pas sur la première, qui est celle qui compte. On allège les images d’abord, on met en cache ensuite.

Atelier 2, la passe de finition

Individuellement, sur poste.

1. La passe d’image : les cinq traitements, sur toute votre banque.
2. La passe de référencement : les cinq gestes du tableau.
3. La mesure : page d’accueil, onglet mobile. Notez trois points.
4. La correction de ces trois points, et rien d’autre.
5. La seconde mesure, et l’écart.
6. Le test sur téléphone, hors du réseau de la salle : la page d’accueil, une page de service, le formulaire.

3. La liste de mise en ligne

Elle se déroule dans l’ordre, et elle se coche.

1. L’indexation s’ouvre. C’est l’oubli le plus coûteux, et il est en premier.
2. Le plan de site est envoyé aux moteurs, si vous avez un accès.
3. Le formulaire envoie et vous recevez, testé depuis une adresse extérieure.
4. La sauvegarde est automatique, et elle va ailleurs que sur le serveur du site.
5. Les mentions légales et la politique de confidentialité sont en ligne.
6. Aucune page ne reste en brouillon dans le menu.
7. Le site répond depuis un téléphone hors du réseau de l’établissement.

Les sept se cochent avant la soutenance, pas le matin même.

À retenir. Le jour de la soutenance, ce qui se voit n’est pas le temps passé : c’est la cohérence entre ce que le cadrage annonçait et ce que le site fait. Un site simple, complet et rapide se défend mieux qu’un site riche, lent et à moitié rempli. C’est aussi vrai devant un client.

Synthèse

1. Quatre passes, une seule chose à la fois : contenu, image, référencement, performance.
2. Faire les quatre page par page produit un travail inégal.
3. Rien n’est nouveau : ce qui change est le rythme.
4. Quinze images traitées prennent trente minutes, et se paient sinon à chaque visite.
5. Le référencement d’un site de quinze pages tient en une demi-heure.
6. On mesure, on corrige trois points, on remesure.
7. Le cache ne répare pas des images trop lourdes : il masque le problème après la première visite.
8. La liste de mise en ligne compte sept points, et elle se coche avant la soutenance.

Sources

Séance vérifiée le 28 août 2026. La liste de mise en ligne se coche avant la séance de soutenance : elle n’est pas un exercice de séance.