Arborescence
& structure du site

Vue d'ensemble — arbre du site

Hiérarchie complète des routes publiques, légales et systèmes. Chaque page est versionnable via EmDash et indépendante au niveau du contenu.

attitudemassotherapie.com/
│
├── /                              Accueil (single-page actuelle)
│
├── services/                      Liste tous soins · filtres
│   └── [slug]/                    23 fiches massage + futures ortho/kiné
│
├── a-propos/                      Histoire, équipe, valeurs
│   └── equipe/                    Liste thérapeutes
│       └── [therapeute-slug]/     Profil individuel · Person schema
│
├── formation/                     Hub école · sélecteur 4 voies + filtres
│   ├── programme-professionnel/   Voie 1 · landing 475-510h
│   │   └── [approche]/            Amma · Californien · Suédois
│   ├── parcours-specifique/       Voie 2 · 1000h spécialisation
│   │   └── [slug]/                Masso-kiné · TuiNa · Onco
│   ├── parcours-par-approche/     Voie 3 · 1000h par approche
│   │   └── [approche]/            Amma · Californien · Suédois · Momentum
│   ├── avancees-a-la-carte/       Voie 4 · catalogue 35+ modules
│   │   └── [module-slug]/         Module individuel
│   ├── calendrier/                Vue calendrier filtrable 2025-2026
│   ├── seance-information/        RDV conseillère gratuit
│   └── conseillere-pedagogique/   Page contact dédiée · 418-522-0106 #2
│
├── quartiers/                     GEO · pages locales par quartier
│   ├── sainte-foy/
│   ├── sillery/
│   ├── limoilou/
│   ├── beauport/
│   ├── charlesbourg/
│   └── levis/
│
├── cadeaux/                       Boutique cartes-cadeaux
│   ├── commander/                 Tunnel d'achat
│   └── confirmation/              Page succès
│
├── blog/                          Articles bien-être
│   ├── categorie/[slug]/
│   └── [article-slug]/            Article individuel
│
├── reservation/                   Système rdv (iframe ou natif)
│
├── contact/                       Coordonnées + formulaire
│
├── mentions-legales/           Légal Québec
├── politique-confidentialite/  Loi 25
├── conditions-utilisation/     CGU
│
├── 404                            Page introuvable
├── 500                            Erreur serveur
│
├── api/contact                   POST formulaire
├── api/cadeaux/checkout          POST tunnel achat
├── api/newsletter                POST inscription
│
├── sitemap.xml                    SEO crawler
├── robots.txt
└── /_emdash/                      Admin CMS (auth requis)

Légende

• Public●Pages indexables par les moteurs de recherche
• Légal●Pages obligatoires (Loi 25, mentions, CGU)
• API●Endpoints serveur (Astro Actions / Cloudflare Functions)
• Système●Pages techniques non liées dans la navigation

Spécifications par page

Chaque page documentée avec son objectif, sa source de données EmDash, ses sections ordonnées et ses composants requis.

Catalogue complet des soins offerts

23 soins de massothérapie, présentés dans l'ordre officiel du studio. Chaque entrée = une fiche dans la collection services (division=massotherapie) avec sa propre URL /services/[slug], ses propres meta SEO et son schema MedicalTherapy.

Intégration EmDash — collection services

Ces 23 entrées peuplent la collection services documentée en section 05 avec division: "massotherapie". Champs additionnels recommandés à ajouter au schéma :

Champ ajouté	Type	Pourquoi
ordre_officiel	number	Position 01-23 dans l'ordre source du studio (préservé pour affichage liste)
durees_disponibles	array<number>	Multiples durées par soin (ex: [60, 75, 90])
tarifs_par_duree	array<{duree, prix}>	Tarif différent par durée
tags_seo	array<string>	grossesse, douleur, sport, esthétique, drainage, énergétique — pour filtres bénéfices
est_signature	boolean	Mis en avant sur l'accueil et les résumés (Pierres chaudes, Suédois, Kobido)
soins_connexes	refs<services>	3 entrées suggérées en bas de fiche (boost SEO interne)
contre_indications_specifiques	richtext	Critique pour prénatal, onco, ventouses
therapeutes_certifies	refs<therapeutes>	Certains soins (Onco, Kobido, Lomi-Lomi) requièrent certification spécifique

Impact SEO/GEO

• Pages générées23 pages /services/[slug] indexables, chacune ciblée sur un mot-clé long-tail local
• Schema.orgMedicalTherapy + Service + Offer (price + duration) sur chaque fiche
• URL slugs · règleApproches techniques modernes : préfixe /massage-[type] (suédois, californien, sportif, prénatal, etc.). Approches énergétiques nommées d'origine ou autonomes : pas de préfixe (/lomi-lomi-nui, /reflexologie, /drainage-lymphatique, /onco-massotherapie, /masso-kinesitherapie, /soins-fasciatherapie, /kobido-massage-visage). Tous en kebab-case sans accents.
• Mot-clé localChaque H1 et title intègre "Québec" naturellement
• Filtres /servicesDurée, bénéfice (tag SEO), reçu d'assurance, thérapeute certifié — pas de regroupement par famille
• Ordre listeOrdre officiel du studio (champ ordre_officiel) préservé sur la page /services
• Pages spécialiséesLanding pages thématiques possibles : /massage-grossesse, /massage-sportif-quebec, /onco-massotherapie-quebec
• Cross-link3 soins connexes par fiche · maille interne dense
• Filière B2BMassage sur chaise (Touch Pro + suédois) → page dédiée /massage-entreprise-quebec

Comment l'école se présente au public

L'offre de formation est dense (3 programmes pro, 3 parcours spécifiques, 4 perfectionnements par approche, 35+ modules à la carte). Pour qu'un futur étudiant·e trouve rapidement ce qui s'applique à sa situation, l'architecture s'articule autour d'un sélecteur de parcours + 4 voies clairement nommées + un calendrier filtrable.

Filtres proposés sur la page /formation

L'objectif : qu'un visiteur trouve en moins de 30 secondes le programme qui lui correspond. Tous les filtres se combinent.

Calendrier des formations continues 2025-2026

Source de vérité : la collection EmDash cohortes (voir intégration CMS plus bas). Modules signalés *** = contributoires au programme de masso-kinésithérapie.

Notes importantes : Calendrier sujet aux changements — toujours vérifier les mises à jour avec la direction de l'école. Les horaires sont confirmés par courriel environ deux semaines avant chaque module. Les modules signalés *** sont contributoires au programme de masso-kinésithérapie.

Intégration EmDash — refonte de la collection formations

La structure originale de la collection formations (section 05) doit être étendue pour gérer les 4 voies, les multiples cohortes par programme, et les modules à la carte. Voici les ajouts requis :

Champ ajouté/modifié	Type	Notes
voie	enum	programme_pro | parcours_specifique | parcours_par_approche | a_la_carte — détermine le gabarit d'affichage
approche	enum	amma | californien | suedois | momentum | tuina | autre — pour filtre par approche
prerequis_niveau	enum	aucun | 400h | massotherapeute_certifie | programme_en_cours — pour filtre prérequis
contributoire_kine	boolean	Vrai pour modules signalés *** · affiché en page liste
disponibilite	array<enum>	[fin_semaine, semaine, soiree, en_ligne, jours_varies] · multi-valeur
thematiques	array<string>	anatomie, pathologie, drainage, energetique, esthetique, prenatal, onco, entreprise, lancement
heures	number	Total d'heures du module (7 à 557,5)
duree_categorie	enum	court (≤22,5h) | moyen (30-60h) | long (120-243h) | programme (≥475h)
cohortes	refs<cohortes>	Multiples cohortes par formation (nouvelle collection liée)
partenaire	string	Pour Onco et Métamorphique : "Arborescence"
page_dediee	boolean	true pour les 3 programmes pro et les 3 parcours spécifiques (page /formation/[slug])
conseillere_pedagogique	ref<personnel>	Pour redirection contact pédagogique

Nouvelle collection cohortes

Une formation peut avoir plusieurs cohortes (sessions). Pour gérer les calendriers multiples du tableau ci-dessus :

Arborescence des pages /formation/*

/formation/                                  Hub principal · sélecteur 5 voies + filtres
│
├── cours-introduction/                  Voie 0 · porte d'entrée · 15h · grand public + futurs pros
│   ├── amma/                            Intro Amma (15h)
│   ├── californien/                     Intro Californien (15h)
│   ├── suedois/                         Intro Suédois (15h)
│   └── tuina/                           Intro TuiNa (15h)
│
├── soirees-information/                 Voie 0 · gratuit · présentation 3 approches
│   └── [date]/                          Soirée datée (Schema Event)
│
├── programme-professionnel/             Voie 1 · landing 475-510h
│   ├── amma/                            Page programme Amma (510h)
│   ├── californien/                     Page programme Californien (475h)
│   └── suedois/                         Page programme Suédois (478h)
│
├── parcours-specifique/                 Voie 2 · landing 1000h spécialisation
│   ├── masso-kinesitherapie/            557,5h
│   ├── tuina/                           120h
│   └── onco-massotherapie/              225h · partenariat Arborescence
│
├── parcours-par-approche/               Voie 3 · landing 1000h par approche
│   ├── amma/
│   ├── californien/
│   ├── suedois/
│   └── momentum/
│
├── avancees-a-la-carte/                 Voie 4 · catalogue + calendrier filtrable
│   └── [module-slug]/                   Page module individuel
│
├── calendrier/                          Vue calendrier complet 2025-2026
├── seance-information/                  Prise RDV avec conseillère pédagogique
└── conseillere-pedagogique/              Page accompagnement + 418-522-0106 #2

Impact SEO/GEO

• Hub /formationTitle : École de massothérapie reconnue · L'Attitude · Québec · cible "formation massothérapie Québec", "école massothérapie reconnue Québec"
• Pages programme3 landing pro + 3 parcours spécifiques + 4 par approche = 10 pages indexables fortes
• Schema.orgEducationalOrganization sur hub · Course + CourseInstance par programme/cohorte
• Modules à la carte35+ pages /formation/avancees-a-la-carte/[slug] · long-tail spécialisés ("formation drainage lymphatique Québec")
• Local FQM/RMQMention explicite des associations · backlink depuis annuaires écoles reconnues
• Page conseillèreCTA téléphone visible (418-522-0106 #2) · click-to-call · schema Person
• Filtres URL-friendly?voie=programme-pro&approche=suedois&dispo=fin-semaine indexable si valeur unique
• Calendrier dynamiqueDonnées structurées Event sur chaque cohorte → eligible Google Events

Architecture de navigation

Liens et hiérarchie cohérents sur tous les écrans. Header sticky desktop, drawer hamburger mobile, footer riche.

Tableau complet des routes

Toutes les URLs publiques, dynamiques et endpoints API avec leur méthode et leur fichier source Astro.

Méthode	Route	Fichier Astro	Description
GET	/	src/pages/index.astro	Accueil
GET	/services	src/pages/services/index.astro	Liste services
DYN	/services/[slug]	src/pages/services/[slug].astro	Service individuel
GET	/a-propos	src/pages/a-propos/index.astro	À propos + équipe
DYN	/a-propos/equipe/[slug]	src/pages/a-propos/equipe/[slug].astro	Profil thérapeute
GET	/formation	src/pages/formation/index.astro	Hub école · sélecteur 5 voies (incl. Voie 0)
GET	/formation/cours-introduction	src/pages/formation/cours-introduction/index.astro	Voie 0 · landing cours intro 15h · grand public + futurs pros
DYN	/formation/cours-introduction/[approche]	src/pages/formation/cours-introduction/[approche].astro	Intro Amma · Californien · Suédois · TuiNa
GET	/formation/soirees-information	src/pages/formation/soirees-information/index.astro	Liste soirées info gratuites · Schema Event
DYN	/formation/soirees-information/[date]	src/pages/formation/soirees-information/[date].astro	Soirée datée · inscription
GET	/formation/programme-professionnel	src/pages/formation/programme-professionnel/index.astro	Voie 1 · landing 475-510h (prérequis : intro 15h)
DYN	/formation/programme-professionnel/[approche]	src/pages/formation/programme-professionnel/[approche].astro	Amma · Californien · Suédois
GET	/formation/parcours-specifique	src/pages/formation/parcours-specifique/index.astro	Voie 2 · landing 1000h spécialisation
DYN	/formation/parcours-specifique/[slug]	src/pages/formation/parcours-specifique/[slug].astro	Masso-kiné · TuiNa · Onco
GET	/formation/parcours-par-approche	src/pages/formation/parcours-par-approche/index.astro	Voie 3 · landing 1000h par approche
DYN	/formation/parcours-par-approche/[approche]	src/pages/formation/parcours-par-approche/[approche].astro	Amma · Californien · Suédois · Momentum
GET	/formation/avancees-a-la-carte	src/pages/formation/avancees-a-la-carte/index.astro	Voie 4 · catalogue 35+ modules
DYN	/formation/avancees-a-la-carte/[slug]	src/pages/formation/avancees-a-la-carte/[slug].astro	Module individuel
GET	/formation/calendrier	src/pages/formation/calendrier.astro	Calendrier filtrable cohortes
GET	/formation/seance-information	src/pages/formation/seance-information.astro	RDV conseillère gratuit
GET	/formation/conseillere-pedagogique	src/pages/formation/conseillere-pedagogique.astro	Page contact dédiée · click-to-call
DYN	/quartiers/[slug]	src/pages/quartiers/[slug].astro	Page locale GEO par quartier (Sainte-Foy, Sillery, etc.)
GET	/cadeaux	src/pages/cadeaux/index.astro	Boutique cartes
GET	/cadeaux/commander	src/pages/cadeaux/commander.astro	Tunnel checkout
GET	/cadeaux/confirmation	src/pages/cadeaux/confirmation.astro	Page succès
GET	/blog	src/pages/blog/index.astro	Liste articles
DYN	/blog/[slug]	src/pages/blog/[slug].astro	Article individuel
DYN	/blog/categorie/[slug]	src/pages/blog/categorie/[slug].astro	Articles d'une catégorie
GET	/reservation	src/pages/reservation.astro	Prise de rdv
GET	/contact	src/pages/contact.astro	Coordonnées + form
GET	/mentions-legales	src/pages/legal/mentions.astro	Légal
GET	/politique-confidentialite	src/pages/legal/confidentialite.astro	Loi 25
GET	/conditions-utilisation	src/pages/legal/conditions.astro	CGU
POST	/api/contact	src/pages/api/contact.ts	Soumission formulaire
POST	/api/cadeaux/checkout	src/pages/api/cadeaux/checkout.ts	Paiement Stripe
POST	/api/newsletter	src/pages/api/newsletter.ts	Inscription infolettre
GET	/sitemap.xml	auto (Astro sitemap)	SEO
GET	/robots.txt	public/robots.txt	Crawler rules
GET	/404	src/pages/404.astro	Page introuvable
GET	/500	src/pages/500.astro	Erreur serveur (custom · log Sentry)

Modèles de données

Schémas de chaque collection EmDash : champs, types, contraintes. Ces schémas seront définis dans src/content/config.ts.

Collections SEO · GEO · E-A-T (ajouts critiques pour ranking local)

Ces 6 collections sont les leviers à plus haut ROI pour le ranking local Québec. Elles ne servent pas l'éditorial principal mais alimentent les rich results, les FAQ géolocalisées et l'autorité E-A-T (santé/YMYL).

Singletons (entrée unique)

• aboutHistoire, mission, valeurs (page À propos)
• contactCoordonnées, heures, carte
• site_settingsLogo, favicon, OG par défaut, social links, theme color
• navigationLiens header + footer (modifiables sans deploy)
• napSource de vérité unique : nom, adresse, téléphone, email, geo (lat/long), openingHours · injecté partout (footer, contact, JSON-LD, balise <address>)
• expertisePage "Notre expertise" : credentials d'équipe agrégés, médias, publications · alimente E-A-T santé/YMYL

Bibliothèque de composants réutilisables

Chaque composant Astro respecte la charte graphique. Stockés dans src/components/ et src/components/sections/.

Composants atomiques

Composants moléculaires

Composants section (organismes)

Layouts

Stratégie SEO par page

Title tags, descriptions, schema.org et OG images définis pour chaque type de page. Cible géographique : Québec (ville).

Page	Title pattern	Description	Schema.org
/	L'Attitude · Massothérapie à Québec	Centre de massothérapie, orthothérapie et kinésithérapie à Québec. Reçus assurances. École de formation.	LocalBusiness · MedicalBusiness
/services	Services et tarifs · L'Attitude	Catalogue complet des soins offerts par nos thérapeutes agréés. Reçus pour assurances.	ItemList
/services/[slug]	{titre} · L'Attitude Massothérapie Québec	{resume} (140-160 char)	MedicalTherapy + Service + Offer (price + duration)
/a-propos	À propos · L'Attitude Centre Massothérapie	Notre histoire, mission et équipe de thérapeutes agréés FQM/RMQ à Québec.	Organization · AboutPage
/a-propos/equipe/[slug]	{nom} · {titre} · L'Attitude	{bio_courte}	Person · jobTitle
/formation	École de massothérapie reconnue · L'Attitude · Québec	École reconnue FQM/RMQ · 4 voies : programme pro 475-510h, parcours 1000h spécifique ou par approche, modules à la carte.	EducationalOrganization
/formation/cours-introduction/[approche]	Cours d'introduction {approche} · 15h · L'Attitude Québec	Découverte du massage {approche} en 15h · prérequis programme pro · ouvert au grand public · prochaines cohortes.	Course + CourseInstance
/formation/soirees-information/[date]	Soirée d'information école massothérapie · {date} · L'Attitude	Présentation gratuite des 3 approches (Amma, Californien, Suédois) par les enseignants · Q/R conseillère pédagogique.	Event + EducationEvent (eligible Google Events)
/formation/programme-professionnel/[approche]	Devenir massothérapeute {approche} · École L'Attitude Québec	Programme {approche} {heures}h · accréditation FQM · cohorte fin de semaine · accompagnement conseillère pédagogique.	Course + CourseInstance + Offer
/formation/parcours-specifique/[slug]	{nom_programme} · Spécialisation 1000h · L'Attitude Québec	Parcours spécialisé {slug} pour massothérapeute certifié·e · atteinte 1000h · {prochaine_cohorte}.	Course + CourseInstance
/formation/parcours-par-approche/[approche]	Perfectionnement {approche} · 1000h · L'Attitude Québec	Acquisition d'une seconde approche ou perfectionnement · {heures}h · pour massothérapeute déjà formé·e.	Course
/formation/avancees-a-la-carte/[slug]	{titre_module} · {heures}h · Formation continue Québec	{description_module} · {prochaine_cohorte} · contributoire kiné si ***.	Course + CourseInstance
/formation/calendrier	Calendrier 2025-2026 · Formations massothérapie Québec	Toutes les cohortes par mois · filtres voie, approche, durée, disponibilité.	ItemList + Event (par cohorte)
/quartiers/[slug]	Massothérapie {quartier} · L'Attitude · Québec	Massothérapie au service du quartier {quartier} · accès, stationnement, transport · FAQ géolocalisée.	LocalBusiness + areaServed + FAQPage
/cadeaux	Carte-cadeau massothérapie · L'Attitude	Offrez un moment de bien-être. Cartes numériques livrées par courriel. Validité 1 an.	Product · Offer
/blog	Blog bien-être · L'Attitude	Conseils, articles santé et bien-être par nos thérapeutes professionnels.	Blog
/blog/[slug]	{titre} · Blog L'Attitude	{resume}	Article · BlogPosting
/contact	Contact · L'Attitude Massothérapie Québec	Coordonnées, heures d'ouverture, carte. Téléphone, courriel, adresse.	ContactPage

Constantes SEO globales

• Site nameL'Attitude Centre de Massothérapie
• Localefr-CA (primary) · en-CA (futur, x-default = fr-CA)
• RégionQuébec, QC, Canada · areaServed : Sainte-Foy, Sillery, Limoilou, Beauport, Charlesbourg, Lévis
• OG image défaut/og-default.jpg (1200×630) · Cloudflare Image Resizing pour OG dynamique
• Twitter cardsummary_large_image
• Theme color#6B774F (Heure du Thé)
• Sitemap/sitemap.xml (auto Astro · priorities + changefreq · ping GSC à chaque deploy)
• RobotsAllow all sauf /api, /_emdash, /cadeaux/confirmation · max-image-preview:large global

Schema.org · LocalBusiness + MedicalBusiness (template complet)

Bloc JSON-LD à injecter sur toutes les pages via BaseLayout.astro. Source des données : singleton nap + collection partenaires + agrégat temoignages.

{
  "@context": "https://schema.org",
  "@type": ["LocalBusiness", "MedicalBusiness", "HealthAndBeautyBusiness"],
  "@id": "https://attitudemassotherapie.com/#localbusiness",
  "name": "L'Attitude Centre de Massothérapie",
  "description": "Centre de massothérapie, orthothérapie et kinésithérapie · École reconnue FQM/RMQ.",
  "url": "https://attitudemassotherapie.com",
  "telephone": "+14185220106",
  "email": "info@attitudemassotherapie.com",
  "image": ["...studio-1.jpg", "...studio-2.jpg", "...exterieur.jpg"],
  "logo": "https://.../logo.png",
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "...",
    "addressLocality": "Québec",
    "addressRegion": "QC",
    "postalCode": "G...",
    "addressCountry": "CA"
  },
  "geo": { "@type": "GeoCoordinates", "latitude": 46.81, "longitude": -71.21 },
  "areaServed": [
    { "@type": "City", "name": "Québec" },
    { "@type": "Place", "name": "Sainte-Foy" },
    { "@type": "Place", "name": "Sillery" },
    { "@type": "Place", "name": "Limoilou" },
    { "@type": "Place", "name": "Beauport" },
    { "@type": "Place", "name": "Charlesbourg" },
    { "@type": "Place", "name": "Lévis" }
  ],
  "openingHoursSpecification": [
    { "@type": "OpeningHoursSpecification", "dayOfWeek": ["Monday","Tuesday","Wednesday","Thursday","Friday"], "opens": "09:00", "closes": "20:00" },
    { "@type": "OpeningHoursSpecification", "dayOfWeek": ["Saturday","Sunday"], "opens": "09:00", "closes": "17:00" }
  ],
  "priceRange": "$$",
  "paymentAccepted": ["Cash", "Credit Card", "Debit Card", "Interac"],
  "hasOfferCatalog": {
    "@type": "OfferCatalog",
    "name": "Soins de massothérapie",
    "itemListElement": [/* généré depuis collection services */]
  },
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.9",
    "reviewCount": "127",
    "bestRating": "5"
  },
  "sameAs": [
    "https://www.facebook.com/...",
    "https://www.instagram.com/...",
    "https://g.page/...",
    "https://www.fqm.qc.ca/...",
    "https://www.rmq.org/..."
  ],
  "makesOffer": { "@type": "Offer", "category": "Massage therapy", "priceCurrency": "CAD" }
}

NAP consistency · Google Business Profile · citations locales

Le NAP (Nom, Adresse, Téléphone) doit être strictement identique partout. Une variation (espace, accent, format) = pénalité GEO.

• Source uniqueSingleton EmDash nap · injecté en footer, page contact, JSON-LD, balise <address>, GBP, citations
• Format téléphoneAffichage : 418 522-0106 poste 2 · Schema/tel: +14185220106
• Format adresseStrictement identique à GBP : numéro civique, type de voie, ville, province, code postal
• GBP · Google Business ProfileClaim, vérification, optimisation : photos hebdo, posts hebdo, Q&A, services listés, attributs (femme-fondatrice, accès fauteuil), réponses systématiques aux avis
• Citations à créerPages Jaunes Canada · FQM directory · RMQ directory · Yelp Québec · Bing Places · Apple Maps · Foursquare · 411.ca · Yellowpages.ca · Cylex Canada
• Citations sectoriellesRéseau Massothérapie Québec · Annuaire Massothérapie · Bonjour Québec (tourisme)
• Backlinks d'autoritéFQM (école reconnue) · RMQ · Arborescence (partenaire onco) · Tourisme Québec · médias locaux
• Audit citationsYext / Whitespark / Moz Local : check inconsistances trimestriellement

Core Web Vitals · cibles par template

Cibles strictes par template Astro. Toute régression bloquante au déploiement (Lighthouse CI dans la pipeline).

Template	LCP	CLS	INP	Stratégie
Accueil /	< 1.5s	< 0.05	< 200ms	SSG · hero AVIF + fetchpriority=high · critical CSS inline · fonts preload
Service [slug]	< 1.8s	< 0.05	< 200ms	SSG · img loading=lazy sauf hero · srcset responsive
Liste /services	< 2.0s	< 0.05	< 200ms	SSG · grille AVIF lazy · pagination si >30
Formation hub	< 2.0s	< 0.05	< 200ms	SSG · sélecteur léger HTML/CSS · pas de JS lourd
Calendrier	< 2.5s	< 0.1	< 250ms	SSR avec cache 5min · filtres CSS-only via :has() ou Astro hydration partielle
Article blog	< 1.8s	< 0.05	< 200ms	SSG MDX · hero AVIF · TOC sticky CSS
Cadeaux checkout	< 2.5s	< 0.1	< 300ms	SSR · Stripe Elements lazy

• ImagesAstro <Image> · AVIF + WebP + JPEG fallback · srcset 320/640/960/1280/1920 · width/height obligatoires
• Fontspreconnect googleapis · font-display: swap · charger seulement DM Mono 400/500 + Roboto 400/500
• JSAstro islands : hydration uniquement où nécessaire · < 50KB gzip sur landing
• CSSCritical inline + reste async · purge unused via Astro
• CDNCloudflare edge cache · assets immutable 1y · pages 5min revalidate

sitemap.xml · priorités & changefreq

Pattern URL	Priority	Changefreq	Justification
/	1.0	weekly	Page la plus importante · trafic principal
/services	0.9	weekly	Hub conversion soins
/services/[slug]	0.9	monthly	23 fiches · long-tail fort
/formation	0.9	weekly	Hub école · convertit étudiants
/formation/cours-introduction/[approche]	0.85	weekly	Voie 0 · porte d'entrée · public mixte (intent grand public + pros)
/formation/soirees-information/[date]	0.7	weekly	Schema Event · Google Events
/formation/programme-professionnel/[approche]	0.9	weekly	3 programmes pro · cible prioritaire
/formation/parcours-specifique/[slug]	0.8	monthly	3 parcours 1000h
/formation/avancees-a-la-carte/[slug]	0.7	monthly	35+ modules · long-tail
/quartiers/[slug]	0.8	monthly	Pages GEO · ranking local fort
/blog/[slug]	0.7	monthly	Articles E-A-T
/a-propos · /a-propos/equipe/[slug]	0.7	monthly	E-A-T thérapeutes
/cadeaux	0.6	monthly	Trafic saisonnier
/contact · /reservation	0.6	yearly	Stable
/legal/*	0.3	yearly	Conformité

Keyword map · long-tail Québec (boussole éditoriale)

1 page = 1 keyword principal + 3-5 secondaires. Évite la cannibalisation. Volumes estimés via Google Keyword Planner / Ahrefs (Québec).

Page cible	Keyword principal	Keywords secondaires
/	massage Québec	massothérapie Québec · centre massage Québec · L'Attitude Québec
/services/massage-suedois	massage suédois Québec	massage relaxation Québec · massage tension musculaire · suédois reçu assurance
/services/massage-pierres-chaudes	massage pierres chaudes Québec	hot stone massage Québec · massage chaleur Québec
/services/massage-prenatal	massage prénatal Québec	massage femme enceinte Québec · massage grossesse Sainte-Foy
/services/onco-massotherapie	onco-massothérapie Québec	massage cancer Québec · massage oncologique · soin palliatif massage
/services/drainage-lymphatique	drainage lymphatique Québec	drainage post-chirurgie Québec · jambes lourdes · détoxification
/services/kobido-massage-visage	Kobido Québec	massage visage japonais Québec · lifting naturel · anti-âge massage
/formation	formation massothérapie Québec	école massothérapie Québec · devenir massothérapeute Québec · formation FQM
/formation/cours-introduction/suedois	cours d'initiation massage Québec	apprendre à masser son conjoint · cours intro massothérapie · 15h initiation Québec
/formation/soirees-information	soirée information école massothérapie Québec	portes ouvertes massothérapie Québec · découvrir formation massage
/formation/programme-professionnel/suedois	formation massage suédois Québec	devenir massothérapeute suédois · diplôme suédois 478h FQM
/formation/parcours-specifique/masso-kinesitherapie	masso-kinésithérapie formation Québec	spécialisation kiné massage · 1000h massothérapie
/cadeaux	carte cadeau massage Québec	cadeau bien-être Québec · offrir massage · idée cadeau Noël Québec
/quartiers/sainte-foy	massage Sainte-Foy	massothérapie Sainte-Foy · massage Université Laval · spa Sainte-Foy
/quartiers/sillery	massage Sillery	massothérapie Sillery · massage chemin Saint-Louis
/quartiers/levis	massage Lévis	massothérapie Lévis · centre massage rive-sud Québec

Open Graph · matrice par template

Template	og:type	Champs spécifiques
Accueil, services, formation, à propos, contact	website	og:image dynamique 1200×630 (Cloudflare Image Resizing depuis hero)
Article blog	article	article:author · article:published_time · article:modified_time · article:section · article:tag[]
Cadeaux options	product	product:price:amount · product:price:currency=CAD · product:availability=in_stock
Événement	event	event:start_time · event:end_time · event:location

Robots · directives par route

Route	Robots	Raison
/, /services/*, /formation/*, /a-propos/*, /blog/*, /quartiers/*, /cadeaux, /contact, /reservation	index, follow	Pages éditoriales
/cadeaux/confirmation	noindex, nofollow	Page transactionnelle post-paiement
/cadeaux/commander	noindex, follow	Tunnel de paiement
/_emdash/*	noindex, nofollow	Admin CMS
/api/*	noindex, nofollow	Endpoints serveur
/legal/*	index, follow	Conformité visible
404, 500	noindex, follow	Pages d'erreur

Astro SSG vs SSR · matrice par route

Route	Mode	Justification
/, /services/*, /a-propos/*, /formation/*, /blog/*, /quartiers/*, /legal/*	SSG (prerender=true)	Contenu stable · TTFB minimal · CDN edge
/formation/calendrier	SSR + cache 5min	Cohortes dynamiques · revalidate on EmDash save
/cadeaux/*	SSR	Stock + paiement temps réel
/reservation	SSR	Disponibilités temps réel
/api/*	Edge Function	Cloudflare Workers

Accessibilité (impact SEO indirect · Lighthouse a11y ≥ 95)

• Sémantique HTML<main> <article> <nav> <header> <footer> <aside> · 1 H1 par page · hiérarchie H2/H3 logique
• aria-labelsCTA, drawer mobile, social links, search · aria-current sur nav active
• Skip link"Aller au contenu" en haut · visible au focus
• Focus managementDrawer mobile : focus trap + Escape close · modaux idem
• Contraste WCAG AATout texte ≥ 4.5:1 · grille validée dans charte-graphique.html section 10
• Alt-textObligatoire sur toutes images CMS · contextuel FR · pas de "image de…"
• Forms<label> explicite · aria-describedby pour erreurs · autocomplete corrects
• Lang<html lang="fr-CA"> · changements de langue avec lang="en"
• Reduced motion@media (prefers-reduced-motion) : désactiver transitions/animations

Internationalisation · structure hreflang (futur EN)

Préparation pour version anglaise (marché anglo-québécois + tourisme). Structure URL anti-régression.

• Structure URLFR primaire à la racine (/) · EN sous /en/* · jamais mélanger les langues sur une même URL
• hreflang tags<link rel="alternate" hreflang="fr-CA" href="/services/massage-suedois"> + <link rel="alternate" hreflang="en-CA" href="/en/services/swedish-massage"> + <link rel="alternate" hreflang="x-default" href="/services/massage-suedois">
• Champ collectionAjouter locale et translations à toutes les collections traduisibles
• SitemapAnnotations xhtml:link entre versions linguistiques
• Pas de fake ENSi pas traduit, pas de hreflang en-CA · ne jamais auto-traduire (Google pénalise)

Maillage interne · règles de cross-linking

• Service → Service3 soins connexes en bas de fiche (champ soins_connexes ou via tags_seo communs)
• Service → Article1 article de blog lié contextuellement (ex: massage suédois → article sur tensions musculaires)
• Service → ThérapeuteListe des thérapeutes offrant ce soin (champ therapeutes_offrant)
• Article → Service2 services pertinents en CTA (ex: article récupération sportive → /services/massage-sportif)
• Article → Article3 articles connexes (champ articles_lies) · même catégorie ou tags
• Article → AuteurBio thérapeute en bas · lien vers profil complet (E-A-T)
• Quartier → ServicesTop 5 services populaires dans ce quartier
• Quartier → Quartier"Voisins desservis" : 2-3 quartiers limitrophes
• Footer4 colonnes riches · liens vers pages clés · jamais < 30 liens internes
• BreadcrumbObligatoire sur toutes pages dynamiques · Schema BreadcrumbList
• Anchor textDescriptif (jamais "cliquez ici") · varier · inclure keyword principal de la page cible

Hooks EmDash → Cloudflare · workflow éditorial

• on_publishWebhook → Cloudflare Cache API purge by URL pattern + ping Google Search Console (sitemap submit)
• on_save (draft)Astro Content Collection cache invalidate · génère preview JWT signé
• Preview tokensURL preview.attitudemassotherapie.com/...?token=JWT · expire 24h · bloque robots.txt
• Image pipelineEmDash upload → Cloudflare Images → AVIF/WebP/JPEG · srcset auto · alt préservé
• Schedule publishCron Cloudflare Workers vérifie date_publication & statut chaque heure
• BackupSnapshot quotidien D1 + R2 storage · rétention 30 jours
• Audit logToutes modifications horodatées + utilisateur · 90 jours

Conditions d'affichage et règles

Logique conditionnelle qui régit l'affichage des données : entrées brouillon, services inactifs, ruptures, fenêtres temporelles.

États de publication

• draftVisible uniquement en preview admin · jamais en prod
• scheduledPublication auto à date_publication
• publishedVisible publiquement · indexable
• archivedConservé · non listé · 410 Gone

Règles d'affichage

• Service inactifactif=false → exclu du sitemap, 404 sur slug
• Thérapeute partiactif=false → page redirige vers /equipe avec message
• Article futurdate_publication > aujourd'hui → invisible (sauf preview)
• Cohorte complèteplaces=0 → bouton désactivé "Complet"
• Carte-cadeau expiréeValidation côté checkout uniquement
• Hors heures d'ouvertureCTA réserver reste actif (ouvert 24/7)

Pages d'erreur

• 404Page custom · suggestions navigation · search blog
• 500Page minimale · contact d'urgence · log Sentry
• Form errorInline · couleur Vie de Toscane · message clair FR
• Form successInline · couleur Heure du Thé · prochaine étape

Performance & cache

• Pages statiquesPré-rendues à build · CDN edge Cloudflare
• Pages CMSSSR + cache 5min · revalidate on save
• ImagesAVIF/WebP/fallback · lazy load · responsive srcset
• APIRate limit 10 req/min/IP · Turnstile sur forms

Espace de gestion

Interface CMS pour le client. Hébergée sur le même domaine sous /_emdash, protégée par Cloudflare Access.

Rôles

• ownerAllison · accès complet · gestion utilisateurs
• adminPropriétaire studio · toutes collections · pas users
• editorThérapeutes · articles + son propre profil
• viewerComptable · stats + cartes-cadeaux uniquement

Sections de l'admin

• DashboardStatistiques visites, dernières publications, alertes
• PagesSingletons : home, about, contact
• ServicesCRUD complet · drag-and-drop ordre
• ÉquipeThérapeutes · gestion portraits
• BlogArticles · éditeur MDX · prévisualisation
• FormationProgrammes · cohortes · brochures PDF
• CadeauxOptions · historique commandes
• MédiasBibliothèque images · upload + organisation
• RéglagesSite settings, navigation, social, SEO
• LégalMentions, Loi 25, CGU · versions

Workflow d'édition

1. 01 · ÉditionChamp par champ · validation temps réel · auto-save brouillon
2. 02 · PrévisualisationBouton "Voir" · ouvre la page sur draft.attitude... avec token
3. 03 · PublicationSwitch state="published" · invalide cache · webhook vers Cloudflare
4. 04 · VersioningEmDash conserve les 10 dernières versions · rollback 1 clic

Roadmap d'implémentation

Trois phases distinctes. La phase 1 (single-page actuelle) est en cours de finalisation. Cette structure définit ce qui suit.