Table des matières

1 - Headless CMS

Mattrbld
https://app.mattrbld.com/onboarding

2 - Obsidian

3 - SEO

FeedBack pour le site bertrandkeller.info

ROAST: bertrandkeller.info — Grade: C- (The Identity Crisis Consultant) Verdict: You’re selling three different services to three different buyers in one confusing bundle, so nobody knows if you’re the expert they need. Bounce rate: 2/5 Gary from Sales says: “Oh yeah, we do full digital transformation AND accessibility audits AND sustainable tech strategy — whatever you need, we can scope it! Let me just send you our ‘vision workshop’ calendar link and we’ll figure out the rest from there.”

  1. YOU CRAMMED ‘TRANSFORMATION NUMÉRIQUE, ACCESSIBILITÉ NUMÉRIQUE, NUMÉRIQUE RESPONSABLE’ INTO ONE HEADLINE LIKE IT’S A COMBO MEAL Marie needed RGAA compliance. Thomas wanted to know if you do technical audits. Jean-Pierre thought this was about ’transformation’ (expensive, scary). You’re three different consultants fighting for one homepage, and the result is that nobody knows what you actually do best.

  2. YOUR MAIN SERVICES ARE ‘DÉFINIR LA VISION, SUIVRE LES OPÉRATIONS, MONTER EN GAMME’ — ALSO KNOWN AS EVERY CONSULTANT EVER Thomas literally asked: ‘Is this a digital transformation consultant who also does accessibility, or an accessibility expert who does transformation?’ Your service names could apply to business coaching, DevOps consulting, or leadership training. Zero differentiation.

  3. THE BLOG TITLES ARE CUT OFF ON AN ACCESSIBILITY CONSULTANT’S WEBSITE Karim spotted ‘Si le web homogénéise, quid de l’Accessibilité Numérique?’ and ‘By Diana Khalipina - Attention les’ chopped mid-sentence. You’re selling accessibility expertise while failing basic content accessibility. That’s not ironic, that’s disqualifying.

  4. NO PRICING, NO TIMELINE, NO ‘WHAT THIS ACTUALLY COSTS’ — JUST A CONTACT FORM GHOST TRAP Sophie saw ‘Programme sur-mesure’ and thought ‘is this 2 hours or 2 weeks? 5 people or 50?’ Marie needed Q2 compliance numbers. Jean-Pierre thought this looked expensive. Not one person could ballpark what working with you would cost or how long it takes. ‘Sur-mesure’ is consultant-speak for ‘I’ll tell you after you’re committed.’

  5. ZERO PROOF YOU’VE ACTUALLY DONE THIS — NO CLIENTS, NO CASE STUDIES, NO BEFORE/AFTER WCAG SCORES Karim wanted GitHub repos, code samples, methodology docs. Thomas needed to see SaaS product audit experience. You’ve got blog posts and service descriptions but nothing that proves ‘I fixed this exact problem for someone like you.’ Trust requires receipts.

LinkedIn Post: I just watched a CTO ask ‘Is this an accessibility expert or a transformation consultant?’

The site says both. And also sustainable tech strategy. All in one headline.

‘I can’t go to my manager without ballpark numbers and I’m not filling out a contact form just to get ghosted.’ — Sophie, Junior PM who actually wanted the training

When you’re three consultants in a trench coat, buyers can’t tell if you solve their specific problem.

Try it on yours → tear-my-site-down.vercel.app

Voici un plan d’amélioration clair et priorisé pour bertrandkeller.info, basé sur les remarques reçues. Chaque élément indique l’objectif, actions concrètes et livrables simples à mettre en place.

1) Clarifier l’offre principale (résoudre l’« identity crisis »)

Objectif : que chaque visiteur comprenne en 3s si le site s’adresse à lui. Actions :

  • Choisir une offre principale (ex. : “Expert en accessibilité numérique pour produits digitaux”) et l’afficher comme headline unique.
  • Déplacer les autres offres secondaires dans une section “Autres prestations” ou pages dédiées (transformation / numérique responsable). Livrable : nouvelle headline + sous-titre explicite (1 phrase) + bouton CTA principal (ex. “Audit RGAA — Estimation 3 min”).

2) Réécrire les services avec propositions de valeur concrètes

Objectif : différencier et rendre tangibles les services. Actions :

  • Reformuler chaque service en suivant ce format : Qui — Problème — Résultat mesurable — Durée indicative — Prix indicatif. Ex. : “Audit d’accessibilité RGAA — Pour équipes produit — Rapport WCAG + plan d’action en 2 semaines — À partir de 2 500€.”
  • Limiter les intitulés génériques (éviter “Définir la vision”) ; privilégier “Audit RGAA”, “Accompagnement produit accessible”, “Stratégie numérique responsable”. Livrable : page “Services” avec 3–5 fiches service comprenant durée & fourchette de prix.

3) Ajouter preuves sociales et études de cas

Objectif : démontrer compétence et réduire le risque perçu. Actions :

  • Publier 3 case studies courtes (problème, actions, résultats chiffrés : avant/après WCAG, temps de mise en conformité, économie d’énergie, KPI produit).
  • Afficher logos clients (si possible) + témoignages courts avec nom + fonction.
  • Fournir 1 ou 2 artefacts techniques : extrait de rapport d’audit (masqué/anon), méthodologie, ou lien GitHub si pertinent. Livrable : section “Réalisations” avec 3 études de cas et 3 témoignages.

4) Transparence sur prix, durée et périmètre

Objectif : permettre aux décideurs de se projeter sans remplir un formulaire. Actions :

  • Pour chaque service afficher : temps typique (ex. 2–4 semaines), équipe impliquée (1 consultant + 1 dev), fourchette tarifaire.
  • Proposer un “diagnostic express” payant et formaté (ex. 30 min + mini-rapport, 250€) pour capter des prospects indécis. Livrable : tableau simple “Service — Durée — Prix indicatif — Livrable”.

5) Corriger les problèmes d’accessibilité visibles

Objectif : être crédible en tant qu’expert accessibilité. Actions immédiates :

  • Corriger les titres coupés (vérifier CSS overflow, largeur du conteneur, responsive breakpoints).
  • Vérifier structure sémantique (h1→h2), textes alternatifs images, contraste couleurs, tabindex, focus visible.
  • Lancer un audit WCAG 2.1 AA automatisé + revue manuelle pour corriger les erreurs critiques. Livrable : rapport d’audit priorisé (Top 10) + correctifs front-end déployés.

6) Réorganiser le parcours utilisateur et les CTA

Objectif : réduire le taux de rebond et guider vers actions claires. Actions :

  • CTA principal : “Obtenir une estimation” (lead magnet court) + CTA secondaire : “Voir études de cas”.
  • Sur pages services inclure micro-conversion : “Exemple de livrable (PDF) — téléchargement après email”.
  • Remplacer formulaire long par 2 options : diagnostic express (payant) ou formulaire bref + proposition de créneau. Livrable : wireframes des pages services et homepage avec CTAs optimisés.

7) Contenu et blog : qualité et cohérence

Objectif : renforcer expertise sans confusion. Actions :

  • Trier le blog : catégorie “Accessibilité”, “Transformation”, “Numérique responsable”. Mettre en avant 3 articles d’expertise liés à l’offre principale.
  • Corriger affichage des titres coupés et métadonnées auteur.
  • Ajouter microformats pour auteurs et dates. Livrable : page blog réorganisée + 3 articles mis en avant.

8) Mesures et indicateurs à suivre

Objectif : mesurer l’impact des changements. KPI recommandés :

  • Taux de rebond homepage (cible < 50%),
  • Temps moyen sur page services (augmentation),
  • Taux de conversion diagnostic express (objectifs quantifiés),
  • Nombre de leads qualifiés / mois. Livrable : tableau de bord simple (Google Analytics / Plausible).

Priorisation (plan 30/60/90 jours)

  • Jours 0–14 : headline + CTA principal, corriger titres coupés, indiquer durée/prix indicatif sur services, afficher 1 case study.
  • Jours 15–45 : réécriture complète des fiches services, création diagnostic express, mise en place témoignages & logos, audit WCAG et corrections critiques.
  • Jours 46–90 : produire 2–3 études de cas détaillées, optimiser conversion, suivre KPI et itérer.

Si vous voulez, je peux :

  • proposer 3 variants de headline en français (A/B testables) + 3 fiches service rédigées prêtes à publier,
  • ou rédiger une étude de cas exemple à partir d’un client fictif pour la page “Réalisations”. Which one?

Voici 3 variantes plus personnelles (headline + résumé court, ton direct et humain). Choisis celle que tu préfères ou mélange des éléments.

Variante 1 — Accessibilité, ton personnel Intitulé : Rendre le web accessible — audits RGAA/WCAG & accompagnement produit Résumé : J’aide les équipes produit et dev à rendre leurs interfaces réellement utilisables par toutes et tous. J’aime transformer des rapports techniques en priorités claires que les équipes peuvent actionner — audit, plan d’action et accompagnement jusqu’à la mise en production. Si vous voulez un premier diagnostic rapide (30 min) ou un exemple de livrable, je vous envoie ça tout de suite.

Variante 2 — Transformation centrée humain Intitulé : Transformation numérique pratique — inclusion & produit au cœur Résumé : J’accompagne CTOs et PMs à transformer leurs produits sans perte d’agilité : vision claire, petites victoires rapides, et montée en compétence des équipes. Mon credo : rendre la stratégie actionnable — pas de jargon, des livrables qui changent le quotidien. Dispo pour un échange court si vous voulez calibrer un projet ou obtenir une estimation.

Variante 3 — Mix personnel et responsabilisant Intitulé : Accessibilité • Transformation produit • Numérique responsable Résumé : J’interviens sur l’accessibilité, la transformation produit et la sobriété numérique — mais toujours en partant des personnes qui utilisent le service. J’aime bosser main dans la main avec des équipes terrain pour livrer résultats mesurables (priorités, timelines, preuves). Si vous cherchez quelqu’un qui explique clairement ce qui compte et comment le faire, dites‑moi ce que vous voulez résoudre et je vous propose une première piste en 48h.

4 - Sur EleventyJS

Plugins

=> Eleventy Plugins list - All the Eleventy things by David Darnes

Thèmes

Tips

Ressources

5 - Sur Hugo

Documentation

Articles

Thèmes

Modules

Books & PDF

6 - Sur la low-tech web

L’analyse du cycle de vie (ACV)

Pour introduire la Low-tech, intéressons nous à la question de l’ACV.

Qu’il s’agisse d’un bien, d’un service, voire d’un procédé, toutes les étapes du cycle de vie d’un produit sont prises en compte pour l’inventaire des flux, du « berceau à la tombe » : extraction des matières premières énergétiques et non énergétiques nécessaires à la fabrication du produit, distribution, utilisation, collecte et élimination vers les filières de fin de vie ainsi que toutes les phases de transport.

Lire : https://www.ademe.fr/expertises/consommer-autrement/passer-a-laction/dossier/lanalyse-cycle-vie/quest-lacv

Ce qui faut retenir :

L’empreinte d’un site web n’est pas déconnecté du monde matériel. Son existence se justifie à condition de s’inscrire dans un circuit complet en relation avec un service, un usage…

Notion de “Scopes” :: émissions de gaz à effet de serre (GES)

  1. Scope 1 :: GES directes
  2. Scope 2 :: GES indirectes - consommation d’énergie
  3. Scope 3 :: GES indirectes - matières premières

Lire :

Ce qui faut retenir :

Les notions d’empreinte d’un service web s’attachent le plus souvent au Scope 1 (la consommation d’électricité pour lire le site web).

Seulement, il faut aussi considérer en pratique, la consommation du serveur et des routeurs réseaux (en fonction de son mix énergétique) Scope 2 ; et plus précisément de toute l’énergie nécessaire pour produire le matériel servant à son hébergement, consultation… Scope 3. Les questions de Scope 2 et Scope 3 sont souvent compliquées à établir car elles sont partagées avec d’autres services.

Empreinte carbone

L’empreinte carbone d’une activité humaine est une mesure des émissions de gaz à effet de serre d’origine anthropique, c’est-à-dire qui peuvent lui être imputées.
Elle est mesurée en équivalent CO2. L’équivalent CO2 est, pour un gaz à effet de serre, la quantité de dioxyde de carbone (CO2) qui aurait la même capacité à retenir le rayonnement solaire.

Lire :

Ce qui faut retenir :

Il est possible de faire des estimations au niveau mondial sur l’empreinte carbone du numérique. On peut considérer que le numérique permet de réduire l’empreinte de certains secteurs de l’économie en optimisant des circuits.

Seulement, le modèle marchand tentant de maximiser les profits, nous observons la mise en pratique du paradoxe de Jevons (effet rebond). Pour limiter l’impact, il convient donc de se poser la question de l’intérêt des outils, dans le temps, que nous produisons pour les sociétés humaines.

Référentiels d’éco-conception

Lire :

Notion de Low-Tech web

Le Low-Tech Lab

Lire :

Ce qui faut retenir :

  1. Utile : Une low-tech répond à des besoins essentiels à l’individu ou au collectif.
  2. Accessible : La low-tech doit être appropriable par le plus grand nombre.
  3. Durable : Éco-conçue, résiliente, robuste, réparable, recyclable, agile, fonctionnelle.

Web Low-Tech

3 pistes sur l’écoconception de Gauthier Roussilhe http://gauthierroussilhe.com/post/ecoconception-critique.html :

  1. On doit réduire l’empreinte environnementale du service, qu’il soit numérique ou non ;
  2. On doit répondre avec pertinence aux besoins exprimés par les usagers ;
  3. Il faut partir du principe que la numérisation n’est pas forcément la meilleure option pour répondre aux deux premiers points.

Lire :

Ce qui faut retenir :

La Low-tech web ne peut pas se dissocier d’une prise en compte de l’ACV du site web. Toute démarche ne concernant que l’aspect visuel, navigateur… opère des actions optimisations.

Internet Low-Tech

Lire :

Ce qui faut retenir :

Pour qu’un site web soit considéré comme Low-Tech (Utile, Accessible, Durable), il convient de prendre en compte un grand ensemble de conditions, de consultations : faible réseau, intermittence électrique, périphériques peu puissants, ressources financières faibles pour la maintenance…

Design Low-Tech et éco-conception

Pour le moment, les grands exemples de sites sobres se démarquent pas une interface typée Low-tech : images dégradées, couleurs passées, peu d’illustrations.

Pourtant, un site peu avoir une très faible empreinte et avoir un aspect

Lire :

Exemples

Consulter :

Tour d’horizon de la Low-Tech

Pour aller plus loin sur le sujet, voici des ressources sur la dynamique Low-Tech

7 - Sur la performance web

Articles

Ressources

Measure

Tools

Github

8 - Sur la recherche statique

Ressources

9 - Web sécurité

RapidScan v1.2 - The Multi-Tool Web Vulnerability Scanner
https://github.com/skavngr/rapidscan