Aller au contenu

Refonte du site internet de l’Association Cabri

62 adhérents qui cotisent,introuvables sur Google ? Faisons mieux.

cabri.menschhh.com
Atmosphère Association Cabri version desktop
Atmosphère Association Cabri version mobile

_01 Le client

Les commerçants et artisans du Pays de Brisach.

L’Association Cabri fédère 62 commerçants et artisans autour de Neuf-Brisach, la cité Vauban classée à l’UNESCO. Animations, événements, vie du territoire : l’association existe et agit, dans une zone rurale où chaque client compte. Ses membres cotisent pour être plus visibles ensemble qu’ils ne le seraient chacun de leur côté. C’est exactement la promesse qu’un site d’association doit tenir.

cabri.menschhh.com/bonnes-adresses/
Capture site Association Cabri

_02 Le constat

Une association vivante, un annuaire qui ne montrait rien.

Le site historique alignait 67 fiches dans un annuaire WordPress : des doublons, des descriptions inégales, des métiers mal classés, aucune page par commune ni par métier. Un adhérent qui cotisait obtenait quelques lignes et une photo. Pour un artisan du Pays de Brisach, figurer dans l’annuaire ne changeait rien à sa visibilité sur Google.

Il nous faut un site rapide, accessible, et surtout qu’on nous trouve. Chaque adhérent doit y gagner en visibilité.

Association Cabri

Générées depuis une base JSON unique

170 pages

_03 Le vrai enjeu

Chaque adhérent mérite un mini-site, pas une ligne d’annuaire.

Une association qui se respecte n’offre pas une ligne d’annuaire à ses membres : elle leur construit une vraie vitrine numérique. La refonte transforme chaque fiche adhérent en mini-site SEO local complet : services, avis Google authentiques, carte, équipe, FAQ métier. Les hubs par métier et par commune quadrillent le territoire, et la fiche Cabri d’un artisan peut surperformer son propre site sur la requête « métier + ville ».

Chiffres clés

  • 62 fiches Un mini-site SEO local par adhérent
  • 37 métiers Hubs métier croisés avec 13 communes
  • 91 /100 Performance mobile Lighthouse, mesurée
cabri.menschhh.com/bonnes-adresses/histoire-d-y-voir-opticien/
Détail interface Association Cabri

La méthode

Données officielles, gabarit SEO local, identité Cabri.

_01

Données fiabilisées aux sources

Reprise des 67 fiches existantes, dédoublonnage prouvé par SIRET et téléphone (62 entités réelles), enrichissement via l’API officielle recherche-entreprises, géocodage des 62 adresses pour la carte.

_02

Un mini-site par adhérent

Gabarit de fiche complet : services, FAQ propre au métier, avis Google réels, carte, équipe, maillage interne vers les articles et le hub métier. JSON-LD LocalBusiness, Review et FAQPage sur chaque fiche.

_03

SEO programmatique territorial

37 hubs métier, 13 hubs commune, 170 pages générées depuis une base JSON unique. Une recherche « serrurier Neuf-Brisach » a désormais sa page dédiée, maillée dans les deux sens.

_04

L’identité Cabri, pas la nôtre

Orange Cabri, étoile-forteresse Vauban en motif, photo aérienne de la citadelle. Le design system appartient au client : tokens centralisés, changer une couleur se propage partout.

Sous le capot

Les choix techniques.

  • Astro 6 SSR + Cloudflare Rendu serveur à la requête, servi par le réseau Cloudflare. Le contenu reste intégralement lisible sans JavaScript ; le JS ne sert qu’aux filtres et à la carte, en amélioration progressive.
  • Tailwind 4 + tokens L’identité Cabri tokenisée : couleur, typographie, espacements et motifs centralisés. L’orange de l’association vit dans une variable, pas dans 200 fichiers.
  • Atomic Design strict Atomes, molécules, organismes. Les variantes passent par des props, jamais par des composants dupliqués. Le gabarit de fiche est un seul template appliqué aux 62 membres.
  • Données single-source 62 adhérents, 37 métiers documentés avec services et FAQ réels, 13 communes : tout vit dans des fichiers JSON versionnés, zéro texte en dur dans les pages.
  • JSON-LD complet LocalBusiness, Review, FAQPage et Breadcrumb sur chaque fiche. Google reçoit la donnée structurée du commerce, pas seulement du HTML.
  • Carte du territoire Leaflet, 62 marqueurs géocodés, filtrable par métier et par commune. Initialisation paresseuse au scroll pour préserver la performance.

_04 Résultat

Un territoire entier, visible fiche par fiche.

Le prototype est en ligne et complet : 170 pages, les avis Google réels des adhérents, la carte du Pays de Brisach, l’identité orange de l’association respectée jusqu’au motif Vauban. Plus un annuaire qui dort : un dispositif SEO local où chaque commerçant et chaque artisan possède une vitrine numérique qui travaille pour lui. C’est ce qu’une association de commerçants devrait offrir à ses membres.

Projet suivant

Alex Spiga

Client B2C · Coach business indépendant · 2026

Étape suivante

Et pour votre site web ?

30 minutes en visio pour regarder votre site ensemble, identifier ce qui freine, chiffrer ce qui vaut la peine d’être fait. Sans engagement, sans relance commerciale. Si on s’entend, on continue.