Site lent, invisible sur Google, images non compressées : le site WordPress d'Adélaide avait tout contre lui. Retour sur une refonte complète en Next.js 14, avec une stratégie SEO local pensée pour ranker sur "photographe grossesse Vosges" et bien plus.
Le contexte : une photographe professionnelle avec un site qui ne lui rend pas service
Adélaide Freitas est photographe professionnelle depuis 13 ans. Elle se spécialise dans les séances grossesse, naissance, portrait famille et boudoir.
Son ancien site WordPress / Elementor avait été construit sans véritable stratégie SEO. Il fonctionnait — mais il était lent, visuellement daté et pratiquement invisible sur Google pour les requêtes qui comptaient pour elle. Aucun client ne le trouvait naturellement.
Ce projet est différent de mes réalisations e-commerce habituelles — pas de PrestaShop, pas de catalogue, pas de panier. Un site vitrine pur, avec un enjeu fort : donner envie de confier ses moments les plus précieux à une inconnue. C'était un défi que j'ai vraiment apprécié.
L'audit de l'ancien site : ce qu'on a trouvé
Avant de coder une seule ligne, j'ai audité l'existant. Le bilan était sévère mais courant pour un site construit sans accompagnement SEO.
Aucune balise H1 sur la page d'accueil
Google ne savait pas de quoi parlait le site. Sans H1, l'indexation part d'emblée avec un handicap.
40+ photos sans attribut alt
Invisible pour Google Images — une source de trafic gratuite entièrement manquée pour une photographe.
Images entre 2 et 3 Mo pièce
Le site mettait plusieurs secondes à charger sur mobile. Score PageSpeed estimé entre 30 et 50/100.
Zéro Schema.org ni Open Graph
Pas de rich snippets dans Google, pas d'aperçu visuel lors des partages sur les réseaux sociaux.
Toutes les spécialités entassées sur /forfaits/
Une seule page pour grossesse, naissance, famille, boudoir — impossible de ranker sur chaque terme.
Le nouveau site : ce qu'on a construit
Design & identité visuelle sur mesure
Fini le template WordPress générique. Le nouveau design a été pensé de zéro pour correspondre à l'univers d'Adélaide : une palette chaude crème / rose terracotta / brun, des typographies Cormorant Garamond pour les titres et Jost pour le corps, et un hero split 50/50 avec slider photos et effet Ken Burns. Le résultat : un site qui ressemble à une photographe, pas à un template.
Architecture Next.js 14
Stack technique choisie
- Next.js 14 App Router + TypeScript — Server Components par défaut
- CSS Modules — zéro framework CSS, contrôle total du design
- next/image — WebP automatique, lazy loading, srcset adaptatif
- Formulaire de contact via Server Action + Resend (sans backend séparé)
La stratégie SEO local mise en place
C'est là que tout se joue pour un photographe. Le contenu seul ne suffit pas — la structure du site doit permettre à Google de comprendre qui vous êtes, où vous êtes, et pour qui vous travaillez.
Pages séances séparées
Chaque spécialité dispose désormais de sa propre URL, son propre H1, sa meta description ciblée et un contenu dédié. Objectif : apparaître sur "photographe grossesse Vosges", "photographe naissance Saint-Dié", etc.
Schema.org JSON-LD complet
LocalBusiness + Photographer + Offer + FAQPage intégrés dans le layout. Permet les rich snippets Google et renforce la confiance des moteurs de recherche.
Pages géographiques dédiées
Pages spécifiques pour Gérardmer, Nancy et Colmar avec du contenu unique par ville. L'objectif : élargir la zone de chalandise visible sur Google au-delà de Saint-Dié.
Optimisation des images
Passage au format WebP via next/image avec lazy loading et srcset adaptatif. Réduction moyenne du poids des images de 70 %. Les alt texts incluent les mots-clés locaux pertinents.
Pages créées au lancement
Accueil avec hero slider et avis Google · Séances grossesse, naissance, portrait famille, boudoir, pack merveille · Portfolio avec galerie et lightbox · Contact · CGV conformes RGPD · Pages géographiques Gérardmer, Nancy, Colmar
Les outils Google configurés
Un beau site bien codé ne suffit pas : encore faut-il que Google le voie, le comprenne et puisse en mesurer les performances. Voici ce qui a été mis en place.
Google Tag Manager
Événements clés configurés : clic formulaire, clic téléphone, scroll pages séances
Google Analytics 4
Relié à GTM — tableau de bord configuré
Google Search Console
Vérification propriété, soumission sitemap, surveillance indexation
Google Business Profile
Checklist d'optimisation remise à la cliente : description SEO, services, zone, guide avis
Résultats & performances
95+
Score PageSpeed Desktop
−70%
Poids moyen des images
~2 min
Déploiement automatique
Les images sont désormais servies en WebP avec des dimensions explicites pour éviter le CLS. Le déploiement se fait automatiquement à chaque push GitHub en environ 2 minutes, avec un rechargement gracieux via pm2 reload — zéro downtime.
Les CGV ont été rédigées et intégrées conformément au RGPD : droit de rétractation, médiation, données personnelles. Adélaide dispose ainsi d'un outil marketing complet et conforme, qu'elle peut faire évoluer sereinement.
Note de l'auteur — Frédéric R.
Ce projet m'a rappelé pourquoi j'aime autant les sites vitrines que le e-commerce. Moins de complexité technique, mais davantage de travail sur l'émotion et la confiance. Le site doit donner envie — avant même que la cliente ait lu un mot. Si vous avez un projet de site vitrine ou de refonte, contactez-moi sur rfdev.fr : je vous répondrai sous 24h.