Détails du projet
Livraison d’un site clé en main – Français uniquement – SEO optimisé
Contexte
J’ai acheté un template HTML sur ThemeForest.
Je recherche un développeur front-end expérimenté capable de l’intégrer, le personnaliser et livrer un site prêt à publier, en français uniquement, rapide, robuste, et conforme à toutes les bonnes pratiques SEO, performances, accessibilité et sécurité.
Objectifs du projet
Transformer le template en un site professionnel complet et performant.
Garantir un score élevé sur Google Lighthouse (≥ 95 en Performance et SEO).
Respecter les normes HTML5, CSS3, JS et les standards d’accessibilité WCAG 2.2 AA.
Optimiser le site pour un référencement naturel solide dès le lancement.
Pages à intégrer
1. Page d’accueil
Présentation globale de l’activité.
Hero avec visuel et texte accrocheur.
Aperçu des interventions.
Témoignages/avis patients.
Présentation des chirurgiens.
Formulaire rapide de demande de devis.
2. Interventions
Liste de toutes les interventions en grille ou liste.
Photo, nom, courte description + lien vers la fiche.
3. Page Intervention (modèle unique à dupliquer)
Description complète de l’intervention.
Bienfaits, étapes, résultats attendus.
Photos avant/après optimisées.
Bouton “Demander un devis”.
4. Avis
Témoignages textes, photos ou vidéos.
Système de filtrage par type d’intervention.
5. Devis
Formulaire complet : Nom, prénom, e-mail, téléphone, intervention, message, photos.
Protection anti-spam (reCAPTCHA v3 ou équivalent).
Message de confirmation après envoi.
6. Chirurgiens
Liste avec photo, nom, spécialité, lien vers fiche.
7. Page Chirurgien (modèle unique à dupliquer)
Photo professionnelle.
Diplômes, spécialités, années d’expérience.
Témoignages patients.
8. FAQ
Questions fréquentes classées par thème.
Présentation en accordéon.
9. À propos
Présentation de l’agence/clinique, équipe, valeurs.
Certifications et engagements qualité.
10. Blogs
Liste d’articles : titre, image, date, résumé.
11. Page Blog (modèle unique à dupliquer)
Article complet avec images, H2/H3, maillage interne.
Boutons de partage social.
12. Mentions légales
Identité de l’éditeur, hébergeur, droits d’auteur.
13. Politique de confidentialité
Conformité RGPD, traitement des données, contact.
14. Politique de cookies
Explication des cookies, durée, gestion du consentement.
15. CGU
Règles d’utilisation du site.
16. CGV
Tarifs, paiements, annulations/remboursements.
17. Plan du site
Version HTML cliquable + sitemap.xml pour SEO.
Exigences techniques
HTML5 sémantique (1 seule H1/page, hiérarchie Hn logique).
CSS optimisé (BEM ou équivalent, suppression du CSS inutilisé, Critical CSS inline).
JS léger (déféré/async, pas de scripts lourds inutiles).
Responsive mobile-first avec images adaptatives (srcset).
Lazy-loading pour les médias.
Compatibilité navigateurs modernes (Chrome, Safari, Firefox, Edge, iOS, Android).
Optimisation Core Web Vitals :
LCP ≤ 2,5 s
CLS ≤ 0,1
INP ≤ 200 ms
Images WebP/AVIF + compression.
Fonts optimisées (font-display: swap, préchargement).
SEO technique :
Balises title/meta optimisées
Open Graph et Twitter Cards
Données structurées JSON-LD (Organization, LocalBusiness, Service, FAQPage, Article)
Sitemap.xml + robots.txt
Balises canoniques
Breadcrumbs visuels + Schema.org
Accessibilité : ARIA, alt images, contrastes, navigation clavier.
Sécurité : en-têtes HTTP sécurisées, nettoyage des formulaires côté serveur.
RGPD : bannière cookie CNIL conforme, gestion du consentement avant chargement de scripts.
Livrables attendus
Code source complet, propre et commenté.
Version minifiée et optimisée pour production.
Fichiers sitemap.xml, robots.txt, favicon, icônes.
Documentation d’installation/déploiement.
Rapport final avec score Lighthouse et checklist SEO.
