Situation Professionnelle : Déploiement de la présence en ligne de Solutech (SP-P1)

Compétences du référentiel visées :

• 3.3 : Participer à l'évolution d'un site web

  • Justification : Création et évolution d'une installation technique vers une plateforme professionnelle conforme au RGPD, mesurable via Matomo et exploitable en totale autonomie par le client.

• 5.1 : Réaliser les tests d'intégration

  • Justification : Validation du bon fonctionnement global de l'infrastructure en testant l'état des services (Apache, MariaDB) et les réponses HTTP pour vérifier que tout communique correctement entre elles.

Contexte et objectifs :

Solutech (PME) n’avait aucune présence web professionnelle. Léo Martin, responsable SI, m’a confié le déploiement du site corporate sur Wordpress (10.2.2.20), avec référencement, mesure d’audience, conformité juridique et mise en service validée.

Objectif : mettre en ligne un service web WordPress opérationnel, visible, conforme LCEN/RGPD, documenté et recetté.

Besoins identifiés :

• [Besoin 1 — Présence] : J'ai besoin d'un site web vitrine professionnel pour présenter l'entreprise Solutech, détailler nos services et permettre à nos futurs clients de nous contacter facilement.

• [Besoin 2 — Visibilité] : Je veux que mon site soit bien référencé sur les moteurs de recherche et pouvoir analyser précisément mes statistiques de visites, tout en respectant strictement la loi (RGPD).

• [Besoin 3 — Mise en service] : Je souhaite que mon équipe soit totalement autonome pour publier des actualités au quotidien, grâce à des comptes sécurisés et un guide d'utilisation clair, avant de valider formellement la livraison.

Solution technique retenue et justifications :

Pour répondre à ces besoins, j’ai déployé :

• Stack LAMP (Debian 13, Apache2, MariaDB, PHP) + WordPress

  • Justification : Fournir une infrastructure open-source robuste et standardisée pour faire tourner le CMS, garantissant la fiabilité du site et la simplicité d'administration.

• Yoast SEO + sitemap_index.xml + robots.txt

  • Justification : Contrôler l'exploration du site par les moteurs de recherche et structurer le référencement naturel pour répondre au besoin de visibilité.

• Matomo auto-hébergé (alias /matomo)

  • Justification : Garantir la souveraineté totale des données de navigation (stockées sur le serveur local) pour assurer une conformité RGPD stricte, contrairement aux solutions cloud tierces.

• Pages juridiques (mentions LCEN, politique confidentialité, bandeau cookies) + veille e-réputation

  • Justification : Mettre le site en stricte conformité avec les obligations légales françaises et européennes pour éviter toute sanction, tout en protégeant l'image de marque de l'entreprise.

• Recette (8 tests + PV Go/No-Go) + guide utilisateur 1 page

  • Justification : Valider formellement la conformité technique du livrable, assurer l'autonomie des utilisateurs finaux avec un support adapté, et acter la livraison officielle du projet.

Réalisation (ce que j’ai fait) :

• Étape A — Déploiement de l'infrastructure et du CMS
  J'ai préparé l'environnement serveur en installant et configurant une stack LAMP sous Debian. J'ai paramétré le VirtualHost sous Apache, créé la base de données wp_solutech avec MariaDB, puis déployé et sécurisé l'installation initiale de WordPress.

• Étape B — Intégration front-end et personnalisation
  J'ai adapté le thème graphique à l'identité de Solutech (logo, favicon, palette de couleurs, typographie) en incluant du CSS personnalisé. J'ai structuré la navigation principale (Accueil, Services, Contact) et vérifié la bonne insertion des contenus en base de données via des requêtes SQL (SELECT ciblées sur la table wp_posts).

• Étape C — Optimisation, conformité et livraison
  J'ai configuré le référencement naturel (Yoast SEO, robots.txt, sitemap) et déployé l'outil de statistiques Matomo en auto-hébergement pour préserver la souveraineté des données. J'ai assuré la stricte conformité légale du site (RGPD, mentions LCEN, bandeau de consentement des cookies). Enfin, j'ai créé des accès restreints (comptes métiers), rédigé le guide utilisateur, exécuté le plan de tests (8 cas d'intégration et d'acceptation) et validé la mise en production via la signature du procès-verbal de recette (PV) avec le client.

Preuves de réalisation finale :

Preuve 1 — Stack LAMP opérationnelle

Les statuts actifs des services et la réponse du serveur web confirment que la stack LAMP est pleinement opérationnelle en HTTP.

Preuve 2 — Site WordPress en ligne

L'accès au tableau de bord avec l'identifiant admin-solutech valide la chaîne technique LAMP, l'installation de Wordpress et garantit à l'entreprise un environnement d'administration sécurisé pour piloter son site web.

Preuve 3 — CSS additionnel complet

Mon CSS Customizer prouve la surcharge charte (couleurs + typo) sans toucher au thème parent.

/* 1. L'import des polices Google DOIT être sur la toute première ligne */ @import url('https://fonts.googleapis.com/css2?family=Instrument+Serif&family=Montserrat+Alternates:wght@600&display=swap'); :root { /* Tes couleurs de l'étape 4 */ --color-primary: #1A3A5C; --color-accent: #E8A020; /* 2. Ajout des variables pour les polices (attention aux guillemets !) */ --font-heading: 'Montserrat Alternates', sans-serif; --font-body: 'Instrument Serif', serif; } /* 3. Application des couleurs du header (étape 4) */ .site-header { background-color: var(--color-primary); } .main-title a { color: #ffffff; } .site-header .site-description { color: var(--color-accent); } /* 4. Application des polices et couleurs sur les titres */ h1, h2, h3 { color: var(--color-primary); font-family: var(--font-heading); } /* 5. Application de la police sur le texte normal (le corps) */ body { font-family: var(--font-body); }

Preuve 4 — SQL pages publiées

Un SELECT sur wp_posts prouve qu’Accueil, Services et Contact existent en publish / page.

MariaDB [wp_solutech]> SELECT post_title, post_status, post_type FROM wp_posts WHERE post_type='page' AND post_status='publish'; +----------------------+-------------+-----------+ | post_title | post_status | post_type | +----------------------+-------------+-----------+ | Services | publish | page | | Accueil | publish | page | | Contact | publish | page | | Actualités Solutech | publish | page | +----------------------+-------------+-----------+ 4 rows in set (0,001 sec)

Preuve 5 — Charte sur le front (capture)

Logo, slogan, favicon, menu, couleurs et typographies Solutech sont visibles sur le front.

Source du logo et favicon : Gemini Pro

Preuve 6 — Yoast SEO

Les quatre pages vitrine sont optimisées on-page et le backlog Yoast est avancé.

Preuve 7 — Matomo (tableau de bord)

L’audience est bien mesurée sur le SI Solutech.

Preuve 8 — Conformité juridique + e-réputation

Footer légal et veille image en place en conformité LCEN et e-réputation.

• Source : Résultats Google (Solutech, site interne lab)
• État constaté : Validé

• Action recommandée : Surveiller l’indexation ; signaler un contenu nuisible

• Source : Avis / fiches d’entreprise (Google, Pages jaunes…)

• État constaté : Validé

• Action recommandée : Répondre sous 48 h ; signaler les faux avis.

• Source : Outil d’alerte (ex. Google Alerts sur le nom)

• État constaté : Non créé en lab
• Action recommandée : À mettre en place en production sur la boîte admin@solutech.fr

Preuve 9 — Plan de tests + PV de recette

La recette démontre formellement par un document signé (le PV) que la base technique du site fonctionne correctement et que le client est capable de l'utiliser en totale autonomie.

Lien vers le fichier recette

Preuve 10 — Guide utilisateur (1 page)

La rédaction du guide avant les tests assure que l'on évalue réellement l'efficacité du support écrit (le contrôle), garantissant ainsi que le client non-technicien pourra exploiter son site en totale autonomie une fois le technicien parti (l'enjeu métier).

Le guide utilisateur