Photos avant-après de chantier : construire une page de réalisation vraiment utile

Pourquoi une simple galerie de photos ne suffit pas ?

Une galerie sans texte ni contexte oblige le visiteur à deviner ce qui a été fait, où et dans quelles conditions. Pour un artisan ou une PME des Côtes-d'Armor, la page de réalisation doit répondre à une question pratique : « est-ce que ce professionnel sait traiter mon type de chantier ? »

Google rappelle dans ses recommandations sur les images que les pages d'atterrissage des images doivent être optimisées, et que l'utilisation d'éléments HTML `<img>` aide les robots à découvrir et traiter les images. Une galerie construite en CSS (`background-image`) ou en JavaScript sans balise image est donc moins bien traitée. (Google image SEO best practices, consulté le 30 septembre 2026)

Cela ne signifie pas qu'il faut truffer la page de mots-clés. Cela signifie qu'une page de réalisation doit être une vraie page : un titre, une introduction, des blocs avant-après légendés, et un chemin vers le contact.

Quel cadrage adopter pour des photos avant-après comparables ?

Le défaut le plus fréquent est le cadrage incohérent : une photo « avant » prise de loin, une photo « après » prise de près, un angle différent, une lumière différente. Le visiteur ne peut alors pas mesurer le travail.

La méthode simple consiste à définir, avant le chantier, un ou deux points de vue fixes par pièce ou par zone. On note l'emplacement (par exemple : « depuis la porte d'entrée, objectif à hauteur d'épaule ») et on reprend exactement ce point de vue après les travaux. Si le chantier a modifié la pièce, on garde au minimum le même axe et la même distance.

Quelques règles pratiques :

• Même orientation : paysage pour les pièces larges, portrait pour les façades ou les couloirs.
• Même hauteur d'appareil : trépied ou repère au sol si possible.
• Lumière comparable : éviter une photo « avant » sombre et une photo « après » en plein soleil.
• Pas de retouche trompeuse : le contraste et la luminosité peuvent être ajustés légèrement, pas la géométrie ni les éléments présents.

Google recommande de soigner la qualité et la vitesse des images, sans garantir d'effet sur le trafic. Cela vaut particulièrement pour une vignette avant-après, où la comparaison doit rester lisible en petit format. (même source)

Que doit contenir la légende d'une photo de chantier ?

La légende est l'endroit où l'on transforme une image en information utile. Elle doit répondre à trois questions : quel type de travaux, sur quel type de support, et avec quelle contrainte particulière.

Exemple fictif : « Rénovation d'une salle de bains années 1980 à Saint-Brieuc — dépose de l'ancien carrelage, reprise du support, pose d'un carrelage grès cérame 60 × 60 et faïence murale. Chantier occupé, intervention en deux phases. » Cet exemple est purement illustratif et ne décrit aucun client réel.

Ce que la légende ne doit pas faire :

• répéter le même texte sous chaque photo ;
• promettre un délai ou un prix qui n'a pas été vérifié ;
• inventer une localisation ou un résultat.

Pour l'attribut `alt`, on décrit l'image de façon factuelle : « salle de bains avant travaux, carrelage d'origine » puis « salle de bains après travaux, carrelage grès cérame ». L'alt n'est pas un espace publicitaire.

Comment obtenir et conserver l'accord du client ?

C'est le point qui bloque le plus souvent la publication. La méthode la plus simple est d'intégrer la question au devis ou au contrat, sous forme de case à cocher : autorisation de photographier le chantier, autorisation de publier les images sur le site et les réseaux, avec possibilité de retirer certaines vues.

Trois précautions concrètes :

1. Flouter les éléments identifiants : plaques d'immatriculation, numéros de rue, visages, documents posés sur une table.
2. Distinguer les usages : publication sur le site, sur les réseaux sociaux, dans un devis ou une plaquette ne relèvent pas du même accord.
3. Prévoir le retrait : conserver une trace écrite de l'accord et une procédure simple si le client demande plus tard le retrait d'une photo.

Cette approche n'est pas une garantie juridique : elle organise la preuve de l'accord. Pour un cadre contractuel précis, il faut se référer aux textes applicables et, en cas de doute, consulter un professionnel du droit.

Comment structurer la page pour qu'elle soit trouvée ?

Une page de réalisation utile combine plusieurs niveaux :

• Une page par grande famille de chantier plutôt qu'une page unique fourre-tout. Par exemple : rénovation de salle de bains, rénovation de cuisine, aménagement de combles.
• Un titre explicite qui nomme le type de travaux et la zone desservie, sans empiler les communes.
• Du texte entre les images : deux à trois phrases qui expliquent le contexte, la contrainte et la solution retenue.
• Un lien vers la page de contact ou le formulaire de devis, placé après le dernier bloc avant-après.

Pour une entreprise locale, la page de réalisation peut aussi servir de point d'entrée vers une offre claire. Si l'offre elle-même n'est pas lisible, la page de réalisation ne compensera pas : mieux vaut d'abord clarifier l'offre locale, comme le détaille notre article sur la landing page qui convertit.

Si vous publiez aussi des vidéos de chantier, la question du balisage est distincte : elle est traitée dans notre article sur les vidéos de réalisations et VideoObject.

Faut-il une page par chantier ou une page par type de travaux ?

Ce tableau est un outil de décision, pas une règle absolue. L'important est qu'un visiteur qui arrive sur la page comprenne en quelques secondes le type de travaux et la zone concernée.

Comment vérifier que la page est bien indexée ?

Après publication, on peut contrôler simplement :

1. Ouvrir la page en navigation privée et vérifier que les images s'affichent.
2. Utiliser l'inspection d'URL dans Google Search Console pour confirmer que la page est indexable.
3. Vérifier que les images apparaissent dans l'onglet Images de la recherche sur le nom de l'entreprise ou le type de travaux.
4. Contrôler que le fichier `sitemap` contient bien l'URL de la page.

Si les images n'apparaissent pas, les causes fréquentes sont : images chargées en CSS, page bloquée par une balise `noindex`, ou absence de texte descriptif autour des images.

Questions complémentaires

Peut-on publier des photos avant-après sans accord écrit du client ?

Non, ce n'est pas recommandé. Un accord écrit, même simple, protège l'entreprise et évite un retrait demandé après publication. La question peut être intégrée au devis. En cas de doute sur le cadre applicable, il faut consulter un professionnel du droit.

Combien de photos avant-après faut-il par page ?

Il n'y a pas de nombre idéal. Deux à quatre blocs avant-après bien légendés valent mieux qu'une vingtaine de photos sans contexte. La page doit rester rapide à charger : des images trop lourdes pénalisent l'expérience, en particulier sur mobile.

Passer à l'action

Une page de réalisation utile se construit en amont : cadrage des photos, légendes factuelles, accord client, structure de page claire. Si vous voulez vérifier ce qui bloque sur votre site actuel — images non indexées, galerie sans texte, absence de page dédiée —, demandez un audit concret de votre site ou de votre formulaire de contact. Nous regardons ce qui existe, ce qui manque et ce qui peut être corrigé en priorité.