Cahier des charges QUALOPSYS
Cahier des charges SEO, HTML, CSS et shortcodes QUALOPSYS – Framework v2
Cette page est le document de référence interne pour créer, réécrire, corriger et contrôler les pages du site QUALOPSYS. Elle définit les règles SEO, la structure HTML, les composants graphiques, les shortcodes, le maillage interne, les images, les FAQ, les CTA, les avis Google et les contrôles qualité avant publication.
Elle remplace les anciennes conventions dispersées. Toute nouvelle page ou reprise de page QUALOPSYS doit respecter ce référentiel.
Document interne • Page noindex recommandée • Référence unique QUALOPSYS • CSS global 2026-06-20 • Framework PHP v2 2026-06-21
Statut
Document interne de référence
Cette page doit rester une page interne de référence. Elle peut être publiée dans WordPress pour consultation, mais elle doit rester hors index Google.
Indexation
Cette page doit être configurée en noindex, follow dans Rank Math. Elle ne doit pas être intégrée au sitemap public si cela peut être évité.
Référence unique
Elle sert de cahier des charges pour toutes les pages QUALOPSYS : pages services, pages problèmes, articles experts, pages hubs et pages internes.
Mise à jour
Ce référentiel doit être mis à jour lorsque le CSS global, les shortcodes, les règles SEO ou les composants changent.
Objectifs SEO
Ce que le site QUALOPSYS doit vendre et rendre visible
Le site QUALOPSYS doit positionner Alain Chazot comme consultant qualité agroalimentaire expérimenté, auditeur IFS Food et intervenant terrain capable d’auditer, diagnostiquer et résoudre des problèmes qualité ou microbiologiques.
Audits
Audit qualité agroalimentaire, audit interne IFS Food, audit blanc IFS, audit HACCP, audit hygiène, audit fournisseur, audit inopiné, audit ISO 22000 et audit FSSC 22000.
Problèmes qualité
Contamination microbiologique, Listeria, entérobactéries, niches microbiologiques, défauts produit, réclamations clients, corps étrangers, contamination croisée, allergènes.
Performance terrain
Accompagnement qualité, amélioration de la performance, résolution de problèmes, analyse des causes racines, variabilité du dosage, surdosage, validation, NEP/CIP et durée de vie.
Framework QUALOPSYS v2
Un seul snippet PHP, un seul CSS global, une seule méthode
Le site QUALOPSYS utilise désormais un framework v2 centralisé. Les anciens snippets dispersés doivent être désactivés après validation du snippet unique.
Fichier PHP validé
Fichier de référence : qualopsys-framework-v2-2026-06-21.php. Il regroupe Font Awesome, les icônes, les CTA, les notes, les images, les figures, la FAQ, les articles liés et les avis Google.
CSS global
CSS de référence : QUALOPSYS – CSS global épuré et corrigé – Version 2026-06-20. Ce CSS gère les variables, sections, hero, boutons, cards, timeline, FAQ, CTA, avis Google, images, tableaux, maillage et responsive.
Font Awesome
Une seule version autorisée : Font Awesome 6.7.2, chargée par le framework PHP v2. Aucun chargement manuel par balise <link> dans les pages.
Structure HTML
Structure obligatoire d’une page QUALOPSYS
Toute page métier ou SEO doit suivre une structure stable, lisible, compatible avec Elementor et conforme au CSS global.
Commentaire de référence en tout premier
Le code doit commencer par : <!-- Mise à jour : JJ/MM/AAAA | Titre : ... | URL : https://qualopsys.fr/.../ -->.
Wrapper global
Tout le contenu visible doit être dans <div class="qs-page"> ... </div>. Le JSON-LD est placé après le wrapper.
Hero standard
Le hero utilise qs-hero qs-section, qs-container, qs-hero-grid, qs-hero-header, qs-hero-text, qs-hero-media, qs-hero-media-frame et
Sommaire
Le sommaire utilise qs-section-sommaire, qs-sommaire-center et qs-sommaire-list. Il doit pointer vers les sections principales.
Sections métier
Les sections utilisent qs-section, qs-container, qs-section-heading, qs-card-grid, qs-two-columns, qs-note, qs-timeline-card, qs-faq-card selon les besoins.
Fin de page
Une page métier doit finir avec un CTA final, et le JSON-LD adapté.
Shortcodes officiels
Shortcodes QUALOPSYS v2 à utiliser
Les shortcodes suivants sont les seuls shortcodes de référence pour les pages QUALOPSYS.
Icône simple
Ancien format name="..." accepté temporairement pour compatibilité, mais le standard est icon="...".
Titre de carte
Analyser les causes
Obligatoire dans les cartes. Il remplace les anciens blocs avec icône vide.
Image hero
Doit être placé dans <div class="qs-hero-media-frame">.
Image et figure
Les IDs WordPress des images doivent être consignés dans le cahier de page.
CTA
Texte...
Le CTA accepte jusqu’à 3 boutons.
Articles liés
Utilise la table wpu8_qs_maillage. Limite par défaut : 8 liens, configurable par display_limit.
Avis Google
Avis Google Retours d’entreprises accompagnées par QUALOPSYS en audit, hygiène, amélioration continue et accompagnement terrain.Témoignages clients sur Google
Alias accepté : Avis Google Retours d’entreprises accompagnées par QUALOPSYS en audit, hygiène, amélioration continue et accompagnement terrain.Témoignages clients sur Google
FAQ v2
FAQ Réponse 2.
Question 2 ?
Timeline v2
Une seule structure de timeline autorisée
Les anciennes timelines qui utilisaient des structures différentes peuvent casser l’affichage. Le modèle v2 ci-dessous est obligatoire.
<div class="qs-timeline-card">
<div class="qs-timeline">
<div class="qs-timeline-item">
<span class="qs-timeline-number">1</span>
<div class="qs-timeline-content">
<h3>Titre de l’étape</h3>
<p>Description de l’étape.</p>
</div>
</div>
</div>
</div>CTA
Règles de CTA par type de page
Les CTA doivent être visibles, cohérents et réguliers sur les pages stratégiques.
Pages services
Standard : 3 CTA.
- CTA dans le hero via boutons.
- CTA intermédiaire avec
- CTA final avec
Articles experts
Standard : 2 CTA.
- CTA intermédiaire si le contenu est long.
- CTA final avant ou après les articles liés.
Images
Règles images, hero et métadonnées SEO
Les images sont gérées par les shortcodes du Framework v2 et les IDs WordPress doivent être documentés.
ID image
Pour chaque page, noter les IDs WordPress des images utilisées : image mise en avant, figures, images liées.
Images QUALOPSYS
Pour les futures images générées QUALOPSYS : JPG, 800 × 600 px, nom de fichier SEO basé sur le slug de la page.
Hygiène agroalimentaire
Pour les scènes agroalimentaires : cheveux couverts, absence de bijoux, pas de barbe, stylo bleu détectable métal si stylo visible.
Maillage interne
Table SQL et shortcode articles liés
Le maillage interne QUALOPSYS est piloté par une table dédiée et rendu par .
Table de référence
Table : wpu8_qs_maillage. Colonnes principales : source_post_id, target_post_id, anchor_text, description, link_group, placement, priority, sort_order, active, source_slug_ref, target_slug_ref, display_limit.
Pages piliers
Les pages piliers doivent concentrer plus de liens entrants : services qualité, consultant qualité, audit qualité, audit HACCP, audit interne IFS, problèmes qualité.
Clusters
Chaque cluster doit comporter une page pilier, des pages filles et des liens croisés cohérents : audits, problèmes qualité, microbiologie, emballages, dosage/surdosage, performance qualité.
JSON-LD
Données structurées
Le JSON-LD doit être adapté à l’intention de la page et placé sous le HTML.
Page service
Utiliser principalement Service, éventuellement WebPage et FAQPage si une FAQ est présente.
Article expert
Utiliser Article ou BlogPosting, avec FAQPage si pertinent.
Organization
Ne pas ajouter manuellement un ancien schéma Organization obsolète. Rank Math gère l’organisation principale. L’ancien domaine environnement.qualopsys.fr ne doit plus apparaître.
Contrôles SQL
Contrôles qualité avant livraison
Ces requêtes servent à identifier les pages qui ne respectent pas encore le standard QUALOPSYS.
Pages sans commentaire de référence
SELECT ID, post_title, post_name
FROM wpu8_posts
WHERE post_status='publish'
AND post_type IN ('page','post')
AND post_content NOT LIKE '%Mise à jour :%';Anciennes icônes Font Awesome interdites
SELECT ID, post_title, post_name
FROM wpu8_posts
WHERE post_status='publish'
AND post_content LIKE '%<i class="fa%';Icônes de cartes vides interdites
SELECT ID, post_title, post_name
FROM wpu8_posts
WHERE post_status='publish'
AND post_type IN ('page','post')
AND post_content LIKE '%qs-card-icon"></div>%';Pages métier sans image hero
SELECT ID, post_title, post_name
FROM wpu8_posts
WHERE post_status='publish'
AND post_type='page'
AND post_content NOT LIKE '%%';Ancien domaine à exclure
SELECT option_name
FROM wpu8_options
WHERE option_value LIKE '%environnement.qualopsys.fr%';
SELECT p.ID, p.post_title, pm.meta_key
FROM wpu8_postmeta pm
JOIN wpu8_posts p ON p.ID = pm.post_id
WHERE pm.meta_value LIKE '%environnement.qualopsys.fr%';Pages à reprendre
Pages identifiées à corriger après validation du Framework v2
Ces pages ont été repérées comme non totalement conformes : CTA insuffisants, timeline cassée, icônes manquantes, images manquantes ou structure ancienne.
900176 – Audit qualité agroalimentaire
Constats : un seul CTA, timeline cassée. À réécrire au standard Framework v2.
900508 – Services qualité agroalimentaire
Constats : un seul CTA. À renforcer avec CTA intermédiaire, CTA final, FAQ v2 et structure homogène.
904256 – Audit interne ISO 22000
Constats : un seul CTA, timeline cassée. Maillage renforcé récemment. À réécrire proprement.
904279 – Audit interne FSSC 22000
Constats : images manquantes et timeline cassée. Maillage renforcé récemment. À reprendre intégralement.
904299 – Audit inopiné agroalimentaire
Constats : pas d’icônes, images manquantes, timeline cassée. À remettre intégralement au standard.
Checklist finale
Contrôle obligatoire avant livraison d’une page
HTML
- Commentaire de mise à jour en première ligne.
- Wrapper
qs-page. - Hero conforme avec
- Sommaire si page longue.
- Sections avec classes CSS existantes.
- Timeline v2 si timeline.
- FAQ v2 si FAQ.
Shortcodes
- Icônes avec
. - Cartes avec
. - Aucun
<i class="fa...">. - Aucun
qs-card-iconvide. présent sauf page légale ou exception justifiée.- CTA conformes au type de page.
SEO
- H1 unique.
- Mot-clé principal clair.
- Mots-clés secondaires intégrés naturellement.
- Liens internes vers pages stratégiques.
- Pas de cannibalisation non maîtrisée.
- JSON-LD cohérent.
Images
- Image mise en avant présente.
- Alt cohérent.
- Nom de fichier SEO.
- IDs WordPress consignés.
- Contraintes d’hygiène respectées pour images agroalimentaires.
Brief nouveau chat
Consignes à donner dans un nouveau chat
Copier ce brief dans un nouveau chat avec le fichier du cahier des charges si besoin.
Brief complet
Nous travaillons sur le site QUALOPSYS. Utiliser le cahier des charges QUALOPSYS Framework v2 comme référence absolue. Le site utilise le CSS global QUALOPSYS 2026-06-20 et le Framework PHP v2 2026-06-21. Pour chaque page à réécrire : fournir directement le HTML complet final, sans explication, sans fence Markdown, avec le commentaire de mise à jour en première ligne, le wrapper qs-page, un hero standard, ou ...
<i class="fa...">, aucun qs-card-icon vide, FAQ en cadre global unique, timeline v2 si timeline, CTA conformes, , et JSON-LD adapté sous le HTML. Ne pas perdre le contenu existant. Garder le ton à la première personne pour QUALOPSYS. Les textes destinés aux clients utilisent le vouvoiement si appel direct au client. Vérifier avant livraison que toutes les exigences sont intégrées.
Pages prioritaires à reprendre : 900176 audit-qualite-agroalimentaire, 900508 services-qualite-agroalimentaire, 904256 audit-interne-iso-22000, 904279 audit-interne-fssc-22000, 904299 audit-inopine-agroalimentaire.