Intégration de 32 pages HTML/CSS/JS dans WordPress avec Astra/Spectra

Nous refondons le site idano.fr, une entreprise de rénovation intérieure tous corps d’état basée à Montreuil (93), intervenant à Paris et en petite couronne.

Les 32 pages du nouveau site sont déjà entièrement conçues, rédigées et livrées sous forme de fichiers HTML/CSS/JS autonomes, avec un fichier statique par page.

Le travail de conception, de rédaction, d’optimisation SEO et d’accessibilité est déjà terminé. La mission consiste donc à intégrer et reconstruire ces pages dans WordPress, en utilisant exclusivement le thème Astra et le page builder Spectra, tout en remplaçant le contenu du site actuellement en ligne et en conservant les mêmes URLs.

Il ne s’agit pas de créer un nouveau site à partir de zéro. Le site actuel fonctionne déjà sous WordPress avec Astra installé. L’objectif est de migrer fidèlement les contenus et les composants fournis dans la structure WordPress/Spectra existante.

Organisation réelle des 32 pages

Même si le site comprend 32 pages, celles-ci reposent en réalité sur seulement 11 structures de page distinctes.

8 pages à structure unique

* Page d’accueil
* Prestations
* Réalisations
* Partenaires
* À propos
* Contact
* Page listant les conseils et articles
* Page géolocale

3 templates réutilisables

* Un template commun pour les 15 pages de prestations
* Un template commun pour les 6 articles de blog
* Un template commun pour les 3 pages légales

L’intégration devra donc être organisée de manière rationnelle : création des 8 pages uniques, puis création et déclinaison des 3 modèles réutilisables.

Éléments fournis

* Les 32 pages complètes en HTML/CSS/JS, avec les contenus finaux et les textes validés
* Les structures SEO et les données Schema.org déjà mises en place
* Un document de passation détaillant la structure de chaque type de page, les principales classes CSS et les comportements JavaScript
* La liste complète des 32 pages avec leurs URLs cibles
* Les indications nécessaires pour les composants personnalisés :

* accordéons FAQ ;
* slider avant/après ;
* formulaire de demande de devis en plusieurs étapes ;
* menu mobile.

Gestion des images

Les images ne font pas partie de la mission d’intégration.

Je me chargerai personnellement :

* de téléverser les images dans la médiathèque WordPress ;
* de les associer aux différentes pages ;
* de leur optimisation et de leur compression à l’aide d’une extension WordPress dédiée.

Il n’est donc pas nécessaire de prévoir du temps pour l’importation, la compression, l’optimisation ou la gestion des fichiers image.

Compétences recherchées

1. Excellente maîtrise de WordPress, du thème Astra et du page builder Spectra.
L’utilisation d’un autre builder n’est pas envisagée.

2. Bonne compréhension du HTML, du CSS et du JavaScript afin de retranscrire fidèlement les composants et les mises en page fournis dans Spectra.

3. Capacité à créer des structures réutilisables et cohérentes pour les pages partageant un même gabarit.

4. Rigueur concernant le SEO technique :

* balises title et meta description ;
* URLs et slugs ;
* balises canonical ;
* données structurées Schema.org en JSON-LD ;
* hiérarchie des titres ;
* maillage interne.

5. Attention particulière à l’accessibilité :

* labels de formulaire ;
* navigation au clavier ;
* attributs nécessaires ;
* contrastes ;
* absence de dégradation des optimisations déjà présentes dans les fichiers sources.

6. Utilisation courante d’un plugin SEO tel que Yoast SEO ou Rank Math.

Livrables attendus

1. Les 32 pages intégrées dans WordPress avec Spectra, de manière visuellement fidèle aux fichiers HTML fournis.

2. Les 8 pages uniques correctement reconstruites.

3. Les 3 modèles de page réutilisables correctement créés et déclinés :

* 15 pages prestations ;
* 6 articles de blog ;
* 3 pages légales.

4. Le header et le footer intégrés comme éléments globaux, communs à l’ensemble du site et non dupliqués manuellement sur chaque page.

5. Tous les comportements interactifs fonctionnels :

* accordéons FAQ ;
* slider avant/après ;
* formulaire de devis en plusieurs étapes ;
* navigation et menu mobile.

6. Les balises SEO, les données Schema.org et les balises canonical correctement reportées page par page.

7. La vérification de l’ensemble des liens internes après l’intégration.

8. Le respect exact des slugs et des URLs fournis afin de conserver les URLs actuelles et d’éviter toute perte SEO.

9. Une vérification responsive sur ordinateur, tablette et mobile.

Communication et suivi du projet

Une communication régulière pendant toute la durée du projet est indispensable.

Le prestataire devra fournir des points d’avancement fréquents afin que je puisse :

* suivre les pages déjà intégrées ;
* vérifier progressivement la conformité du travail ;
* signaler rapidement d’éventuels écarts ;
* éviter de découvrir les problèmes uniquement à la fin de la mission.

Le projet devra donc avancer par étapes clairement identifiables, avec la possibilité de contrôler et de valider régulièrement les intégrations réalisées.

Une absence prolongée de réponse ou de visibilité sur l’avancement du projet ne sera pas compatible avec la mission.