Le site kit-esante.fr a été commandé par l’association KitMedical en 2020 avec l’objectif d’y partager les informations, outils et bonnes pratiques en matière de télé-médecine, ce qui couvre notamment les aspects « téléconsultation » et « téléexpertise ». Je suis intervenu très en amont, dès les premières réunions, afin de guider le projet dans la bonne direction.
Définir les besoins, choisir les outils
Cette approche m’a permis de déterminer avec l’équipe les besoins en termes de contenus et de fonctionnalités, et ainsi de modeler le CMS WordPress pour y répondre précisément. Des « custom post types » ont été créés afin de gérer les types de contenus à forte spécificité et des « custom fields » y ont été associés pour en faire un outil d’édition à la fois simple à utiliser et performant.
La section « comparateur de services » a notamment fait l’objet d’un important travail de segmentation et utilise les fonctionnalités les plus poussées du plugin ACF comme les champs conditionnels et les « repeater ». Grâce à ce travail fastidieux, l’équipe est est mesure de créer et mettre à jour n’importe quelle information sur le site sans la moindre notion de programmation. Elle peut ainsi agir de façon autonome.
Sous le capot, Bootstrap 4 et jQuery
Jusqu’à présent, les sites de l’association étaient développés avec React.js et présentaient autant d’avantages en matière d’interface que de barrières pour le référencement naturel. Le but de Kit-eSanté étant d’être visible dans les moteurs de recherche, j’ai milité pour un thème en html/CSS (avec du DOM natif) et une surcouche de jQuery pour l’aspect interactions.
J’ai tout naturellement choisi Bootstrap 4.5, qui a permis de créer une interface reprenant l’identité de l’association tout en valorisant les contenus. Certains éléments d’interface ont été largement utilisés :
- accordéons de Bootstrap 4 avec du code supplémentaire pour gérer l’historique et s’ouvrir automatiquement en cas de lien vers une ancre ;
- listes avec filtrage et tri, pour lesquelles j’ai utilisé l’excellent Isotope.js ;
- infobulles de couleur (alert Bootstrap) pour lesquelles j’ai intégré les appels de classe à l’éditeur…
Objectif numéro 1, la visibilité
L’objectif de l’association est d’être visible auprès des professionnels de santé afin de les guider dans leur apprentissage du numérique. Le projet Kit-eSanté est d’ailleurs financé par l’Assurance Maladie des Pays de la Loire et l’Union Régional des Médecins Libéraux. Les contenus qui y sont publiés sont validés par des médecins, ce qui garantit un haut niveau de qualité.
Fort de ce constat, un important travail a été mené côté SEO, avec l’objectif d’occuper les premières positions des SERP Google :
- optimisation de l’arborescence (pages parent / enfant / soeur) et tout particulièrement du fil d’ariane et du menu de navigation principal ;
- configuration du plugin Yoast SEO pour afficher des balises title et meta description optimisées pour chaque type de contenu ;
- intégration du balisage schema.org pour les questions ;
- sans oublier une stratégie d’acquisition de liens (tout à fait légitime et pertinente) auprès de sites institutionnels régionaux et nationaux.
Une base pour de futures évolutions
La télé-médecine est un vaste domaine et l’association a d’ores et déjà prévu d’étoffer KiteSanté avec de nouvelles sections, outils et contenus. Le site a été conçu en ce sens, intégrant dès le départ la possibilité d’évoluer sans se fermer aucune porte technique.
Ce projet constitue l’un des plus complets qu’il m’ait été donné de gérer. J’ai pris en charge d’autres aspects comme le choix de l’hébergement (un très performant mutualisé o2switch), la création du logo en svg, la sélection des visuels… Le tout dans un climat de confiance qui donne envie d’aller de l’avant. Je vais continuer à accompagner l’association et lui donne rendez-vous dans quelques mois pour un premier verdict !
Dernière mise à jour