Contexte du projet
Dans le cadre de ma formation, j’ai travaillé sur un projet concret de développement de la présence en ligne d’une entreprise fictive : STESIO, une ESN issue de la fusion de deux sociétés spécialisées dans le développement web et mobile, l’hébergement cloud, l’infogérance, et la vente d’ordinateurs.
Le CEO, Nordine Ateur, souhaitait moderniser l'image de l’entreprise avec un site WordPress professionnel qui permette de :
- Présenter ses activités,
- Attirer du trafic grâce à des articles techniques,
- Permettre la prise de contact et la vente de produits (PC fixes et portables).
Mise en place de l’environnement
Hébergement
Pour répondre aux exigences du cahier des charges, j’ai :
- Déployé une machine virtuelle sous Debian 12,
- Installé la dernière version de WordPress en français,
- Configuré un nom de domaine interne https://stesio.tpatois.local.
Choix du thème
Le choix du thème WordPress est stratégique. J’ai opté pour un thème adapté aux entreprises de services numériques, responsive et régulièrement mis à jour.
Critères techniques retenus :
- Compatibilité avec la dernière version de WordPress,
- Responsive design (mobile & tablette),
- Optimisation SEO native,
- Accessibilité (notamment pour les malvoyants),
- Support de WooCommerce pour la vente.
Extensions WordPress : points de vigilance
Avant d’installer des extensions, il faut vérifier :
- Leur fréquence de mise à jour,
- Le nombre d’installations actives (gage de confiance),
- Les avis utilisateurs,
- Leur compatibilité avec la version actuelle de WordPress,
- Leur respect des standards de sécurité.
Extensions utilisées
| Extension | Rôle | Pour qui ? | Raisons du choix |
|---|---|---|---|
| CookieYes – GDPR Cookie Consent | Bannière de cookies RGPD | Visiteur | Conforme RGPD, facile à personnaliser |
| Elementor | Création de pages en drag & drop | Admin | Intuitif, personnalisation poussée sans coder |
| MapPress Google Maps | Affichage de la géolocalisation | Visiteur | Ajoute une carte interactive sur la page contact |
| Ovation Elements | Widgets supplémentaires pour Elementor | Admin | Complète Elementor avec des blocs prêts à l’emploi |
| SecuPress Free + Simple SSL | Sécurité du site (protection + HTTPS) | Tous | Sécurise l’accès au site et force le HTTPS |
| SF Move Login | Changement d’URL de connexion admin | Admin | Protège contre les attaques par force brute |
| WooCommerce | Vente de produits en ligne | Visiteur & Admin | Solution e-commerce complète et intégrée |
| WooPayments | Moyens de paiement WooCommerce | Visiteur | Permet la gestion des paiements directement |
| WPForms Lite | Formulaire de contact | Visiteur | Facile à configurer, compatible RGPD |
| Yoast SEO | Optimisation du référencement | Admin | Aide à structurer le contenu pour le SEO |
RGPD et mentions légales
Pour répondre aux exigences européennes (RGPD), le site comporte :
- Une page de mentions légales,
- Une politique de confidentialité claire,
- Un formulaire d’exercice des droits RGPD (accès, rectification, suppression),
- Une bannière de consentement aux cookies.
Accessibilité et compatibilité
Le site est entièrement responsive : il s’adapte aux écrans mobiles et tablettes. Il respecte également les règles d’accessibilité pour les malvoyants (contrastes, balises alt, navigation clavier).
Présentation du site final
Pour la démonstration, j’ai intégré :
- Des pages métiers avec du faux-texte (type Lorem Ipsum),
- Des articles de blog techniques fictifs,
- Des produits avec images et descriptions générées,
- Des images libres de droit depuis Unsplash et Pexels.
Référencement (SEO)
Le site a été optimisé pour le référencement :
- Balises titres et métas bien définies,
- Structure logique (H1, H2…),
- Fichier sitemap généré automatiquement,
-
Extension Yoast SEO pour vérifier l'optimisation
Conclusion
Ce TP m’a permis de maîtriser les aspects essentiels de la mise en ligne d’un site WordPress professionnel :
- Choix technique du thème et des extensions,
- Respect du RGPD,
- Mise en place de la vente en ligne et des formulaires de contact,
- Prise en compte de l’accessibilité et du SEO.