Créer un site d’éditeur sur mesure : les coulisses d’editionslascasitas.com

Page d'accueil du site editionslascasitas.com avec un bandeau montrant trois manuels de français en perspective 3D

On me demande souvent ce que veut dire « site sur mesure », par opposition à un thème acheté que l’on remplit soi-même. La meilleure réponse que je connaisse, c’est un exemple concret. Voici donc les coulisses d’un projet que j’ai conçu de A à Z : editionslascasitas.com, le site d’une maison d’édition indépendante spécialisée dans les méthodes de français langue étrangère. Un cas d’école, parce qu’il concentre presque tous les défis d’un site de contenu moderne : beaucoup de produits, un auteur non-technicien aux commandes, une exigence de qualité visuelle, et une obsession — la mienne — pour le référencement et la performance.

Le point de départ : un catalogue, zéro studio photo

Une maison d’édition, c’est avant tout un catalogue qui grandit. Ici, plus de 230 ouvrages, et un auteur qui en publie régulièrement de nouveaux. Le problème classique : chaque livre a besoin d’un visuel soigné pour la boutique, la page d’accueil, les réseaux sociaux… mais personne n’a le temps (ni le budget) de faire une séance photo par titre.

Ma solution : j’ai développé un générateur d’images côté serveur. L’éditeur n’envoie qu’une seule chose — la couverture à plat de son livre — et le site fabrique tout seul un « mockup » en trois dimensions, avec relief, ombre portée réaliste et éclairage cohérent. Le même moteur assemble aussi la composition des trois livres à la une que vous voyez sur l’accueil. Résultat : un rendu de niveau studio, produit en quelques secondes, identique pour chaque titre, et reproductible à l’infini.

Fiche d'un livre avec sa couverture en volume, fil d'Ariane et tableau collection niveau langue
Une fiche produit : couverture en volume générée automatiquement, fil d’Ariane, métadonnées structurées (collection, niveau, langue) et appel à l’action clair.

Un catalogue vivant, rangé au cordeau

Passé un certain nombre de produits, un site devient ingérable si la structure n’a pas été pensée en amont. J’ai modélisé le catalogue avec un type de contenu dédié « Livre » et un jeu de taxonomies sur mesure : collections (avec sous-collections), niveaux, langues d’accompagnement, publics visés. Chaque livre se range tout seul aux bons endroits, et le visiteur peut filtrer et naviguer sans jamais tomber sur une impasse.

Le classement n’est pas laissé au hasard non plus : les collections phares de la maison passent devant, tandis que les ouvrages plus secondaires (albums souvenirs, carnets divers) sont automatiquement relégués en fin de liste. Les compteurs affichés reflètent le nombre réel d’ouvrages, pas un total gonflé par les images techniques. Ce sont des détails invisibles… jusqu’au jour où ils manquent.

Grille des collections du catalogue, les collections principales en premier
La page « Collections » : chaque collection avec sa couverture représentative, les collections principales mises en avant.

Le vrai défi : un site qu’on peut piloter sans être informaticien

Un beau site qui ne peut être mis à jour que par son développeur est un site à moitié raté. Mon obsession, sur ce projet, a été de rendre l’éditeur totalement autonome. Ajouter un livre, c’est remplir un formulaire simple : titre, couverture, description, collection, lien de vente. Tout le reste — le visuel 3D, la carte de partage pour les réseaux, les données de référencement — est fabriqué automatiquement en coulisses.

J’ai aussi intégré directement dans l’administration un mode d’emploi et une charte graphique rédigés pour un débutant, ainsi qu’un tableau de bord de démarrage. L’objectif est atteint quand mon client n’a plus besoin de moi pour faire vivre son site au quotidien. C’est, à mon sens, la vraie mesure d’un travail bien fait.

Le référencement, pensé dès la première ligne de code

Beaucoup de sites ajoutent le SEO « après », avec un plugin fourre-tout. Je préfère le construire dans les fondations. Sur ce projet, sans aucune usine à gaz :

  • Données structurées (JSON-LD) : chaque livre, chaque auteur, chaque page est décrit dans un langage que Google comprend — de quoi obtenir des résultats de recherche enrichis.
  • Cartes de partage au format attendu par Facebook, WhatsApp et LinkedIn : quand on partage un lien, l’aperçu est toujours net et vendeur, jamais une vignette cassée.
  • Fil d’Ariane sur tout le site : le visiteur sait toujours où il est, et les moteurs comprennent l’arborescence.
  • Plan de site et flux RSS normalisés, pages « maigres » désindexées pour concentrer la force sur ce qui compte.
  • Textes alternatifs générés pour chaque image, pour l’accessibilité comme pour le référencement.

Ce sont ces fondations, invisibles pour le visiteur, qui font qu’un site « remonte » durablement plutôt que de dépendre de la publicité.

Rapide, responsive, et respectueux de la vie privée

Le site est pensé « mobile d’abord » : il s’adapte à tous les écrans, du grand moniteur au téléphone, sans compromis sur la lisibilité ni sur la mise en scène des ouvrages.

Version mobile de la page d'accueil, entièrement responsive
La même page d’accueil sur mobile : le bandeau et le catalogue restent parfaitement lisibles.

Côté statistiques, la mesure d’audience est hébergée sur le serveur du site : rien n’est transmis à un tiers, et tout est décrit noir sur blanc dans la politique de confidentialité — durée de conservation, base légale, droit d’opposition en un clic. Les boutons de partage, eux, sont « propres » : ils fonctionnent sans pister vos visiteurs pour le compte de tiers. Faire de la performance et du référencement sans sacrifier la vie privée, c’est possible ; c’est même un argument de plus. J’y reviens plus bas, parce que ce volet a beaucoup évolué depuis la mise en ligne.

Mesurer son audience sans rien confier à personne

Au lancement, j’avais installé un compteur de visites respectueux de la vie privée. Il faisait bien son travail, à un détail près : la géolocalisation des visiteurs était réservée à sa version payante. Pour une maison d’édition qui vend en France et en Colombie, savoir d’où l’on est lu n’est pas un gadget — c’est l’information la plus utile du tableau de bord.

Plutôt que de payer un abonnement ou d’envoyer les visiteurs chez Google, j’ai écrit l’outil de mesure. Le serveur qui héberge le site entretenait déjà, pour d’autres besoins, deux tables de correspondance entre adresses IP et villes — près de 280 000 entrées accumulées au fil des mois. Le plugin s’y branche en lecture : pour la grande majorité des visites, le pays s’affiche instantanément et sans la moindre requête réseau. Soyons précis, parce que l’information ne s’invente pas : quand une adresse est inconnue de ces tables, une tâche de fond du serveur — jamais le navigateur du visiteur, jamais la page en train de s’afficher — la soumet à ip-api.com, dont l’offre gratuite suffit largement à ce volume. Seule l’adresse est transmise. La réponse est ensuite mise en cache et partagée par tous les sites de la machine, si bien que la même adresse n’est plus redemandée avant cinq mois. Pour l’éditeur, le résultat ne change pas : aucun abonnement, aucune clé d’API, et aucune donnée de navigation qui parte chez un tiers.

Le tableau de bord tient en six onglets — vue d’ensemble, contenus, provenances, audience, robots, temps réel — dessinés à la main en SVG, sans une seule bibliothèque externe. On y lit les pays et les villes, les navigateurs et leurs versions, les systèmes, les résolutions d’écran, la répartition ordinateur / téléphone / tablette, et les provenances rangées par famille : moteurs de recherche, réseaux sociaux, messageries… et assistants conversationnels, qui envoient désormais de vrais visiteurs vers les sites de contenu.

Distinguer un lecteur d’un robot : un faisceau d’indices, pas un test

Compter les visites est facile. Ne compter que les vraies l’est beaucoup moins. Les robots modernes exécutent le JavaScript, se déclarent comme Chrome et savent charger les images : aucun test unique ne les démasque.

J’ai donc construit un système de score. Chaque visite accumule des indices — signature du logiciel, écran de taille nulle, absence de langue déclarée, adresse appartenant à un centre de données, incohérence entre un mobile annoncé et l’absence d’écran tactile, cadence de pages anormale — et c’est leur total qui tranche, jamais un signal isolé. À l’inverse, la preuve la plus solide qu’un être humain est là reste la plus simple : il fait défiler la page, il clique, il reste. Une seconde balise, envoyée au départ de la page, mesure cette attention réelle.

Un cas concret vaut mieux qu’un long discours. Le lendemain de la mise en service, le tableau affichait fièrement une visiteuse suédoise. Vérification faite — registre RIPE, deux services de géolocalisation indépendants, et une simple mesure du temps d’aller-retour réseau, 45 ms très stables, cohérents avec 2 400 km — l’adresse était bien en Suède : dans le centre de données de Meta à Luleå. Aucune lectrice là-dedans, mais un moteur de rendu qui vérifiait un lien partagé sur Facebook. Deux détails l’ont trahi : un écran carré de 2000×2000 pixels, ce qu’aucun moniteur du commerce n’est, et un numéro de version incohérent dans sa signature. Les deux sont devenus des indices supplémentaires.

Savoir qui vient vous référencer, et si c’est bien lui

Une balise JavaScript ne verra jamais Googlebot : les robots d’indexation n’exécutent pas de script. Ils sont pourtant ce qui décide de votre visibilité. J’ai donc ajouté un relevé côté serveur, au moment où la page leur est servie : qui passe, à quelle cadence, quelles pages il lit, et combien d’erreurs il rencontre.

Avec une précaution qui change tout : n’importe qui peut écrire « Googlebot » dans sa signature, et beaucoup d’aspirateurs le font. Chaque passage est donc authentifié contre les plages d’adresses que les opérateurs publient — plus de 1 400 pour Google, Bing, OpenAI, Apple et quelques autres — complétées par la vérification du nom de domaine inverse. Chaque robot est marqué authentique, imposteur ou non vérifié.

L’écran le plus utile de tout le dispositif tient en une liste : les contenus qu’aucun robot n’a encore lus. Un livre qui y figure est un livre que Google ne connaît pas — et c’est autrement plus actionnable qu’un graphique de positions moyennes.

Relire 235 fiches sans les relire une par une

Un lecteur signale des fautes sur le site. Le catalogue compte 235 ouvrages, soit près de 300 000 caractères de descriptions. Les relire toutes est déraisonnable ; ne rien faire l’est encore plus, pour une maison d’édition spécialisée dans l’apprentissage du français.

La bonne méthode consistait à regarder d’abord la structure. Ces fiches viennent d’un import : elles se ramènent à 59 modèles distincts. Une faute de modèle n’apparaît pas une fois, elle apparaît cinquante fois — et se corrige une seule fois. Le travail de lecture est passé de 300 000 à 47 000 caractères.

  • « Les Noces de Eau », « de Or », « de Argent » — l’élision manquante sur 12 albums, alors que leur titre, lui, était juste.
  • « L’année du Chèvre » — sur 11 carnets. Le modèle fonctionnait pour onze des douze signes chinois et cassait sur le seul féminin.
  • Et le reste : « 20 pays différant », « à colorier ou à gribouillait », « décider pour l’acheter d’un billard », une parenthèse ouverte jamais refermée sur cinq fiches.

Bilan : 39 fiches corrigées, 106 corrections, plus 2 199 apostrophes typographiques normalisées. Avec un enseignement qui vaut pour tous les sites de contenu : aucune de ces fautes n’était un mot inexistant. Ces, tous, différant, l’acheter sont des mots français parfaitement corrects, simplement au mauvais endroit. Un correcteur automatique ne les voit pas. Tout est consigné dans la charte graphique du site, pour que les prochains imports en tiennent compte.

Les auteurs méritent mieux qu’une page vide

WordPress crée automatiquement une page par auteur. Sur la plupart des sites, elle est vide, sans photo ni biographie, et l’on finit par la cacher aux moteurs. C’est dommage : pour une maison d’édition, savoir qui écrit les livres fait partie de l’argumentaire.

J’ai donc ajouté un champ « photo » alimenté par la médiathèque du site — plutôt que par un service d’avatars extérieur —, repris les biographies, et surtout résolu un problème de fond : WordPress ne reconnaît qu’un seul auteur par contenu, alors qu’un livre en compte souvent deux. Les pages d’auteur interrogent désormais le champ « auteurs » de chaque fiche : chacun y retrouve ses ouvrages, co-autrices comprises. Ces pages sont redevenues indexables et figurent au sitemap.

Ce que ça change, concrètement

  • Un catalogue de 230+ ouvrages mis en ligne et visuellement homogène, sans une seule séance photo.
  • Un éditeur autonome : il ajoute et publie ses livres seul, en quelques minutes.
  • Un référencement solide dès le lancement, et des partages soignés sur les réseaux.
  • Un site rapide, responsive et sans mouchard, qui inspire confiance.
  • Une mesure d’audience écrite sur mesure : géolocalisation comprise, sans abonnement et sans rien confier à un tiers.
  • Un catalogue relu de bout en bout, et des pages d’auteur qui existent vraiment.

Vous avez un projet de site ?

Site vitrine, boutique, plateforme de contenu ou outil métier : je conçois des sites sur mesure, taillés pour vos besoins réels plutôt que pour un gabarit générique. De la structure des données à l’ergonomie, du référencement à la performance, en passant par des automatisations qui vous font gagner un temps précieux — comme le générateur de visuels que vous venez de voir.

Si vous vous reconnaissez dans ces exigences, parlons-en : je serai ravi d’étudier votre projet et de vous proposer une approche concrète.