# John Web > Jonathan LUSY - développeur Web Sénior, expert WordPress & SEO - URL: https://johnweb.fr/ - Généré le: 08/10/2026 à 00:08 ## Pages - [À propos](https://johnweb.fr/a-propos/): Fort d'un parcours atypique alliant formation artistique, expertise Print et 15 ans de développement Web autodidacte, Jonathan LUSY conçoit des projets WordPress performants, accessibles et optimisés SEO. Chef de projet… - [Contact](https://johnweb.fr/contacter-john-web/): Que vous soyez recruteur, manager, chef d'entreprise ou simplement curieux, je suis toujours ouvert à une conversation qui a du sens. Expert WordPress, développement Web et intégration IA, je réponds… - [John Web](https://johnweb.fr/): Issu d'une formation artistique et fort de 15 ans d'expérience en développement Web, j'allie l'œil du graphiste, la rigueur du technicien et la méthode du chef de projet. Expert WordPress,… ## Articles - [@infographie : site WordPress dédié à l’infographie](https://johnweb.fr/portfolio/infographie-site-wordpress-dedie-a-linfographie/): Site WordPress personnel dédié à l'infographie, au graphisme, au Print et au Web. @infographie propose des outils en ligne gratuits — générateur de QR code vectoriel, codes barres, content spinning,… - [ACF Pro vs Carbon Fields vs Meta Box : quel plugin de champs personnalisés choisir ?](https://johnweb.fr/blog/wordpress/acf-pro-vs-carbon-fields-vs-meta-box-quel-plugin-de-champs-personnalises-choisir/): Les champs personnalisés sont au cœur de tout développement WordPress sérieux. ACF Pro, Carbon Fields et Meta Box sont les trois solutions de référence — mais leurs philosophies, leurs performances… - [Alyze.com : L’outil d’analyse Web incontournable pour corriger les erreurs de conception](https://johnweb.fr/blog/outils-en-ligne/alyze-com-loutil-danalyse-web-incontournable-pour-corriger-les-erreurs-de-conception/): Alyze.com : Alyze est un outil d'analyse Web essentiel et incontournable pour optimiser la conception des pages de votre site Web et ainsi optimiser votre site Internet. - [Améliorer l’UX sur votre site WordPress : les bonnes pratiques](https://johnweb.fr/blog/wordpress/ameliorer-lux-sur-votre-site-wordpress-les-bonnes-pratiques/): Améliorer l'UX sur votre site WordPress : les meilleures pratiques pour optimiser l'expérience utilisateur sur votre site WordPress et augmenter votre trafic. - [Chef de projet Web en 2026 : ce que le métier est vraiment devenu](https://johnweb.fr/blog/wordpress/chef-de-projet-web-en-2026-ce-que-le-metier-est-vraiment-devenu/): Le métier de Chef de projet Web a plus changé en trois ans qu'en dix ans auparavant. IA, automatisation, nouvelles exigences techniques et relationnelles — voici ce que le métier… - [Choisir le bon thème WordPress pour votre blog : guide technique](https://johnweb.fr/blog/wordpress/choisir-le-bon-theme-wordpress-pour-votre-blog-guide-technique/): Guide technique pour choisir le bon thème WordPress pour créer votre blog : la méthode pour sélectionner le thème adapté à votre futur blog WordPress. - [Claude vs ChatGPT vs Qwen : comparatif terrain pour les développeurs Web en 2026](https://johnweb.fr/blog/outils-en-ligne/claude-vs-chatgpt-vs-qwen-comparatif-terrain-pour-les-developpeurs-web-en-2026/): Claude, ChatGPT, Qwen : trois LLMs, trois philosophies, trois niveaux de performance sur des projets réels de développement Web. Plugins WordPress, thèmes custom avec Alpine.js, applications Python d'audit SEO —… - [Comparatif WP Bakery vs Elementor : Quel page builder choisir pour WordPress?](https://johnweb.fr/blog/wordpress/comparatif-wp-bakery-vs-elementor-quel-page-builder-choisir-pour-wordpress/): Lorsqu'il s'agit de choisir un page builder pour WordPress, WP Bakery et Elementor sont deux options populaires qui offrent des fonctionnalités et des avantages différents. Dans cet article, nous allons… - [Comprendre l’action manuelle dans GA](https://johnweb.fr/blog/comprendre-laction-manuelle-dans-ga/): Comprendre l'action manuelle dans GA est essentiel pour les professionnels du marketing numérique. Cette fonctionnalité permet de suivre les interactions de l'utilisateur avec le site web, enregistrant des événements précis… - [Connecter WordPress à un agent IA via API : ce que j’ai appris sur le terrain](https://johnweb.fr/blog/wordpress/connecter-wordpress-a-un-agent-ia-via-api-ce-que-jai-appris-sur-le-terrain/): Connecter WordPress à un agent IA n'est plus de la science-fiction — c'est une réalité de terrain que j'ai mise en œuvre sur plusieurs projets. Architecture de l'intégration, gestion des… - [Core Web Vitals WordPress 2024 : le guide complet pour optimiser LCP, INP et CLS](https://johnweb.fr/blog/seo/core-web-vitals-wordpress-2024-le-guide-complet-pour-optimiser-lcp-inp-et-cls/): Les Core Web Vitals sont devenus un signal de ranking Google incontournable. LCP, INP (qui remplace FID depuis mars 2024) et CLS — chaque métrique a ses leviers d'optimisation spécifiques… - [Créer un plugin WordPress sur mesure : architecture, méthode et bonnes pratiques](https://johnweb.fr/blog/wordpress/creer-un-plugin-wordpress-sur-mesure-architecture-methode-et-bonnes-pratiques/): Développer un plugin WordPress sur mesure est la façon la plus propre d'étendre les fonctionnalités d'un site sans polluer le thème ni dépendre de solutions tierces. Architecture, conventions, sécurité, internationalisation… - [Devictio Formations Lyon : refonte site WordPress](https://johnweb.fr/portfolio/devictio-formations-lyon-refonte-site-wordpress/): Refonte complète du site WordPress du centre de formation Devictio Formations à Lyon, spécialisé en formations digitales certifiantes pour dirigeants et entrepreneurs. Révision des URLs et contenus pour un SEO… - [Dirt Bike France : refonte site e-commerce WordPress](https://johnweb.fr/portfolio/dirt-bike-france-refonte-site-e-commerce-wordpress/): Refonte complète du site e-commerce Dirt Bike France, spécialiste en ligne de la vente de Dirt Bike, Pit Bike, Pocket Bike et quads depuis 2003. Migration de 6500 produits depuis… - [Duqueine Motorsport : site e-commerce WordPress sur mesure](https://johnweb.fr/portfolio/duqueine-motorsport-site-e-commerce-wordpress-sur-mesure/): Refonte complète du site e-commerce WordPress de Duqueine Motorsport, constructeur français de prototypes LMP2 et LMP3. Catalogue B2B sécurisé de 4000 références géré via tables custom en base de données,… - [Fighters Attitudes Polliat : site WordPress du club de kick-boxing](https://johnweb.fr/portfolio/fighters-attitudes-polliat-site-wordpress-du-club-de-kick-boxing/): Site WordPress vitrine développé bénévolement pour Fighters Attitudes, club de kick-boxing, pancrace et self-défense à Polliat dans l'Ain. Un projet personnel à part entière, né de mon engagement au sein… - [GEO — Generative Engine Optimization : optimiser son contenu pour les moteurs IA](https://johnweb.fr/blog/seo/geo-generative-engine-optimization-optimiser-son-contenu-pour-les-moteurs-ia/): Le SEO tel qu'on le pratiquait depuis vingt ans est en train de se transformer sous l'effet des moteurs de recherche génératifs. GEO — Generative Engine Optimization — désigne l'ensemble… - [Guide d’utilisation de Gutenberg, l’éditeur de blocs de contenu de WordPress](https://johnweb.fr/blog/wordpress/guide-dutilisation-de-gutenberg-lediteur-de-blocs-de-contenu-de-wordpress/): Guide d'utilisation de Gutenberg, l'éditeur de blocs de contenu par défaut de WordPress : Gutenberg est une espèce de page builder intégré par défaut dans WordPress. - [Guide de dépannage WordPress : résoudre les bugs courants.](https://johnweb.fr/blog/guide-de-depannage-wordpress-resoudre-les-bugs-courants/): Le Guide de dépannage WordPress est l'outil ultime pour résoudre les bugs courants qui peuvent survenir sur votre site WordPress. Avec une approche technique et professionnelle, ce guide vous guidera… - [Guide pour créer un site WordPress multilingue](https://johnweb.fr/blog/wordpress/guide-pour-creer-un-site-wordpress-multilingue/): Guide complet pour un site WordPress multilingue : optimisez votre contenu pour atteindre une audience mondiale en traduisant simplement et efficacement les contenus de votre site WordPress grâce aux plugins… - [Idéale Box : site vitrine WordPress éco-responsable](https://johnweb.fr/portfolio/ideale-box-site-vitrine-wordpress-eco-responsable/): Site vitrine WordPress sur mesure pour Idéale Box, pionnier de la communication éco-responsable depuis 2004. Rédaction avancée optimisée SEO, système de blog intégré avec prompt ChatGPT pour la génération des… - [IMWIZ IA : application Web de génération d’images IA](https://johnweb.fr/portfolio/imwiz-ia-application-web-de-generation-dimages-ia/): IMWIZ IA est une application Web sur mesure exploitant le deep learning pour générer des images haute qualité à partir de descriptions textuelles. Développée sous WordPress/WooCommerce avec système d'achat de… - [Intégration d’un système de réservation sur WordPress](https://johnweb.fr/blog/integration-dun-systeme-de-reservation-sur-wordpress/): Intégration d'un système de réservation sur WordPress : une solution technique professionnelle pour permettre à vos clients de réserver en ligne via votre site WordPress. - [Intégrer ChatGPT dans WordPress pour la génération de contenu : guide technique et bonnes pratiques](https://johnweb.fr/blog/wordpress/integrer-chatgpt-dans-wordpress-pour-la-generation-de-contenu-guide-technique-et-bonnes-pratiques/): Intégrer ChatGPT directement dans l'interface WordPress pour assister la rédaction de contenu : voici comment le faire proprement, sans plugin tiers, avec l'API OpenAI. Et surtout, comment l'utiliser intelligemment sans… - [Jonas Taylor : site WordPress DJ French Touch IA](https://johnweb.fr/portfolio/jonas-taylor-site-wordpress-dj-french-touch-ia/): Jonas Taylor est un projet personnel expérimental : création de toutes pièces d'un DJ French Touch fictif via l'IA — identité visuelle, biographie, photos et musique générée avec Suno. Le… - [KickAwa : boutique WordPress Sportswear Print-on-Demand](https://johnweb.fr/portfolio/kickawa-boutique-wordpress-sportswear-print-on-demand-johnweb/): KickAwa est un projet personnel de marque sportswear urban développé sous WordPress/WooCommerce, connecté à Printful via son plugin officiel pour une gestion en print-on-demand sans stock. Catalogue de vêtements, footwear… - [L’IA dans la production Web en 2025 : le bilan honnête d’un développeur senior](https://johnweb.fr/blog/outils-en-ligne/lia-dans-la-production-web-en-2025-le-bilan-honnete-dun-developpeur-senior/): Un an d'usage intensif de l'IA dans un workflow de développement Web professionnel. Ce que ça change vraiment, ce que ça ne change pas, les illusions à déconstruire et les… - [La Talemelerie : site e-commerce WordPress sur mesure](https://johnweb.fr/portfolio/la-talemelerie-site-e-commerce-wordpress-sur-mesure/): Site e-commerce WordPress sur mesure pour La Talemelerie, réseau de 8 boulangeries pâtisseries artisanales à Grenoble et Chambéry. Système de Click & Collect multiboutique, connexion à l'API du logiciel de… - [Les hooks WordPress : maîtriser actions et filtres pour un code propre et maintenable](https://johnweb.fr/blog/wordpress/les-hooks-wordpress-maitriser-actions-et-filtres-pour-un-code-propre-et-maintenable/): Les hooks WordPress sont le mécanisme le plus puissant et le plus élégant du CMS. Actions, filtres, priorités, arguments — tout ce qu'il faut savoir pour intervenir proprement dans le… - [Les meilleurs plugins de mise en cache pour WordPress.](https://johnweb.fr/blog/wordpress/les-meilleurs-plugins-de-mise-en-cache-pour-wordpress/): Quels sont les meilleurs plugins WordPress pour mettre son site Web en cache et optimiser le temps de chargement des pages ? Découvrez les extensions WP incontournables pour booster votre… - [Les meilleurs plugins pour sites d’adhésion WordPress](https://johnweb.fr/blog/wordpress/les-meilleurs-plugins-pour-sites-dadhesion-wordpress/): Les meilleurs plugins pour sites d'adhésion WordPress sont des outils essentiels pour les propriétaires de sites Web cherchant à offrir une expérience d'adhésion de qualité supérieure. Ces plugins offrent une… - [Les meilleurs plugins SEO pour WordPress](https://johnweb.fr/blog/seo/les-meilleurs-plugins-seo-pour-wordpress/): Les plugins SEO sont des outils essentiels pour améliorer le référencement de votre site WordPress. Voici une sélection des meilleurs plugins pour vous aider à optimiser votre contenu, vos balises,… - [Les meilleurs plugins WordPress pour la sauvegarde automatique](https://johnweb.fr/blog/les-meilleurs-plugins-wordpress-pour-la-sauvegarde-automatique/): Les meilleurs plugins WordPress pour la sauvegarde automatique de votre site WP : une solution fiable et sécurisée pour protéger vos données sensibles. - [Les meilleurs thèmes WordPress pour un site e-commerce](https://johnweb.fr/blog/wordpress/woocommerce/les-meilleurs-themes-wordpress-pour-un-site-e-commerce/): Les thèmes WordPress pour les sites e-commerce sont essentiels pour offrir une expérience utilisateur optimale et augmenter les ventes en ligne. Voici les meilleurs thèmes à considérer. - [llms.txt et llms-full.txt : rendre votre site WordPress lisible par les LLMs](https://johnweb.fr/blog/seo/llms-txt-et-llms-full-txt-rendre-votre-site-wordpress-lisible-par-les-llms/): Après robots.txt et sitemap.xml, voici llms.txt — le fichier Markdown proposé en 2024 par Jeremy Howard pour guider les LLMs vers vos contenus prioritaires. Un standard en pleine adoption qui… - [Log files et crawl budget WordPress : analyser le comportement de Googlebot](https://johnweb.fr/blog/seo/log-files-et-crawl-budget-wordpress-analyser-le-comportement-de-googlebot/): Les fichiers de logs serveur sont une mine d'information sur le comportement réel de Googlebot — mais ils sont rarement exploités. Voici comment les analyser, comprendre le crawl budget de… - [Maillage interne WordPress : la stratégie SEO la plus négligée qui change tout](https://johnweb.fr/blog/seo/maillage-interne-wordpress-la-strategie-seo-la-plus-negligee-qui-change-tout/): Un maillage interne bien conçu peut transformer radicalement le positionnement d'un site WordPress dans les SERP — sans un seul backlink supplémentaire. Pourtant, c'est la stratégie SEO la plus négligée… - [Migration d’un site statique vers WordPress: Guide technique](https://johnweb.fr/blog/wordpress/migration-dun-site-statique-vers-wordpress-guide-technique/): Migration d'un site statique vers WordPress : le guide technique pour migrer votre site Internet statique vers un site Web conçu avec le CMS WordPress. - [Optimisation d’images sur WordPress : les bonnes pratiques](https://johnweb.fr/blog/seo/optimisation-dimages-sur-wordpress-les-bonnes-pratiques/): L'optimisation d'images sur WordPress est essentielle pour améliorer la vitesse de chargement de votre site. Voici les meilleures pratiques à suivre pour réduire la taille de vos images tout en… - [Optimisation de la base de données WordPress : les bonnes pratiques](https://johnweb.fr/blog/wordpress/optimisation-de-la-base-de-donnees-wordpress-bonnes-pratiques/): Optimisation de la base de données WordPress : les bonnes pratiques pour optimiser votre base de données et garantir des performances optimales pour votre site WordPress. - [Optimisation des permaliens dans WordPress : le guide technique](https://johnweb.fr/blog/seo/optimisation-des-permaliens-dans-wordpress-le-guide-technique/): Optimiser les permaliens dans WordPress : le guide technique pour élaborer des URL performantes qui permettent de booster la SEO de votre site WordPress. - [Optimisation SEO pour WordPress : les bonnes pratiques](https://johnweb.fr/blog/seo/optimisation-seo-pour-wordpress-les-bonnes-pratiques/): L'optimisation SEO pour WordPress est essentielle pour améliorer la visibilité de votre site web dans les résultats de recherche. En suivant ces meilleures pratiques, vous pouvez maximiser le potentiel de… - [Optimisez la sécurité de l’admin WordPress : meilleures pratiques](https://johnweb.fr/blog/optimisez-la-securite-de-ladmin-wordpress-meilleures-pratiques/): Renforcez la sécurité de votre admin WordPress : les meilleures pratiques pour sécuriser l'admin de votre site WordPress et éviter le piratage de votre site Internet - [Outils et plugins essentiels pour sauvegarder votre site WordPress](https://johnweb.fr/blog/outils-et-plugins-essentiels-pour-sauvegarder-votre-site-wordpress/): Les meilleurs outils et plugins pour sauvegarder votre site WordPress : les méthodes pour effectuer la sauvegarde régulière de votre site WordPress et ainsi éviter toutes déconvenues - [Page Verte : annuaire WordPress généraliste francophone](https://johnweb.fr/portfolio/page-verte-annuaire-wordpress-generaliste-francophone/): Page Verte est un annuaire généraliste francophone développé sous WordPress, permettant aux professionnels de publier leur fiche en ligne et aux particuliers de trouver prestataires et services en quelques clics.… - [Personnalisation thème WordPress : ajustez sans coder](https://johnweb.fr/blog/wordpress/personnalisation-theme-wordpress-ajustez-sans-coder/): Personnalisation d'un thème WordPress : comment ajuster le webdesign de votre thème WP sans toucher au code source du thème ? La méthode pour modifier votre thème en no code. - [PixData.net : bases de données téléchargeables](https://johnweb.fr/portfolio/pixdata-net-bases-de-donnees-telechargeables/): PixData.net est un site e-commerce WordPress personnel bilingue FR/EN proposant des bases de données téléchargeables — codes postaux mondiaux, données géographiques, démographiques et business — aux formats SQL, XLSX et… - [Polylang vs WPML : le comparatif technique pour choisir votre plugin multilingue WordPress](https://johnweb.fr/blog/wordpress/polylang-vs-wpml-le-comparatif-technique-pour-choisir-votre-plugin-multilingue-wordpress/): Polylang et WPML sont les deux références incontournables pour créer un site WordPress multilingue. Mais leurs architectures, leurs philosophies et leurs impacts SEO sont très différents. Voici un comparatif technique… - [Prompt engineering pour développeurs Web : transformer l’IA en vrai copilote de développement](https://johnweb.fr/blog/outils-en-ligne/prompt-engineering-pour-developpeurs-web-transformer-lia-en-vrai-copilote-de-developpement/): L'IA est devenue un outil quotidien pour les développeurs Web — mais la différence entre ceux qui en tirent une vraie valeur ajoutée et ceux qui obtiennent des résultats médiocres… - [RadioO : Web Radio WordPress avec player audio](https://johnweb.fr/portfolio/radioo-web-radio-wordpress-avec-player-audio/): RadioO est un projet WordPress personnel né d'une passion pour la musique : une web radio proposant un catalogue de stations sélectionnées avec soin, classées par genres musicaux, accessibles via… - [Schema.org WordPress : données structurées sans plugin tiers](https://johnweb.fr/blog/wordpress/schema-org-wordpress-donnees-structurees-sans-plugin-tiers/): Les données structurées Schema.org améliorent la visibilité dans les SERP via les rich snippets. Mais les plugins SEO les gèrent souvent de manière trop générique. Voici comment implémenter un Schema.org… - [Synchroniser WordPress avec un ERP via API : architecture et retours du terrain](https://johnweb.fr/blog/wordpress/synchroniser-wordpress-avec-un-erp-via-api-architecture-et-retours-du-terrain/): La synchronisation entre WordPress et un ERP externe est un défi architectural récurrent sur les projets e-commerce B2B. Voici la méthode que j'ai mise en œuvre sur plusieurs projets :… - [Utilisation avancée des shortcodes dans WordPress pour améliorer votre site](https://johnweb.fr/blog/utilisation-avancee-des-shortcodes-dans-wordpress-pour-ameliorer-votre-site/): Utilisation avancée des shortcodes dans WordPress pour améliorer votre site : boostez les fonctionnalités de votre site WordPress avec l'utilisation des codes courts, ou shortcodes. - [WooCommerce sans fiches produits : gérer un catalogue dynamique via tables custom](https://johnweb.fr/blog/wordpress/woocommerce/woocommerce-sans-fiches-produits-gerer-un-catalogue-dynamique-via-tables-custom/): WooCommerce natif atteint ses limites sur les catalogues complexes à fort volume. Voici comment j'ai contourné ces limites sur un projet réel : catalogue dynamique via tables MySQL custom, ajout… - [Wpop.fr : création de sites WordPress sur mesure](https://johnweb.fr/portfolio/wpop-fr-creation-de-sites-wordpress-sur-mesure/): Wpop.fr est la vitrine de mon activité freelance en développement WordPress. Le site présente une gamme de solutions Web — sites one page, vitrine et e-commerce — ainsi qu'un portfolio… --- ## Contenu complet ### À propos URL: https://johnweb.fr/a-propos/ Un parcours atypique. Une expertise concrète. Je m’appelle Jonathan LUSY. Mon parcours ne ressemble pas vraiment à un parcours classique, et c’est probablement ma plus grande force. Tout a commencé par le dessin. Formé en arts appliqués au Lycée La Martinière Terreaux à Lyon, une école publique d’exigence dont l’entrée se faisait sur concours, j’ai développé très tôt une sensibilité visuelle et une rigueur créative que je n’ai jamais perdues. Le Print a suivi : pendant une quinzaine d’années, j’ai travaillé comme opérateur prépresse spécialisé, maîtrisant les contraintes de la flexographie, de la sérigraphie, de l’offset et du numérique. Autant de systèmes d’impression qui m’ont appris une chose essentielle : comprendre un outil en profondeur est la seule façon de le dépasser. Le Web est arrivé comme une évidence. Autodidacte par nature, j’ai appris à coder en PHP, JavaScript et WordPress par la pratique et l’expérimentation, avec une curiosité que rien n’a jamais vraiment rassasiée. Idem pour le SEO : pas de formation, pas de certification, mais des tests, des analyses et des hypothèses vérifiées sur le terrain. C’est long. C’est le seul chemin qui tienne vraiment. Aujourd’hui, je conçois et pilote des projets web avec ce même fil conducteur : l’œil du graphiste, la rigueur du technicien, la méthode du chef de projet. Et depuis l’avènement de l’IA, j’y ajoute une nouvelle corde à mon arc : prompt engineering, intégration d’agents IA et connexion d’APIs, parce que les outils évoluent et que s’y adapter vite fait partie du métier. Entre deux projets : une Les Paul bleue, du compositing vidéo, de la MAO et un café qui refroidit toujours trop vite. Développement WebHTML5CSS3JavascriptPHPMySQLREST APIGitDesign & CréationPhotoshopIllustratorIn DesignXDAfter EffectsCMS & WordPressWordPressWoocommerceAdvanced Custom FieldsWP Bakery Page BuilderElementorGutenbergSEO & PerformanceGoogle Search ConsoleGoogle AnalyticsIA & AutomatisationClaude AIChat GPTAdobe FireflyGoogle Veo3SunoCréations MultimédiaAdobe Media EncoderAdobe AuditionLogic Pro --- ### Contact URL: https://johnweb.fr/contacter-john-web/ Une idée… un projet ?Que vous ayez un projet en tête, une question technique, une opportunité à partager ou simplement l’envie d’échanger avec quelqu’un qui sait de quoi il parle : vous êtes au bon endroit. Je lis chaque message personnellement et réponds généralement dans un délai n’excédant pas 24h. Pas de formulaire qui disparaît dans le vide, pas de réponse automatique qui sent le copier-coller : juste un échange humain, direct et sans détour. Parlons-en Votre Nom * Vous devez remplir ce champ Votre Prénom * Vous devez remplir ce champ Votre e-mail * Veuillez saisir une adresse e-mail valide. Votre téléphone * Vous devez remplir ce champ L'objet de votre message * ChoisirDemander un renseignementRéaliser un projetBesoin d'une assistanceSignaler un bug sur le siteAutre sujet (à préciser) Sélectionner une option Votre message * Vous devez remplir ce champ Une pièce à joindre ? Joignez ici votre fichier (max. 10 Mo, formats acceptés : pdf, jpg, jpeg, png, webp, ai, docx, xlsx) Vous devez remplir ce champ Un peu de maths... 23 - 4 = ? Entrer le résultat de l'opération pour continuer Envoyer --- ### John Web URL: https://johnweb.fr/ Un code propre pour des projets maîtrisésDéveloppeur WordPress senior dans l’Ain, j’accompagne depuis 15 ans les projets techniques exigeants : code propre, SEO structurel, API/ERP et intégrations IA. Développeur Web Senior & Chef de projet WordPressCe que le code ne dit pas toujoursLa propreté d’un code, c’est une forme de politesseOn ne voit jamais le travail d’un bon artisan : on voit seulement ce qu’il a produit. Un code bien écrit fonctionne de la même façon : structuré, commenté, silencieux dans sa complexité. Pas pour satisfaire l’éditeur, mais par respect pour celui qui navigue, pour celui qui indexe, et pour le développeur qui reprendra tout ça dans trois ans. Un code mal écrit, c’est un peu comme laisser les WC dans un état innommable après avoir dévoré une raclette : techniquement vous avez bien trinqué, pratiquement c’est votre hôte qui déguste. Moralité : débugger… ça pue. Un projet bien né se reconnaît avant le premier commitUn site réussi ne s’improvise pas. Il se pense, se dessine, s’architecture — parfois longuement — avant qu’une seule ligne de code ne soit écrite. Comprendre le besoin, cartographier les usages, anticiper les contraintes : c’est là que tout se joue vraiment. Réaliser un projet sans plan, c’est construire un immeuble sans fondations : ça monte vite, ça impressionne brièvement, mais ça s’effondre sans prévenir et ça réveille tout le monde à trois heures du matin… sauf le maçon, qui dort très bien. Ce qui se voit doit autant à ce qui ne se voit pasUn site bien construit respecte des règles que la plupart des visiteurs n’imaginent pas : standards du Web, performance, accessibilité, architecture sémantique, logique d’indexation. Ce qui paraît abstrait aux non-initiés est d’une grande concrétude pour qui sait lire entre les balises. L’IA s’invite aujourd’hui dans cet espace comme un assistant redoutablement efficace : elle accélère, suggère, optimise. Un outil formidable, vraiment, qui démultiplie les capacités de celui qui sait… et les erreurs de celui qui ne sait pas encore. L’homme derrière le codeDéveloppeur Web Senior, Chef de projet WordPress, autodidacte de conviction et graphiste de formation… je ne rentre pas vraiment dans les cases. C’est précisément ce qui fait ma force. Plus de 15 ans de projets web, une sensibilité visuelle héritée des arts appliqués, une rigueur forgée dans le Print et une curiosité insatiable pour les nouvelles technologies : mon profil est rare, mon approche est singulière, mes réalisations parlent pour moi. Envie d’en savoir plus ? Mon parcoursMe contacterLe blog John Web Read it 😉 BlogSEOWordPress llms.txt et llms-full.txt : rendre votre site WordPress lisible par les LLMs Après robots.txt et sitemap.xml, voici llms.txt — le fichier Markdown proposé en 2024 par Jeremy Howard pour guider les LLMs vers vos contenus prioritaires. Un standard en pleine adoption qui s'inscrit naturellement dans une stratégie GEO sérieuse. De sa structure à sa variante llms-full.txt, voici tout ce qu'il faut savoir pour l'implémenter proprement sur WordPress. 28/04/2026 Let's go Read it 😉 BlogOutils en ligneWordPress Claude vs ChatGPT vs Qwen : comparatif terrain pour les développeurs Web en 2026 Claude, ChatGPT, Qwen : trois LLMs, trois philosophies, trois niveaux de performance sur des projets réels de développement Web. Plugins WordPress, thèmes custom avec Alpine.js, applications Python d'audit SEO — voici un comparatif honnête et factuel basé sur des cas d'usage concrets, rédigé par un développeur senior qui les utilise tous les trois au quotidien. 21/04/2026 Let's go Read it 😉 BlogSEO GEO — Generative Engine Optimization : optimiser son contenu pour les moteurs IA Le SEO tel qu'on le pratiquait depuis vingt ans est en train de se transformer sous l'effet des moteurs de recherche génératifs. GEO — Generative Engine Optimization — désigne l'ensemble des pratiques qui permettent à un contenu d'être cité, référencé ou résumé par une IA. Un nouveau paradigme à comprendre d'urgence, surtout quand on fait du SEO technique son quotidien. 17/04/2026 Let's go Read it 😉 BlogWordPress Chef de projet Web en 2026 : ce que le métier est vraiment devenu Le métier de Chef de projet Web a plus changé en trois ans qu'en dix ans auparavant. IA, automatisation, nouvelles exigences techniques et relationnelles — voici ce que le métier est vraiment devenu en 2026, vu depuis le terrain, sans la langue de bois des livres blancs. 10/03/2026 Let's go Read it 😉 BlogSEOWordPress Log files et crawl budget WordPress : analyser le comportement de Googlebot Les fichiers de logs serveur sont une mine d'information sur le comportement réel de Googlebot — mais ils sont rarement exploités. Voici comment les analyser, comprendre le crawl budget de votre site WordPress et agir concrètement pour l'optimiser. 20/10/2025 Let's go Read it 😉 BlogWordPress Intégrer ChatGPT dans WordPress pour la génération de contenu : guide technique et bonnes pratiques Intégrer ChatGPT directement dans l'interface WordPress pour assister la rédaction de contenu : voici comment le faire proprement, sans plugin tiers, avec l'API OpenAI. Et surtout, comment l'utiliser intelligemment sans dériver vers du contenu générique. 16/06/2025 Let's go Read it 😉 BlogWordPress Synchroniser WordPress avec un ERP via API : architecture et retours du terrain La synchronisation entre WordPress et un ERP externe est un défi architectural récurrent sur les projets e-commerce B2B. Voici la méthode que j'ai mise en œuvre sur plusieurs projets : plugin de synchronisation sur mesure, gestion des flux bidirectionnels et stratégie de monitoring. 08/04/2025 Let's go Read it 😉 BlogWordPress Polylang vs WPML : le comparatif technique pour choisir votre plugin multilingue WordPress Polylang et WPML sont les deux références incontournables pour créer un site WordPress multilingue. Mais leurs architectures, leurs philosophies et leurs impacts SEO sont très différents. Voici un comparatif technique approfondi basé sur des projets réels. 12/02/2025 Let's go Read it 😉 BlogOutils en ligneWordPress L’IA dans la production Web en 2025 : le bilan honnête d’un développeur senior Un an d'usage intensif de l'IA dans un workflow de développement Web professionnel. Ce que ça change vraiment, ce que ça ne change pas, les illusions à déconstruire et les opportunités réelles à saisir. Un bilan sans langue de bois d'un développeur senior qui a tout testé. 20/01/2025 Let's go Read it 😉 BlogWoocommerceWordPress WooCommerce sans fiches produits : gérer un catalogue dynamique via tables custom WooCommerce natif atteint ses limites sur les catalogues complexes à fort volume. Voici comment j'ai contourné ces limites sur un projet réel : catalogue dynamique via tables MySQL custom, ajout au panier sans fiche produit et synchronisation avec un ERP externe. Une architecture non conventionnelle qui a tenu ses promesses. 10/12/2024 Let's go Read it 😉 BlogSEOWordPress Schema.org WordPress : données structurées sans plugin tiers Les données structurées Schema.org améliorent la visibilité dans les SERP via les rich snippets. Mais les plugins SEO les gèrent souvent de manière trop générique. Voici comment implémenter un Schema.org sur mesure, propre et précis, directement dans le code WordPress. 05/11/2024 Let's go Read it 😉 BlogWordPress Connecter WordPress à un agent IA via API : ce que j’ai appris sur le terrain Connecter WordPress à un agent IA n'est plus de la science-fiction — c'est une réalité de terrain que j'ai mise en œuvre sur plusieurs projets. Architecture de l'intégration, gestion des clés API, asynchronisme, sécurité et cas d'usage réels : voici ce que j'ai appris. 12/10/2024 Let's go Toutes les publicationsLe portfolio John Web Read it 😉 Portfolio KickAwa : boutique WordPress Sportswear Print-on-Demand KickAwa est un projet personnel de marque sportswear urban développé sous WordPress/WooCommerce, connecté à Printful via son plugin officiel pour une gestion en print-on-demand sans stock. Catalogue de vêtements, footwear et accessoires avec variantes, gestion multilingue, interface épurée et identité de marque soignée. Un terrain de jeu technique autant qu'une vraie boutique en ligne. 07/01/2026 Let's go Read it 😉 Portfolio Fighters Attitudes Polliat : site WordPress du club de kick-boxing Site WordPress vitrine développé bénévolement pour Fighters Attitudes, club de kick-boxing, pancrace et self-défense à Polliat dans l'Ain. Un projet personnel à part entière, né de mon engagement au sein du club comme membre du bureau et pratiquant. Présentation des disciplines, actualités, blog et informations pratiques — tout ce qu'il faut pour faire rayonner un club qui porte des valeurs fortes. 01/09/2025 Let's go Read it 😉 Portfolio Jonas Taylor : site WordPress DJ French Touch IA Jonas Taylor est un projet personnel expérimental : création de toutes pièces d'un DJ French Touch fictif via l'IA — identité visuelle, biographie, photos et musique générée avec Suno. Le site WordPress présente trois albums disponibles en streaming et en licensing sur Pond5. Une exploration créative à la croisée du web, de l'IA musicale et du concept de marque artistique fictive. 14/06/2025 Let's go Read it 😉 Portfolio Duqueine Motorsport : site e-commerce WordPress sur mesure Refonte complète du site e-commerce WordPress de Duqueine Motorsport, constructeur français de prototypes LMP2 et LMP3. Catalogue B2B sécurisé de 4000 références géré via tables custom en base de données, synchronisation produits/stocks/tarifs avec l'ERP Open SI, ajout au panier dynamique, système de remises personnalisées, gestion multilingue FR/EN via Polylang et plugin WordPress développé sur mesure. 10/01/2025 Let's go Read it 😉 Portfolio Devictio Formations Lyon : refonte site WordPress Refonte complète du site WordPress du centre de formation Devictio Formations à Lyon, spécialisé en formations digitales certifiantes pour dirigeants et entrepreneurs. Révision des URLs et contenus pour un SEO renforcé, listing des formations optimisé, génération automatique des métadonnées via IA et optimisation des images par intelligence artificielle. Hébergement sur serveur propriétaire. 07/11/2024 Let's go Read it 😉 Portfolio PixData.net : bases de données téléchargeables PixData.net est un site e-commerce WordPress personnel bilingue FR/EN proposant des bases de données téléchargeables — codes postaux mondiaux, données géographiques, démographiques et business — aux formats SQL, XLSX et CSV. Géré via WooCommerce avec produits numériques téléchargeables, gestion multilingue Polylang et catalogue structuré en catégories thématiques. Un projet personnel à part entière. 01/11/2024 Let's go Read it 😉 Portfolio IMWIZ IA : application Web de génération d’images IA IMWIZ IA est une application Web sur mesure exploitant le deep learning pour générer des images haute qualité à partir de descriptions textuelles. Développée sous WordPress/WooCommerce avec système d'achat de jetons, interface multilingue optimisée SEO et hébergement sur serveur dédié haute performance. Une plateforme complète pensée pour les professionnels du marketing, du design et de la création de contenu. 16/07/2024 Let's go Read it 😉 Portfolio Idéale Box : site vitrine WordPress éco-responsable Site vitrine WordPress sur mesure pour Idéale Box, pionnier de la communication éco-responsable depuis 2004. Rédaction avancée optimisée SEO, système de blog intégré avec prompt ChatGPT pour la génération des contenus et métadonnées, hébergement mutualisé. Un projet à la croisée du Web, du marketing responsable et de l'intelligence artificielle appliquée à l'éditorial. 29/01/2024 Let's go Read it 😉 Portfolio La Talemelerie : site e-commerce WordPress sur mesure Site e-commerce WordPress sur mesure pour La Talemelerie, réseau de 8 boulangeries pâtisseries artisanales à Grenoble et Chambéry. Système de Click & Collect multiboutique, connexion à l'API du logiciel de caisse Crisalid/WebSteri, plugin WordPress développé sur mesure avec intégration ChatGPT, gestion des produits au poids et Quickview personnalisé. 05/12/2023 Let's go Read it 😉 Portfolio RadioO : Web Radio WordPress avec player audio RadioO est un projet WordPress personnel né d'une passion pour la musique : une web radio proposant un catalogue de stations sélectionnées avec soin, classées par genres musicaux, accessibles via un player audio développé sur mesure. De Nostalgie à Jazz Radio en passant par OüiFM ou Kiss FM, RadioO agrège les meilleures web radios dans une interface épurée et agréable à utiliser. 02/11/2023 Let's go Read it 😉 Portfolio Page Verte : annuaire WordPress généraliste francophone Page Verte est un annuaire généraliste francophone développé sous WordPress, permettant aux professionnels de publier leur fiche en ligne et aux particuliers de trouver prestataires et services en quelques clics. Structuré en centaines de catégories thématiques, doté d'un moteur de recherche performant et d'une interface ergonomique, il constitue un outil de référencement local accessible et efficace. 30/10/2023 Let's go Read it 😉 Portfolio Dirt Bike France : refonte site e-commerce WordPress Refonte complète du site e-commerce Dirt Bike France, spécialiste en ligne de la vente de Dirt Bike, Pit Bike, Pocket Bike et quads depuis 2003. Migration de 6500 produits depuis CyberShop ASP vers WordPress/WooCommerce, connexion à l'ERP Codial, système d'import semi-automatique des produits fournisseurs via scraping et cron job, hébergement sur serveur dédié Linux. 21/12/2022 Let's go Toutes les réalisationsVous avez des questions ? J’ai des réponses !Qui est Jonathan LUSY, le développeur derrière JohnWeb.fr ?Je m’appelle Jonathan LUSY, développeur Web senior et chef de projet WordPress avec plus de 15 ans d’expérience terrain. Mon parcours est atypique : formé en arts appliqués au Lycée La Martinière Terreaux à Lyon (entrée sur concours), j’ai exercé pendant une quinzaine d’années comme opérateur prépresse spécialisé avant de me tourner vers le Web, en autodidacte, par curiosité et par conviction. Aujourd’hui, je conçois et pilote des projets Web WordPress pour des clients de toutes tailles, avec l’œil du graphiste, la rigueur du technicien et la méthode du chef de projet. Mon profil est rare, je crois, et c’est précisément ce qui en fait la valeur. Quelles sont les compétences principales de Jonathan LUSY en développement Web ?Mon cœur de métier repose sur trois piliers complémentaires : le développement WordPress sur mesure, le SEO technique et la gestion de projets Web de A à Z. Développement WordPress & WooCommerce Je développe des thèmes et plugins WordPress sur mesure, des architectures WooCommerce avancées — y compris des systèmes de catalogue dynamique via tables custom, des connexions à des ERP via API, des systèmes de Click & Collect multiboutique ou encore des intégrations d’agents IA. Je maîtrise PHP, JavaScript, HTML5, CSS3 et l’ensemble de l’écosystème WordPress natif. SEO technique & performance Optimisation des Core Web Vitals, implémentation des données structurées Schema.org, architecture de maillage interne, gestion du crawl budget, stratégies multilingues avec Polylang ou WPML, le SEO technique est une dimension que j’intègre dès la conception, pas en correction. Chef de projet Web Cadrage, spécifications fonctionnelles, coordination des équipes, suivi qualité, livraison : je pilote les projets dans leur intégralité, en parlant aussi bien aux développeurs qu’aux directions métier. Jonathan LUSY travaille-t-il uniquement avec WordPress ?WordPress est ma plateforme de prédilection — et de loin la plus utilisée sur mes projets clients — mais mon périmètre de compétences est plus large. Je développe en PHP natif, JavaScript, et j’ai une expérience concrète des APIs REST, des connexions à des ERP (Open SI, Crisalid/WebSteri, Codial), et de l’intégration d’agents IA dans des environnements Web. J’ai également une solide expérience du print et de la prépresse — flexographie, sérigraphie, offset, numérique — qui nourrit directement ma sensibilité graphique et ma rigueur technique sur les projets Web. Un développeur qui comprend les contraintes de la couleur, de la typographie et de la composition, c’est un profil assez rare dans notre métier. Qu’est-ce que la GEO et pourquoi Jonathan LUSY s’y intéresse-t-il ?La GEO — Generative Engine Optimization désigne l’ensemble des pratiques qui permettent à un contenu d’être cité, référencé ou résumé par les moteurs de recherche génératifs — Google AI Overviews, Perplexity, ChatGPT Search, Bing Copilot. Là où le SEO classique optimise pour le clic, la GEO optimise pour la citation par l’IA. Je m’y intéresse parce que c’est précisément l’évolution en cours du référencement — et parce qu’un chef de projet WordPress senior qui ignore les nouvelles réalités du SEO en 2026 est un profil qui vieillit mal. La GEO prolonge naturellement ma pratique du SEO technique : autorité topique, données structurées Schema.org, contenu dense et précis, réponses directes aux questions — des pratiques qui servent simultanément le SEO classique et la GEO. Quelle est l’approche de Jonathan LUSY sur un projet WordPress sur mesure ?Mon approche tient en une conviction simple : un projet bien né se reconnaît avant le premier commit. Avant d’écrire une seule ligne de code, je passe du temps à comprendre le besoin réel, cartographier les usages, anticiper les contraintes techniques et les évolutions futures. Le cahier des charges n’est pas une formalité : c’est la fondation sur laquelle tout repose. Phase de cadrage Analyse du besoin, définition des fonctionnalités, choix de l’architecture technique adaptée au projet… pas de solution générique appliquée à la va-vite. Développement & intégration Code propre, commenté, maintenable. Je respecte les WordPress Coding Standards, j’utilise les hooks plutôt que de modifier le core, et je documente ce que je produis pour que l’éventuel développeur qui reprendrait le projet dans le futur ne me maudisse pas. Livraison & suivi Tests, recette, formation des équipes clientes si nécessaire, et un suivi post-livraison sérieux. Un projet livré n’est pas un projet terminé — c’est un projet qui commence. Jonathan LUSY développe-t-il des plugins WordPress sur mesure ?Oui ! C’est même l’une de mes spécialités les plus valorisées sur des projets complexes. J’ai développé plusieurs plugins WordPress sur mesure pour des besoins très spécifiques que les solutions du marché ne pouvaient pas couvrir. Parmi les réalisations concrètes : un plugin de synchronisation avec l’ERP Crisalid/WebSteri pour La Talemelerie (gestion du Click & Collect multiboutique, import produits, optimisation automatique des images), un plugin de synchronisation avec l’ERP Open SI pour Duqueine Motorsport (catalogue de 4000 références via tables custom, gestion dynamique du panier WooCommerce), ou encore des plugins d’intégration ChatGPT pour l’édition assistée de contenus et métadonnées. Chaque plugin est développé avec une attention particulière à la sécurité (nonces, sanitisation, vérification des capacités), à la performance et à la maintenabilité. Comment Jonathan LUSY intègre-t-il l’IA dans ses projets Web ?L’IA n’est pas un gadget dans mon workflow : c’est un outil de production intégré quotidiennement et de manière réfléchie. Je distingue deux niveaux d’intégration. L’IA comme accélérateur de développement J’utilise les grands modèles de langage (ChatGPT, Claude) comme copilotes de développement : génération de code boilerplate, review de code, debug assisté, rédaction de documentation. Avec une règle d’or : tout code généré par l’IA est compris, testé et validé avant d’aller en production. L’IA accélère… elle ne se substitue pas au jugement technique. L’IA comme fonctionnalité intégrée dans les projets J’ai mis en œuvre des intégrations concrètes d’agents IA dans des sites WordPress en production : connexion à l’API OpenAI pour l’édition assistée de fiches produits, génération automatique de métadonnées SEO, chatbots contextuels alimentés par le contenu du site. Des cas d’usage réels, déployés sur des projets réels, pas de la théorie. Quels types de projets WordPress figurent dans le portfolio de Jonathan LUSY ?Mon portfolio couvre un spectre large de typologies de projets WordPress, allant de la refonte SEO à l’architecture e-commerce la plus complexe. Sites e-commerce complexes La Talemelerie (réseau de 8 boulangeries, Click & Collect multiboutique, connexion ERP, plugin sur mesure avec ChatGPT intégré), Duqueine Motorsport (catalogue B2B de plusieurs milliers de références via tables custom, synchronisation ERP Open SI, gestion dynamique du panier WooCommerce, site bilingue FR/EN), Dirt Bike France (refonte depuis CyberShop ASP, migration de 6500 produits vers WordPress/WooCommerce, connexion ERP Codial à la genèse). Applications Web & projets personnels IMWIZ IA (application Web de génération d’images par IA, WooCommerce avec système de jetons), PixData.net (e-commerce de bases de données téléchargeables, multilingue Polylang), @infographie (outils Web en ligne, boutique de scripts Adobe Illustrator), KickAwa (marque sportswear print-on-demand, Printful + WooCommerce… un site pour le fun). Sites vitrine & institutionnels Idéale Box, Devictio Formations, Wpop.fr, Page Verte, Fighters Attitudes : chaque projet traité avec la même exigence quelle que soit sa taille. Qu’est-ce que JohnWeb.fr et à qui s’adresse ce site ?JohnWeb.fr est mon site personnel, je suis développeur Web senior et chef de projet WordPress basé à Polliat près de Bourg-en-Bresse. Le site remplit trois fonctions complémentaires. Un portfolio professionnel Une vitrine de quelques-unes de mes réalisations Web : sites e-commerce complexes, applications WordPress, projets multilingues, intégrations ERP et IA, avec des fiches techniques détaillées qui permettent de comprendre les enjeux réels de chaque projet. Un blog technique Des articles de fond sur WordPress, le développement Web, le SEO technique, et les usages de l’IA au quotidien. Un regard concret nourri par 15 ans d’expérience terrain et une curiosité qui ne s’est pas encore rassasiée. Un espace de contact Pour toute personne souhaitant échanger avec quelqu’un qui sait de quoi il parle : JohnWeb.fr est la bonne adresse. Le site s’adresse autant aux professionnels du digital qu’aux curieux qui s’intéressent au développement Web, à WordPress et aux nouvelles pratiques du référencement. --- ### @infographie : site WordPress dédié à l’infographie URL: https://johnweb.fr/portfolio/infographie-site-wordpress-dedie-a-linfographie/ @infographie — Un site WordPress personnel dédié à l’infographie, au graphisme et aux métiers du Print @infographie est l’un de mes premiers projets Web personnels, conçu et développé sous WordPress avec une ambition claire : créer un espace de référence dédié à l’infographie, à la PAO, au graphisme et aux métiers du Print et du Web. Le site couvre un spectre thématique large — infographie, graphisme, impression, webdesign, production vidéo — et se distingue par la richesse de ses contenus éditoriaux, de ses outils en ligne gratuits et de sa boutique de ressources numériques spécialisées. Un projet personnel qui, depuis 2019, continue de grandir et d’évoluer. Preuve que les projets qu’on aime, on les entretient. Des outils en ligne gratuits développés sur mesure La section la plus originale du site est sans conteste sa collection d’outils Web & Print en ligne, entièrement développés sur mesure et accessibles gratuitement. Chaque outil répond à un besoin concret des métiers du graphisme, du prépresse et du Web. Au catalogue des outils disponibles : Générateur de QR code vectoriel — génère des QR codes au format .svg, idéaux pour une utilisation Print : contrairement aux formats image, le vecteur ne se dégrade pas à l’agrandissement et reste modifiable dans Adobe Illustrator. Générateur de codes barres — supporte une large palette de symbologies : EAN-8, EAN-13, UPC-A, UPC-E, Code 39, Code 93, Code 128, ITF, QR, Data Matrix, GS1 et bien d’autres, avec documentation intégrée par symbologie. Générateur de content spinning — génère jusqu’à 50 occurrences de textes spinnés avec indicateur de similarité en pourcentage et comptage de caractères et mots par occurrence. Générateur de spins — crée des sections de spins par genre (masculin/féminin) et génère des rotations de mots-clés et expressions synonymes pour construire des matrices de content spinning précises. Compteur de lettres et de mots — retourne le nombre de lettres, le nombre de mots et la longueur totale de la chaîne saisie, en faisant abstraction des espaces, ponctuation et caractères spéciaux. Une boutique WooCommerce de scripts Adobe Illustrator sur mesure La boutique d’@infographie, gérée via WooCommerce, propose des scripts Adobe Illustrator développés sur mesure pour macOS, destinés aux professionnels des métiers du prépresse et de la PAO. Trois produits phares composent le catalogue : Script de cotation pour Adobe Illustrator (39,90 €) — cote automatiquement les objets et éléments dans Illustrator avec différentes unités (mm, pts, picas, pixels…) en quelques clics, en réduisant drastiquement le temps et les erreurs de cotation manuelle. Script de création de calendriers pour Adobe Illustrator (24,90 €) — génère automatiquement la matrice d’un calendrier selon l’année choisie, avec configuration des libellés de mois et jours, et intégration des périodes de vacances. Script d’import d’images en masse pour Adobe Illustrator (24,90 €) — importe en une seule opération un dossier entier d’images (JPG, EPS et autres formats) dans un document Illustrator, chaque image étant placée sur un calque distinct créé à la volée. Des outils qui font le travail qu’on ne voulait plus faire à la main. Un blog de tutoriels infographie et WordPress Le blog d’@infographie est structuré en deux axes éditoriaux complémentaires : des tutoriels infographie couvrant des sujets comme les métadonnées, la restauration d’images, la numérisation professionnelle ou la conversion Flash vers HTML5, et des tutoriels WordPress orientés développement et bonnes pratiques. Le blog accueille également une section Partenaires présentant l’écosystème de prestataires et de services recommandés, renforçant ainsi le maillage interne et la cohérence éditoriale du site. Une offre de services Web & Print intégrée Au-delà des outils et de la boutique, @infographie propose une gamme de services Web & Print : création de sites Internet vitrine et e-commerce, graphisme et impression, réalisation vidéo, le tout avec la possibilité d’accéder à des formations professionnelles spécialisées via des centres partenaires. Une offre cohérente qui positionne le site à la croisée entre plateforme de ressources gratuites et vitrine de prestations professionnelles. Stack technique et architecture WordPress Le site repose sur un socle WordPress optimisé, avec WooCommerce pour la gestion de la boutique de produits numériques, et une architecture de contenus structurée en quatre univers distincts — Outils, Boutique, Blog, Services — chacun bénéficiant d’une optimisation SEO spécifique. Les outils en ligne sont développés en JavaScript et PHP côté serveur pour les traitements les plus complexes, et s’intègrent nativement dans l’environnement WordPress sans dépendance à des services tiers. Une architecture propre, maintenable, et bâtie pour durer. Découvrir @infographie --- ### ACF Pro vs Carbon Fields vs Meta Box : quel plugin de champs personnalisés choisir ? URL: https://johnweb.fr/blog/wordpress/acf-pro-vs-carbon-fields-vs-meta-box-quel-plugin-de-champs-personnalises-choisir/ Pourquoi les champs personnalisés sont indispensables sur WordPress Dès qu’un projet WordPress dépasse le blog basique, les champs personnalisés deviennent incontournables. Ils permettent de structurer des données métier spécifiques — propriétés d’un bien immobilier, fiche technique d’un produit, informations d’un événement — et de les afficher proprement via des templates. Trois plugins dominent le marché : Advanced Custom Fields Pro (ACF Pro), Carbon Fields et Meta Box. Chacun a sa philosophie, ses forces et ses cas d’usage privilégiés. Voici un comparatif honnête basé sur une utilisation intensive des trois solutions sur des projets réels. ACF Pro : la référence accessible Advanced Custom Fields Pro est de loin la solution la plus populaire de l’écosystème WordPress — et pour de bonnes raisons. Son interface d’administration visuelle est exceptionnellement bien conçue, sa documentation est exhaustive, et sa communauté est immense. ACF Pro brille par son accessibilité : un développeur junior comme un développeur senior peut être productif en quelques heures. Les points forts d’ACF Pro L’interface de création de groupes de champs est intuitive et complète. Le champ Flexible Content et le champ Repeater sont des outils de mise en page extrêmement puissants qui permettent de construire des interfaces d’édition complexes sans une ligne de code. L’intégration avec Gutenberg via les blocs ACF est bien pensée. La fonction get_field() est simple, claire et couvre 95% des cas d’usage courants. Le plugin embarque également des fonctionnalités avancées comme la synchronisation JSON des groupes de champs pour le versioning et le travail en équipe. Les limites d’ACF Pro ACF Pro est un plugin — ce qui signifie qu’il génère des requêtes en base de données via la table wp_postmeta, dont la structure n’est pas optimisée pour les recherches complexes sur les meta. Sur des sites avec des volumes importants de données, les performances peuvent se dégrader. Le prix (environ 49$/an) peut être un frein sur des projets à petit budget. Enfin, la dépendance à un plugin tiers — même populaire — reste une considération architecturale sérieuse. Carbon Fields : la solution code-first Carbon Fields adopte une philosophie radicalement différente : tout se configure en PHP, dans le code, sans interface d’administration visuelle. C’est une bibliothèque open source gratuite, légère et orientée développeur pur. Les points forts de Carbon Fields La déclaration des champs directement en PHP offre une intégration parfaite dans un workflow de versioning Git — les configurations vivent dans le code, pas en base de données. La syntaxe est élégante et expressive. Carbon Fields est gratuit et sans abonnement. Sa légèreté impacte positivement les performances. C’est le choix idéal pour les développeurs qui préfèrent tout contrôler via le code et qui travaillent en équipe avec des processus de déploiement structurés. Les limites de Carbon Fields L’absence d’interface visuelle est rédhibitoire dans les projets où le client doit gérer lui-même la configuration des champs. La communauté est significativement plus petite qu’ACF, ce qui réduit les ressources disponibles pour le debug. Certains types de champs avancés disponibles dans ACF Pro n’ont pas d’équivalent natif dans Carbon Fields. Meta Box : la puissance et la flexibilité Meta Box est la solution la plus puissante et la plus flexible des trois, avec une architecture modulaire basée sur des extensions. Le core est gratuit, et des extensions payantes permettent d’ajouter des fonctionnalités spécifiques selon les besoins. Les points forts de Meta Box Meta Box offre le meilleur des deux mondes : une déclaration des champs en PHP pour les développeurs, et une interface visuelle optionnelle via l’extension MB Builder. Ses performances sont généralement supérieures à ACF grâce à une meilleure optimisation des requêtes. L’extension MB Custom Table permet de stocker les données dans des tables dédiées plutôt que dans wp_postmeta — un avantage décisif pour les projets avec de forts volumes de données. La flexibilité architecturale est inégalée. Les limites de Meta Box La courbe d’apprentissage est plus élevée qu’ACF Pro. Le modèle économique basé sur des extensions multiples peut rendre le coût total difficile à anticiper. La documentation, bien que complète, est moins intuitive que celle d’ACF. Quel plugin choisir selon le contexte ? La réponse honnête est qu’il n’y a pas de solution universellement meilleure. ACF Pro est le choix optimal pour les projets où la productivité et l’accessibilité client priment, et pour les équipes mixtes développeurs/non-développeurs. Carbon Fields s’impose naturellement sur les projets purement développeur avec un workflow Git strict et un budget limité. Meta Box est le choix des projets complexes avec des volumes importants de données ou des besoins d’architecture avancés. Dans tous les cas, le choix doit être guidé par les contraintes du projet, pas par les préférences personnelles du développeur. --- ### Alyze.com : L’outil d’analyse Web incontournable pour corriger les erreurs de conception URL: https://johnweb.fr/blog/outils-en-ligne/alyze-com-loutil-danalyse-web-incontournable-pour-corriger-les-erreurs-de-conception/ Alyze.com : L’outil d’analyse Web incontournable pour corriger les erreurs de conception Alyze.com est un outil en ligne puissant et essentiel pour tous les propriétaires de sites Web et concepteurs qui souhaitent améliorer la qualité et les performances de leurs sites. Cet outil d’analyse Web offre une multitude de fonctionnalités pour identifier et corriger les erreurs de conception, ce qui permet d’optimiser l’expérience utilisateur et de renforcer la crédibilité de votre site. Dans cet article, nous allons explorer les fonctionnalités principales d’Alyze.com, l’importance de l’analyse Web pour corriger les erreurs de conception, et comment utiliser efficacement cet outil. Les fonctionnalités principales d’Alyze.com Alyze.com offre une gamme complète de fonctionnalités pour analyser votre site Web et détecter les erreurs de conception. Parmi ces fonctionnalités, on retrouve l’analyse des balises HTML, la vérification des liens cassés, la mesure de la vitesse de chargement des pages, l’analyse de l’accessibilité, la détection des erreurs de codage, l’optimisation des balises méta, et bien plus encore. Chacune de ces fonctionnalités est conçue pour vous aider à identifier précisément les problèmes de conception sur votre site, afin que vous puissiez les corriger rapidement et efficacement. L’importance de l’analyse Web pour corriger les erreurs de conception L’analyse Web est essentielle pour corriger les erreurs de conception et améliorer la performance de votre site. En identifiant les problèmes tels que les liens cassés, les balises HTML mal utilisées, les pages lentes à charger, ou les erreurs de codage, vous pouvez vous assurer que votre site fonctionne correctement et offre une expérience utilisateur optimale. En corrigeant ces erreurs, vous améliorez la crédibilité de votre site, augmentez le taux de conversion et favorisez le référencement naturel. L’analyse Web régulière avec Alyze.com vous permet de garder un œil attentif sur la santé de votre site et de prendre les mesures nécessaires pour maintenir ou améliorer sa performance. Rapport sur la densité brute et la densité pondérée des mots-clés d’une page Web Alyze se distingue parmi d’autres outils d’analyse de pages Web notamment grâce à son rapport sur la densité brute et la densité pondérée des mots-clés et expressions-clés recensées dans une page Web. D’une précision remarquable sur ces points (outre les autres), Alyze est à mon sens l’un des meilleurs outils en ligne pour comprendre comment optimiser les pages de votre site Web vis-à-vis de l’optimisation du référencement naturel. Grâce au rapport sur la densité des mots-clés qu’il fournit pour chaque page Web qu’on y analyse, Alyze permet une lecture simple et rapide de la faculté de votre page Web analysée à bien s’insérer dans l’index des moteurs de recherche. Densité brute des mots-clés : la densité brute des mots-clés d’une page, c’est tout simplement la quantification de la densité d’un mot-clé — ou d’une expression-clé — par rapport à l’ensemble du texte contenu dans la page Web ; Densité pondérée des mots-clés : la densité pondérée des mots-clés d’une page, c’est le « score » obtenu pour le mot-clé (ou l’expression-clé) en tenant compte des balises HTML dans lesquelles ledit mot-clé est intégré dans la page Web (balises 1h, h2, h3, h4… balises métas, balises ALT, etc.) ; Améliorez la conception de votre site avec Alyze.com En conclusion, Alyze.com est un outil d’analyse Web incontournable pour tous les propriétaires de sites Web et concepteurs qui souhaitent améliorer la conception et la performance de leurs sites. Grâce à ses fonctionnalités avancées, vous pouvez identifier et corriger rapidement les erreurs de conception, ce qui permet d’optimiser l’expérience utilisateur, d’améliorer la crédibilité de votre site et de stimuler le trafic organique. Utilisez Alyze.com de manière régulière pour analyser votre site et bénéficier des avantages d’une conception sans faille. N’oubliez pas que la qualité de votre site est essentielle pour attirer et fidéliser les utilisateurs, et Alyze.com est là pour vous aider à atteindre cet objectif. Alyze.com est un outil développé par un français, Alexandre Tourette, et c’est un outil que je vous recommande d’utiliser sans aucune modération tant il est bénéfique pour l’optimisation de vos sites Web. Découvrir Alyze.com --- ### Améliorer l’UX sur votre site WordPress : les bonnes pratiques URL: https://johnweb.fr/blog/wordpress/ameliorer-lux-sur-votre-site-wordpress-les-bonnes-pratiques/ L’expérience utilisateur (UX) est un élément essentiel à prendre en compte lors de la création d’un site WordPress. Une bonne UX permet aux utilisateurs de naviguer facilement sur votre site, de trouver les informations qu’ils recherchent et de réaliser leurs actions sans difficulté. Dans cet article, nous vous présenterons les meilleures pratiques pour améliorer l’UX sur votre site WordPress. Analyser les comportements des utilisateurs Pour améliorer l’UX sur votre site WordPress, il est essentiel d’analyser les comportements des utilisateurs. En comprenant comment ils interagissent avec votre site, vous pourrez identifier les points faibles de votre site Web et les corriger. Utilisez des outils d’analyse tels que Google Analytics pour suivre le parcours des utilisateurs, les pages les plus visitées, le temps passé sur chaque page, etc. Ces informations vous aideront à optimiser votre site en fonction des besoins et des attentes de vos utilisateurs. Optimiser la vitesse de chargement du site La vitesse de chargement d’un site est un facteur clé de l’UX. Les utilisateurs n’ont pas de patience et quittent rapidement un site qui met trop de temps à se charger. Pour optimiser la vitesse de chargement de votre site WordPress, assurez-vous d’utiliser un thème léger et bien optimisé. Évitez les plugins inutiles qui peuvent alourdir votre site. Optez également pour un hébergement de qualité et utilisez des outils de mise en cache pour réduire le temps de chargement des pages. Créer une navigation intuitive et structurée Une navigation intuitive et structurée est essentielle pour améliorer l’UX sur votre site WordPress. Les utilisateurs doivent pouvoir trouver rapidement les informations qu’ils recherchent. Organisez votre menu de manière claire et logique. Utilisez des catégories et des sous-catégories pour classer vos articles et pages. Assurez-vous que vos liens de navigation sont facilement repérables et cliquables. N’hésitez pas à utiliser des outils de test utilisateur pour évaluer la facilité de navigation sur votre site. Adapter le design pour une expérience utilisateur optimale Le design de votre site WordPress a un impact direct sur l’UX. Optez pour un design épuré et professionnel, en évitant les éléments superflus qui peuvent distraire les utilisateurs. Utilisez des couleurs cohérentes et des polices lisibles, et vérifiez le bon contraste entre les textes et le fond ( l’arrière-plan bien évidemment, le « fond » du contenu, c’est votre affaire 😉 ). Veillez à ce que votre site soit compatible avec les appareils mobiles, car la majorité des utilisateurs naviguent sur internet depuis leur smartphone ou leur tablette. Testez également la compatibilité de votre site avec différents navigateurs pour vous assurer que tous les utilisateurs bénéficient d’une expérience optimale. En suivant ces quelques recommandations pour améliorer l’UX sur votre site WordPress, vous offrirez une expérience utilisateur optimale à vos visiteurs. Analysez les comportements des utilisateurs, optimisez la vitesse de chargement du site, créez une navigation intuitive et adaptez le design pour répondre aux attentes de vos utilisateurs. En mettant en œuvre ces conseils, vous serez en mesure de fidéliser vos utilisateurs et de les inciter à revenir sur votre site régulièrement. --- ### Chef de projet Web en 2026 : ce que le métier est vraiment devenu URL: https://johnweb.fr/blog/wordpress/chef-de-projet-web-en-2026-ce-que-le-metier-est-vraiment-devenu/ Un métier en mutation accélérée Il y a dix ans, le Chef de projet Web était essentiellement un coordinateur — quelqu’un qui faisait le lien entre les clients, les développeurs et les graphistes, gérait les plannings et les budgets, et s’assurait que les livrables étaient conformes aux spécifications. Ce rôle existe toujours, mais il a subi une transformation si profonde ces trois dernières années que la description de poste d’un Chef de projet Web de 2020 ressemble à un artefact d’une autre époque. L’IA, la complexité croissante des projets, et l’évolution des attentes clients ont reconfiguré le métier en profondeur — dans le bon sens pour ceux qui s’y sont adaptés, dans le mauvais pour ceux qui ne l’ont pas fait. L’IA comme compétence désormais incontournable En 2026, un Chef de projet Web qui ne maîtrise pas les outils IA n’est tout simplement plus compétitif. Ce n’est pas une question de posture — c’est une réalité de terrain. Les clients arrivent désormais en réunion avec des maquettes générées par IA, des prototypes de contenu produits en quelques heures, des comparatifs techniques générés par des agents IA. Le Chef de projet qui ne peut pas évaluer la qualité de ces productions, identifier leurs limites et les contextualiser dans une architecture technique réelle est en difficulté. Ce que l’IA a changé dans la gestion de projet La rédaction des spécifications fonctionnelles a été profondément accélérée par l’IA — un Chef de projet qui sait prompter efficacement peut produire un cahier des charges initial en une fraction du temps qu’il fallait auparavant. La documentation de projet, les comptes-rendus de réunion, les rapports d’avancement — toutes ces tâches chronophages ont été considérablement allégées. En revanche, la prise de décision, l’arbitrage entre contraintes techniques et business, la gestion des parties prenantes — ces dimensions restent entièrement humaines et prennent en proportion une place plus importante dans le quotidien. La montée en technicité : une exigence inévitable L’époque du Chef de projet Web qui gérait des projets WordPress « simples » sans comprendre ce qui se passait sous le capot est révolue. Les projets sont structurellement plus complexes — intégrations ERP, APIs multiples, architectures headless, performances et Core Web Vitals exigeants, conformité RGPD — et les clients ont des attentes techniques plus précises. Le Chef de projet qui peut avoir une conversation technique réelle avec les développeurs, comprendre les implications d’une décision architecturale et challenger les estimations de charge avec des arguments techniques est infiniment plus efficace que celui qui se contente de transmettre les demandes clients. La relation client a changé de nature Les clients sont mieux informés qu’avant — parfois trop. Ils arrivent avec des idées très précises nourries par des articles de blog, des vidéos YouTube, des suggestions d’IA. La première compétence relationnelle du Chef de projet Web en 2026 n’est plus de convaincre mais de contextualiser : expliquer pourquoi la solution « simple » vue sur YouTube ne s’applique pas à leur contexte spécifique, pourquoi l’IA a suggéré quelque chose qui ne tient pas techniquement, pourquoi le budget « vu ailleurs » est irréaliste pour leurs besoins réels. C’est un travail pédagogique constant qui exige une maîtrise technique solide et une excellente capacité de vulgarisation. Les compétences qui font la différence en 2026 Au-delà des compétences techniques, les qualités qui distinguent les Chefs de projet Web vraiment efficaces en 2026 sont celles qui résistent à l’automatisation : la capacité à comprendre un contexte métier complexe rapidement, à construire une relation de confiance durable avec les clients, à prendre des décisions sous incertitude et à les assumer, à motiver et coordonner des équipes pluridisciplinaires dispersées, et à anticiper les problèmes avant qu’ils ne deviennent des crises. Ces qualités n’ont rien de nouveau — mais elles sont désormais plus déterminantes que jamais, précisément parce que l’IA automatise de plus en plus la partie mécanique du métier. Ce que ça m’a appris sur 15 ans de terrain Après quinze ans à mener des projets Web — des sites vitrine les plus simples aux architectures e-commerce les plus complexes — la leçon la plus importante que je retiens est que la technique est un moyen, jamais une fin. Les projets qui réussissent vraiment sont ceux où la technique est au service d’un objectif business clairement compris, où la relation avec le client est fondée sur la transparence et la confiance, et où l’équipe projet partage une vision commune de ce qu’est un bon résultat. L’IA n’a pas changé cette réalité fondamentale — elle l’a simplement mise en relief. --- ### Choisir le bon thème WordPress pour votre blog : guide technique URL: https://johnweb.fr/blog/wordpress/choisir-le-bon-theme-wordpress-pour-votre-blog-guide-technique/ Lorsque vous créez un blog technique sur WordPress, il est essentiel de choisir le bon thème pour garantir la réussite de votre site. Le thème que vous choisissez joue un rôle crucial dans l’apparence et les fonctionnalités de votre blog. Dans cet article, nous vous présenterons les éléments à prendre en compte pour choisir le thème WordPress idéal pour votre blog technique, ainsi que quelques-uns des meilleurs thèmes recommandés. Éléments à prendre en compte pour choisir le thème WordPress idéal Lors du choix d’un thème WordPress pour votre blog technique, il est important de prendre en compte certains éléments clés. Tout d’abord, la compatibilité avec les plugins est essentielle. Les plugins vous permettent d’ajouter des fonctionnalités supplémentaires à votre blog, il est donc crucial de vous assurer que le thème que vous choisissez est compatible avec les plugins populaires et essentiels pour votre blog technique. Ensuite, la personnalisation du thème est un autre aspect important à considérer. Vous voudrez probablement personnaliser l’apparence de votre blog pour qu’il corresponde à votre marque et à vos préférences. Assurez-vous donc que le thème que vous choisissez offre un certain degré de personnalisation, tel que la possibilité de modifier les couleurs, les polices et la mise en page. Enfin, la compatibilité mobile est devenue indispensable. Les utilisateurs accèdent de plus en plus aux sites web depuis des appareils mobiles tels que les smartphones et les tablettes (>= 70% du traffic total). Il est donc crucial que le thème que vous choisissez soit entièrement réactif et s’adapte correctement à tous les types d’écrans, offrant ainsi une expérience utilisateur optimale, peu importe le dispositif utilisé. Les meilleurs thèmes WordPress recommandés pour votre blog technique Il existe de nombreux thèmes WordPress disponibles, mais certains sont particulièrement adaptés aux blogs techniques. Voici quelques-uns des meilleurs thèmes recommandés pour votre blog technique : Divi : Divi est un thème polyvalent et puissant qui offre une grande flexibilité et une personnalisation avancée. Il est idéal pour les blogs techniques grâce à ses nombreuses fonctionnalités et sa compatibilité avec les plugins populaires. GeneratePress : GeneratePress est un thème léger et rapide qui offre une personnalisation facile et une compatibilité avec les plugins essentiels. Il est également entièrement réactif, offrant ainsi une expérience utilisateur optimale sur tous les appareils. Astra : Astra est un autre thème polyvalent qui offre une grande flexibilité et une personnalisation avancée. Il est compatible avec les plugins populaires et propose des démos prédéfinies spécifiquement conçues pour les blogs techniques. En conclusion, choisir le bon thème WordPress pour votre blog technique est une étape déterminante pour garantir le succès de votre site. Lors de votre choix, prenez en compte des éléments tels que la compatibilité avec les plugins, la personnalisation du thème et la compatibilité mobile. En gardant ces critères à l’esprit, vous pouvez opter pour des thèmes recommandés tels que Divi, GeneratePress et Astra, qui offrent des fonctionnalités avancées et une adaptabilité optimale pour votre blog technique, mais sachez qu’il existe énormément d’autres thèmes gratuits ou payants qui pourront remplir la mission avec brio. N’oubliez pas de prendre le temps de rechercher, de tester différents thèmes et de choisir celui qui répond le mieux à vos besoins spécifiques : mieux vaut prendre le temps d’effectuer le choix des armes, plutôt que de foncer tête baissée et ensuite s’apercevoir que le thème sélectionné n’était un bon choix. --- ### Claude vs ChatGPT vs Qwen : comparatif terrain pour les développeurs Web en 2026 URL: https://johnweb.fr/blog/outils-en-ligne/claude-vs-chatgpt-vs-qwen-comparatif-terrain-pour-les-developpeurs-web-en-2026/ Pourquoi ce comparatif — et pourquoi maintenant Les comparatifs de LLMs pullulent sur le Web en 2026 — benchmarks académiques, tests de QCM, classements sur des tâches abstraites qui ne ressemblent à aucun projet réel. Celui-ci est différent. Il est fondé sur des mois d’utilisation intensive de trois modèles dans un contexte de développement Web professionnel réel : Claude (Anthropic), ChatGPT (OpenAI) et Qwen (Alibaba). Des plugins WordPress livrés en production, un thème WordPress complet développé de A à Z, une application Python d’audit SEO connectée à GA4 et GSC — voici ce que ces trois IA ont produit concrètement, leurs forces respectives, leurs limites honnêtes, et surtout les cas d’usage pour lesquels chacun excelle. Avertissement : je vais essayer d’être objectif. C’est plus difficile qu’il n’y paraît quand on a ses préférences. Mais c’est précisément ce qui rend ce comparatif utile. Le terrain de test : des projets réels, pas des exercices théoriques Avant d’entrer dans le comparatif, posons le contexte des projets sur lesquels ces trois LLMs ont été évalués — parce qu’un LLM ne se teste pas sur « écris-moi une fonction PHP qui additionne deux nombres ». Projet 1 — Un plugin de newsletter WordPress sur mesure L’objectif : créer un plugin WordPress de newsletter fonctionnel, plus accessible que le plugin « Newsletter » du marché — riche en fonctionnalités mais réputé verbeux et complexe pour les non-initiés. Le plugin devait gérer les abonnements, les campagnes d’envoi, les templates d’emails, et offrir une interface d’administration claire et intuitive. Un projet de complexité moyenne, mais qui exige une maîtrise fine des hooks WordPress, de la gestion des emails via wp_mail(), et une architecture de code propre et maintenable. Projet 2 — Un thème WordPress complet sans page builder Le projet le plus ambitieux du lot : développer un thème WordPress complet from scratch, sans page builder, avec Alpine.js comme couche JavaScript légère, et Gutenberg comme éditeur de contenu natif. Le thème devait embarquer nativement un ensemble de fonctionnalités avancées habituellement déléguées à des plugins tiers : compression et conversion automatique des images au format WebP à l’upload avec réécriture SEO de la nomenclature des fichiers, outils SEO intégrés (gestion des balises meta, Open Graph, Schema.org) de niveau comparable à Yoast SEO, un éditeur CSS/JS/PHP en back-office basé sur la librairie ACE Editor, la gestion des templates de titlebar, header et footer, des templates d’emails transactionnels personnalisables, un formulaire d’inscription avec validation par lien de confirmation, un formulaire de connexion personnalisé décorrélé de la page wp-login standard, et bien d’autres fonctionnalités. Un projet d’une complexité significative qui teste vraiment la capacité d’un LLM à tenir un contexte architectural long, à gérer des révisions successives sans perdre le fil, et à produire du code propre et cohérent sur la durée. Projet 3 — Une application Python d’audit SEO connectée à GA4 et GSC Le troisième terrain de test est une application Python avec une interface minimaliste permettant de sélectionner un site Web cible, de définir une plage de dates, puis de se connecter automatiquement à Google Analytics 4 et à la Google Search Console via leurs APIs respectives pour collecter, analyser et quantifier les données de performance. L’application génère ensuite un audit SEO structuré avec représentation visuelle des données, en sous-traitant la couche rédactionnelle narrative à Gemini — pour rester pleinement dans l’écosystème Google — afin de produire un rapport client compréhensible, factuel et bien rédigé. Claude (Anthropic) : l’architecte rigoureux Commençons par celui qui me met dans la position la plus délicate — Claude, le modèle d’Anthropic, qui est aussi celui avec lequel j’ai le plus travaillé ces derniers mois. Je vais être aussi objectif que possible, ce qui implique de reconnaître ses forces sans occulter ses limites. Ce qui impressionne vraiment Sur le projet de thème WordPress complet, Claude s’est distingué par quelque chose de rare chez les LLMs : une capacité à maintenir une cohérence architecturale sur un projet long. Quand on développe un thème avec une dizaine de fonctionnalités interdépendantes, la principale difficulté n’est pas d’écrire chaque fonctionnalité isolément — c’est de s’assurer que toutes les pièces s’assemblent proprement, que les hooks ne se marchent pas dessus, que les classes PHP suivent une organisation logique et que le code produit à la révision 15 est aussi propre que celui produit à la révision 1. Sur ce point précis, Claude est remarquablement performant. La qualité graphique des livrables est un autre point fort notable — particulièrement sur les interfaces d’administration WordPress et sur les rendus front-end. Il ne s’agit pas seulement de CSS fonctionnel : Claude produit des interfaces visuellement soignées, avec une attention portée aux détails de typographie, d’espacement et de hiérarchie visuelle qui distingue un dev qui a une sensibilité graphique d’un dev qui n’en a pas. Pour un développeur comme moi, issu d’une formation en arts appliqués, cette dimension compte vraiment. Sur le plugin de newsletter WordPress, le résultat a été livré en deux prompts seulement — un premier prompt pour l’architecture complète, un second pour les ajustements et finitions. Le résultat était fonctionnel, sans bug notable, avec une architecture propre et maintenable. C’est le type de livraison qui change concrètement la productivité d’un développeur. La gestion des révisions : un vrai point fort Sur un projet complexe avec de nombreuses révisions successives, la capacité d’un LLM à intégrer les corrections sans régresser sur ce qui fonctionnait est déterminante. Claude gère cette dimension remarquablement bien — il comprend précisément ce qui doit changer, modifie ce qui doit l’être, et préserve ce qui fonctionnait. Les bugs introduits lors des révisions se comptent sur les doigts d’une main sur l’ensemble du projet de thème. Pour un développeur habitué à passer plus de temps à débugger les modifications d’un LLM qu’à les implémenter, c’est un changement de paradigme. Les limites honnêtes Claude n’est pas infaillible. Sur certains frameworks très spécifiques ou peu représentés dans ses données d’entraînement, les réponses peuvent être moins précises. Les limitations de contexte sur les très longs projets peuvent parfois nécessiter de « re-briefer » le modèle en début de session. Et comme tous les LLMs, Claude peut produire du code syntaxiquement correct mais fonctionnellement inadapté au contexte spécifique — ce qui confirme la règle d’or : tout code généré par un LLM doit être compris et validé avant d’aller en production. ChatGPT (OpenAI) : l’écosystème le plus large ChatGPT — et plus précisément GPT-4o — est le LLM avec lequel la majorité des développeurs ont fait leurs premiers pas en assistance IA. Son écosystème est le plus large du marché, sa communauté est immense, et ses capacités sont réelles. Il mérite sa deuxième place dans ce comparatif — avec ses propres nuances. Où ChatGPT excelle Sur le projet d’application Python d’audit SEO, ChatGPT s’est montré particulièrement à l’aise. Python est un domaine où GPT-4o est très bien entraîné, et la gestion des APIs Google (GA4, GSC) fait partie de ses points forts. La connexion aux APIs, la structuration des données collectées, la génération des visualisations — tout cela a été géré avec une fluidité notable. L’intégration de Gemini comme sous-traitant rédactionnel dans l’architecture de l’application est également une idée que ChatGPT a bien accompagnée techniquement, en restant cohérent avec la logique d’écosystème Google. ChatGPT est également très fort sur les projets de taille intermédiaire où la rapidité de mise en œuvre prime sur la perfection architecturale. Pour un prototype fonctionnel à livrer vite, GPT-4o est redoutablement efficace. Les différences observées face à Claude Sur les projets plus complexes et plus longs — comme le thème WordPress complet — ChatGPT montre davantage de variabilité dans la qualité des livrables. La cohérence architecturale sur la durée est moins robuste : on observe plus facilement des régressions lors des révisions, des incohérences de nommage entre les fichiers, ou des patterns de code différents entre la version 1 et la version 10 d’un même composant. Pas rédhibitoire sur un projet bien encadré — mais qui demande davantage de vigilance de la part du développeur. L’interface est également un point de différence tangible. L’ergonomie de Claude.ai est mieux pensée pour les longues sessions de travail : la lisibilité des blocs de code, la navigation dans une conversation longue, la gestion des fichiers — autant de détails qui, sur une journée de travail intensive, font une vraie différence de confort. Qwen (Alibaba) : l’outsider endurant Qwen — le LLM développé par Alibaba — est probablement le moins connu des trois en dehors de la sphère tech, et sa troisième place dans ce comparatif ne doit pas occulter ses vraies qualités. C’est un outil pertinent, à condition de bien comprendre son périmètre d’excellence. Le vrai avantage de Qwen : la durabilité des sessions Ce qui distingue immédiatement Qwen des deux autres, c’est sa politique beaucoup plus permissive sur les limites de génération et de durée de session. Là où Claude et ChatGPT imposent des limites plus contraignantes sur les plans gratuits ou intermédiaires, Qwen permet des sessions quasi illimitées — un avantage non négligeable pour les développeurs qui travaillent en continu sur un projet sans vouloir gérer les interruptions de quota. Ce que Qwen fait bien Sur des tâches ciblées et délimitées — debug d’une fonction isolée, génération d’un composant précis, aide à la compréhension d’un pattern de code — Qwen produit des résultats corrects et utiles. Pour les développeurs qui ont des budgets contraints ou qui cherchent un assistant pour des micro-tâches répétitives, c’est un outil pertinent et accessible. Les limites sur les projets complexes Sur les projets d’envergure, Qwen montre ses limites plus rapidement. La première version d’un code livré présente davantage de bugs notables que ses deux concurrents. La gestion des révisions est moins précise — le modèle a tendance à « dériver » progressivement par rapport à l’architecture initiale sur les projets longs. Et la cohérence stylistique du code sur la durée est moins robuste. Ce n’est pas un LLM à solliciter pour développer un thème WordPress complet de A à Z — en revanche, pour du debug partiel, des fonctions isolées ou des petits projets peu ambitieux, c’est un allié valable. Le tableau comparatif synthétique Pour résumer les observations de terrain sur les trois critères principaux : Cohérence architecturale sur projets longs : Claude ★★★★★ — ChatGPT ★★★★☆ — Qwen ★★★☆☆ Qualité du code livré dès la première version : Claude ★★★★★ — ChatGPT ★★★★☆ — Qwen ★★★☆☆ Gestion des révisions sans régression : Claude ★★★★★ — ChatGPT ★★★☆☆ — Qwen ★★☆☆☆ Qualité graphique des livrables front-end : Claude ★★★★★ — ChatGPT ★★★☆☆ — Qwen ★★★☆☆ Écosystème et intégrations tierces : Claude ★★★★☆ — ChatGPT ★★★★★ — Qwen ★★★☆☆ Durabilité des sessions / limites de génération : Claude ★★★☆☆ — ChatGPT ★★★☆☆ — Qwen ★★★★★ Performance Python et APIs Google : Claude ★★★★☆ — ChatGPT ★★★★★ — Qwen ★★★☆☆ Pertinence sur petits projets et tâches isolées : Claude ★★★★★ — ChatGPT ★★★★☆ — Qwen ★★★★☆ Quel LLM choisir selon votre contexte ? La réponse honnête est qu’il n’y a pas de meilleur LLM universel — il y a le meilleur LLM pour votre contexte spécifique. Choisissez Claude si… Vous développez des projets WordPress complexes — thèmes, plugins, architectures WooCommerce avancées. Vous travaillez sur des projets longs avec de nombreuses révisions. Vous attachez de l’importance à la qualité graphique et à la cohérence visuelle des livrables. Vous voulez un assistant capable de tenir une vision architecturale cohérente sur la durée. Et si vous produisez des livrables documentés — PDF, rapports, exports structurés — Claude est de loin le plus performant sur ce point. Choisissez ChatGPT si… Vous travaillez principalement en Python ou sur des intégrations avec l’écosystème Google. Vous avez besoin d’un assistant polyvalent sur un large spectre de langages et de frameworks. Vous développez des prototypes à livrer rapidement. Ou si vous bénéficiez déjà d’un abonnement OpenAI et souhaitez maximiser son usage. Choisissez Qwen si… Vous avez un budget limité et cherchez un assistant pour des tâches de développement ciblées — debug partiel, fonctions isolées, aide ponctuelle. Vous avez besoin de sessions longues sans interruption de quota. Ou si vous travaillez sur des projets de taille modeste qui ne nécessitent pas une cohérence architecturale soutenue sur la durée. La vraie leçon après des mois de pratique Ce comparatif n’a pas pour vocation de proclamer un vainqueur définitif — le paysage des LLMs évolue si vite qu’un classement établi aujourd’hui sera probablement partiellement obsolète dans six mois. La vraie leçon est ailleurs : les développeurs qui tirent le plus de valeur des LLMs sont ceux qui ont développé un sens critique suffisamment affûté pour savoir quand leur faire confiance — et quand vérifier. L’IA est un amplificateur. Elle amplifie la productivité des développeurs compétents qui comprennent ce qu’ils produisent. Elle amplifie aussi les erreurs de ceux qui déploient du code généré sans le lire. Cette nuance est fondamentale — et elle ne changera pas, quel que soit le LLM qui dominera le classement dans six mois. --- ### Comparatif WP Bakery vs Elementor : Quel page builder choisir pour WordPress? URL: https://johnweb.fr/blog/wordpress/comparatif-wp-bakery-vs-elementor-quel-page-builder-choisir-pour-wordpress/ Comparatif WP Bakery vs Elementor : Quel page builder choisir pour WordPress ? Si vous êtes un utilisateur de WordPress, vous avez probablement entendu parler de WP Bakery et d’Elementor, deux des page builders les plus populaires pour WordPress. Ces outils vous permettent de créer des pages WordPress en drag & drop sans avoir à coder. Dans cet article, nous allons comparer les fonctionnalités, les avantages et les inconvénients de WP Bakery et d’Elementor pour vous aider à choisir le meilleur page builder pour votre site WordPress. WP Bakery : avantages et inconvénients WP Bakery est un page builder populaire pour WordPress. Il est livré avec de nombreuses fonctionnalités telles que le glisser-déposer, une interface utilisateur conviviale, une bibliothèque de modèles, des options de stylisation et de personnalisation, etc. WP Bakery est également compatible avec de nombreux thèmes WordPress. Cependant, il peut être difficile à utiliser pour les débutants et la personnalisation avancée peut nécessiter des compétences en codage. Elementor : avantages et inconvénients Elementor est un autre page builder populaire pour WordPress. Il est livré avec une interface utilisateur conviviale, des options de glisser-déposer, une bibliothèque de modèles, des options de stylisation et de personnalisation avancées, etc. Elementor est également compatible avec de nombreux thèmes WordPress. Cependant, il peut être un peu plus lent que WP Bakery et certaines fonctionnalités peuvent être payantes. Comparaison des fonctionnalités En termes de fonctionnalités, WP Bakery et Elementor offrent des options de glisser-déposer, une bibliothèque de modèles, des options de stylisation et de personnalisation, etc. Elementor est cependant plus avancé en termes de personnalisation et de stylisation, et il offre également des fonctionnalités de marketing telles que les formulaires d’opt-in et les boutons de partage social. En revanche, WP Bakery est plus simple à utiliser pour les débutants et offre une meilleure prise en charge des thèmes WordPress. Utilisation et prise en main En termes d’utilisation et de prise en main, WP Bakery peut être difficile à utiliser pour les débutants, car il offre une interface utilisateur complexe. Cependant, une fois que vous avez compris comment l’utiliser, il peut être facile à utiliser et à personnaliser. Elementor est plus facile à utiliser pour les débutants grâce à son interface utilisateur conviviale. Conclusion : lequel choisir pour votre site WordPress ? En fin de compte, le choix entre WP Bakery et Elementor dépend de vos besoins. Si vous êtes un débutant ou si vous recherchez un page builder simple à utiliser, WP Bakery peut être un bon choix. Si vous recherchez un page builder plus avancé avec des options de personnalisation et de stylisation avancées, Elementor peut être le meilleur choix pour vous. En fin de compte, choisissez celui qui convient le mieux à votre site WordPress et à vos capacités de développement. Pour ma part, je préfère WP Bakery pour sa légèreté en base de données. En effet, comparativement à Elementor, WP Bakery n’alourdit pas la base de données de votre site Web, là où Elementor y injecte beaucoup plus de données (pour 2 sites Web aux contenus strictement similaires, celui conçu avec Elementor verra sa base de données 2 à 3 fois plus lourde que celui conçu avec WP Bakery). De plus, un avantage non négligeable que confère WP Bakery à contrario d’Elementor, c’est sa gestion qui repose intégralement sur les shortcodes. Pour les développeurs c’est donc la faculté de pouvoir manipuler à sa guise chaque section ou élément construit avec WP Bakery en PHP, démultipliant ainsi les possibilités, là où à mon goût Elementor est un peu plus « bridé ». --- ### Comprendre l’action manuelle dans GA URL: https://johnweb.fr/blog/comprendre-laction-manuelle-dans-ga/ L’action manuelle dans GA Google Analytics (GA) est un outil essentiel pour les analystes de données et les professionnels du marketing numérique. Bien que l’outil GA offre de nombreuses fonctionnalités pour suivre et analyser les données de site Web, il est souvent nécessaire d’apporter des modifications manuelles pour optimiser les performances. L’action manuelle dans GA permet d’ajouter des balises personnalisées, des codes de suivi et d’autres modifications pour collecter des données spécifiques à partir de pages Web. Dans cet article, nous allons examiner en détail ce qu’est l’action manuelle dans GA, comment elle fonctionne, et comment elle peut être utilisée pour améliorer les performances de votre site Web. Enregistrement et lecture de l’action manuelle Pour enregistrer une action manuelle dans GA, vous devez d’abord accéder à l’interface d’administration de votre compte GA. À partir de là, vous pouvez ajouter des balises personnalisées, des codes de suivi et d’autres modifications pour collecter des données spécifiques à partir de pages Web. GA fournit également un outil d’enregistrement d’action manuelle qui permet de suivre les actions de l’utilisateur sur votre site Web. Une fois que vous avez enregistré une action manuelle, vous pouvez la lire pour voir comment elle fonctionne et quelle est son impact sur les performances de votre site Web. Analyse et interprétation des données de l’action manuelle L’analyse et l’interprétation des données de l’action manuelle dans GA sont essentielles pour comprendre comment les modifications manuelles affectent les performances de votre site Web. Les données collectées grâce à l’action manuelle peuvent être utilisées pour identifier les zones à problèmes sur votre site Web, les pages qui nécessitent des améliorations et les performances générales de votre site. Pour analyser les données de l’action manuelle, vous pouvez utiliser les rapports de GA qui fournissent des informations détaillées sur les comportements des utilisateurs, les conversions, les performances des pages Web, etc. Optimisation de l’action manuelle pour améliorer les performances L’optimisation de l’action manuelle dans GA est essentielle pour améliorer les performances de votre site Web. En utilisant les données collectées à partir de l’action manuelle, vous pouvez identifier les zones à problèmes et les pages qui nécessitent des améliorations. Vous pouvez ensuite apporter des modifications manuelles pour résoudre ces problèmes et améliorer les performances de votre site. Les modifications manuelles peuvent inclure l’ajout de balises personnalisées, de codes de suivi et d’autres modifications pour collecter des données spécifiques à partir de pages Web. Conclusion En somme, l’action manuelle dans GA est un outil essentiel pour les analystes de données et les professionnels du marketing numérique qui cherchent à optimiser les performances de leur site Web. En enregistrant et en lisant l’action manuelle, vous pouvez collecter des données importantes pour comprendre les comportements des utilisateurs et les performances de votre site. En analysant et en interprétant ces données, vous pouvez identifier les zones à problèmes et apporter des modifications manuelles pour améliorer les performances de votre site. --- ### Connecter WordPress à un agent IA via API : ce que j’ai appris sur le terrain URL: https://johnweb.fr/blog/wordpress/connecter-wordpress-a-un-agent-ia-via-api-ce-que-jai-appris-sur-le-terrain/ Pourquoi connecter WordPress à un agent IA ? L’intégration d’agents IA dans des sites WordPress est passée en quelques années du gadget expérimental à la fonctionnalité métier réelle. Les cas d’usage sont nombreux et concrets : génération et optimisation automatique de contenu (descriptions de produits, métadonnées SEO, résumés d’articles), assistance à la rédaction directement dans l’interface d’administration, chatbots contextuels alimentés par le contenu du site, classification automatique de contenus, ou encore analyse et résumé de documents uploadés par les utilisateurs. J’ai eu l’occasion de mettre en œuvre plusieurs de ces cas d’usage sur des projets réels — voici un retour d’expérience honnête sur ce que ça implique techniquement. L’architecture de base d’une intégration IA dans WordPress La connexion entre WordPress et un agent IA externe — OpenAI, Anthropic, ou tout autre fournisseur exposant une API REST — repose sur un schéma simple : WordPress envoie une requête HTTP à l’API du fournisseur IA, attend la réponse, et l’exploite selon le cas d’usage. Côté WordPress, la fonction native wp_remote_post() est l’outil recommandé pour les requêtes sortantes — elle gère les timeouts, les headers HTTP et les erreurs de manière cohérente avec l’écosystème WordPress. $response = wp_remote_post( 'https://api.openai.com/v1/chat/completions', array(     'headers' => array(         'Authorization' => 'Bearer ' . get_option( 'mon_plugin_openai_key' ),         'Content-Type' => 'application/json',     ),     'body' => json_encode( $payload ),     'timeout' => 60, ) ); La gestion des clés API : sécurité non négociable La première erreur à ne jamais commettre est de hardcoder une clé API dans le code source. Les clés API doivent être stockées dans les options WordPress (chiffrées si possible) ou dans des variables d’environnement serveur, et jamais versionnées dans Git. Un fichier .gitignore bien configuré est indispensable. L’interface de configuration du plugin doit permettre de saisir la clé via un champ de type password dans l’administration, stockée via update_option() après sanitisation. Limiter l’exposition de la clé côté client Dans une architecture WordPress, toutes les requêtes vers l’API IA doivent transiter côté serveur — jamais depuis le navigateur. Un appel AJAX WordPress via wp_ajax_ ou une route REST API WordPress personnalisée fait office de proxy entre le front-end et l’API IA, garantissant que la clé API n’est jamais exposée dans le code JavaScript côté client. Gérer l’asynchronisme et les timeouts Les appels aux APIs IA peuvent être lents — plusieurs secondes pour une réponse complexe. Cette latence est incompatible avec une requête HTTP synchrone dans WordPress, qui risque de déclencher un timeout serveur (souvent configuré à 30 secondes). La solution est d’adopter une architecture asynchrone : l’utilisateur déclenche l’action, WordPress enregistre la demande et renvoie immédiatement une réponse, puis traite la requête IA en arrière-plan via WP-Cron ou Action Scheduler. Le résultat est ensuite notifié à l’utilisateur via un mécanisme de polling ou de notification. Cas d’usage concret : génération de métadonnées produits assistée par IA Sur l’un des projets où j’ai implémenté cette architecture, l’objectif était de permettre à l’équipe de générer automatiquement les métadonnées SEO (title, meta description, mots-clés) de fiches produits WooCommerce depuis le back-office, en un clic. Le plugin envoie le nom du produit, sa description et sa catégorie à l’API, reçoit une suggestion de métadonnées structurée en JSON, et pré-remplit les champs SEO du produit. L’équipe valide, ajuste si nécessaire, et publie. Le gain de temps sur un catalogue de plusieurs centaines de produits est considérable — et la cohérence SEO nettement améliorée. Les points de vigilance en production Monitorer les appels API est indispensable — logger chaque requête, son statut, son temps de réponse et les éventuelles erreurs dans une table dédiée. Implémenter une gestion des erreurs robuste : l’API peut être indisponible, la clé peut expirer, le quota peut être dépassé. Prévoir des fallbacks pour chaque cas d’erreur. Anticiper les coûts : les APIs IA facturent au token, et un bug dans une boucle peut générer des milliers de requêtes en quelques secondes. Un système de rate limiting côté WordPress est une précaution indispensable avant tout déploiement en production. --- ### Core Web Vitals WordPress 2024 : le guide complet pour optimiser LCP, INP et CLS URL: https://johnweb.fr/blog/seo/core-web-vitals-wordpress-2024-le-guide-complet-pour-optimiser-lcp-inp-et-cls/ Les Core Web Vitals en 2024 : ce qui a changé Depuis mars 2024, Google a officialisé le remplacement du FID (First Input Delay) par l’INP (Interaction to Next Paint) comme métrique Core Web Vitals. Ce changement n’est pas anodin : là où le FID mesurait uniquement la latence du premier clic, l’INP mesure la réactivité de toutes les interactions tout au long de la session — clics, touches de clavier, tapotements sur mobile. Un changement de paradigme qui pénalise davantage les sites avec des interfaces JavaScript lourdes et des traitements synchrones coûteux. Les trois métriques à surveiller en 2024 sont donc : LCP (Largest Contentful Paint), INP (Interaction to Next Paint) et CLS (Cumulative Layout Shift). LCP : optimiser le plus grand élément visible Le LCP mesure le temps de rendu du plus grand élément visible dans le viewport au chargement. L’objectif est d’atteindre moins de 2,5 secondes. Sur WordPress, l’élément LCP est le plus souvent l’image hero de la page d’accueil ou une image en haut de page d’article. Les leviers d’optimisation sont multiples et cumulatifs. Optimiser les images pour le LCP Convertir toutes les images au format WebP ou AVIF réduit significativement leur poids sans perte de qualité perceptible. Ajouter l’attribut fetchpriority= »high » sur l’image LCP candidate indique explicitement au navigateur de la charger en priorité. Éviter le lazy loading sur les images above-the-fold — l’attribut loading= »lazy » est contre-productif sur les éléments visibles immédiatement. Enfin, précharger l’image LCP via une balise <link rel= »preload »> dans le head peut faire gagner plusieurs centaines de millisecondes. Optimiser le TTFB pour le LCP Le Time to First Byte impacte directement le LCP. Sur WordPress, le TTFB dépend de la qualité de l’hébergement, de la mise en cache serveur et de la complexité des requêtes en base de données. Un plugin de cache comme WP Rocket, LiteSpeed Cache ou W3 Total Cache bien configuré peut réduire le TTFB de plusieurs secondes sur les pages non mises en cache. L’activation du Full Page Cache est la première action à effectuer sur tout nouveau projet WordPress. INP : réduire la latence de toutes les interactions L’INP cible est inférieure à 200ms. Une valeur supérieure à 500ms est considérée comme mauvaise par Google. Sur WordPress, les coupables habituels sont les scripts JavaScript tiers — widgets de chat, scripts d’analytics, heatmaps, publicités — qui bloquent le thread principal et retardent le traitement des interactions utilisateur. Identifier et corriger les problèmes INP L’outil Chrome DevTools Performance est indispensable pour identifier les Long Tasks — les tâches JavaScript qui bloquent le thread principal plus de 50ms. La stratégie principale consiste à différer le chargement des scripts non critiques avec les attributs defer ou async, et à utiliser le chargement conditionnel pour ne charger les scripts que sur les pages qui en ont besoin. Sur WordPress, WP Rocket permet de configurer finement l’exclusion et le report des scripts par URL. CLS : éliminer les décalages de mise en page Le CLS mesure l’instabilité visuelle de la page — la somme des décalages de mise en page inattendus pendant le chargement. L’objectif est un score inférieur à 0,1. Les causes les plus fréquentes sur WordPress sont les images sans dimensions explicites, les publicités ou embeds qui se chargent tardivement et poussent le contenu vers le bas, et les polices Web qui provoquent un FOUT (Flash of Unstyled Text). Corriger le CLS sur WordPress Toujours définir des attributs width et height sur chaque balise img — WordPress le fait automatiquement depuis la version 5.5 mais les images insérées via des constructeurs de page peuvent échapper à cette règle. Réserver l’espace des publicités et embeds avec des conteneurs de hauteur fixe en CSS avant leur chargement. Utiliser font-display: swap ou font-display: optional dans les déclarations @font-face pour éviter les décalages liés aux polices Web. Mesurer et suivre ses Core Web Vitals Les outils de mesure sont complémentaires et ne doivent pas être confondus. Google Search Console fournit des données de terrain réelles (CrUX) agrégées sur 28 jours — c’est la source de vérité pour Google. PageSpeed Insights combine données de terrain et données de laboratoire pour un diagnostic instantané. Chrome DevTools et WebPageTest sont les outils de debug précis pour identifier les causes racines. Une bonne stratégie d’optimisation commence toujours par les données de terrain de la Search Console, pas par un score PageSpeed. --- ### Créer un plugin WordPress sur mesure : architecture, méthode et bonnes pratiques URL: https://johnweb.fr/blog/wordpress/creer-un-plugin-wordpress-sur-mesure-architecture-methode-et-bonnes-pratiques/ Pourquoi créer son propre plugin plutôt qu’utiliser le functions.php La tentation est grande d’ajouter des fonctionnalités personnalisées directement dans le fichier functions.php du thème. C’est pratique, rapide, et c’est précisément pour ça que c’est une mauvaise pratique. Le functions.php est lié au thème — si le thème change, toutes les fonctionnalités disparaissent. Il mélange la présentation et la logique fonctionnelle, deux responsabilités qui n’ont rien à faire ensemble. Un plugin dédié sépare clairement les préoccupations, survit aux changements de thème, est facilement transférable d’un projet à l’autre, et peut être activé/désactivé sans impact sur la présentation. Pour tout code fonctionnel destiné à durer, le plugin est la réponse correcte. La structure d’un plugin WordPress bien architecturé Un plugin WordPress minimal mais bien structuré respecte une organisation de fichiers claire et prévisible. À la racine du dossier plugin, le fichier principal porte le même nom que le dossier et contient l’en-tête de plugin requis par WordPress : /** * Plugin Name: Mon Plugin * Plugin URI: https://exemple.com * Description: Description courte du plugin. * Version: 1.0.0 * Author: Jonathan LUSY * Text Domain: mon-plugin * Domain Path: /languages */ La structure recommandée pour un plugin de taille moyenne comprend un dossier /includes pour les classes PHP, un dossier /admin pour tout ce qui concerne l’interface d’administration, un dossier /public pour le front-end, et des dossiers /css et /js dans chacun. Cette séparation admin/public facilite le chargement conditionnel des assets — les scripts admin ne se chargent pas sur le front, et vice-versa. La classe principale du plugin : organisation orientée objet L’approche orientée objet est la plus recommandée pour les plugins WordPress d’une certaine complexité. Elle évite les conflits de noms, facilite la maintenabilité et permet une organisation logique du code. La classe principale instancie les sous-classes, enregistre les hooks globaux et fournit les méthodes d’activation et de désactivation. class Mon_Plugin {     private static $instance = null;     public static function get_instance() {         if ( null === self::$instance ) {             self::$instance = new self();         }         return self::$instance;     } } Le pattern Singleton garantit qu’une seule instance du plugin est créée, évitant les enregistrements de hooks multiples. Sécuriser son plugin : les fondamentaux incontournables La sécurité d’un plugin WordPress repose sur quatre piliers que tout développeur doit intégrer comme des réflexes. Vérification des capacités Toujours vérifier que l’utilisateur courant dispose des capacités nécessaires avant d’exécuter une action sensible. current_user_can() est votre meilleur ami : if ( ! current_user_can( 'manage_options' ) ) { wp_die( 'Accès non autorisé.' ); } Nonces : protéger les formulaires et requêtes AJAX Les nonces WordPress protègent contre les attaques CSRF. Générer un nonce avec wp_create_nonce() lors de l’affichage du formulaire, le valider avec wp_verify_nonce() lors du traitement. Cette étape est non négociable sur tous les formulaires d’administration et toutes les requêtes AJAX. Sanitization et validation des données Ne jamais faire confiance aux données en entrée. Utiliser les fonctions de sanitisation WordPress selon le contexte : sanitize_text_field() pour du texte simple, sanitize_email() pour les emails, absint() pour les entiers positifs, wp_kses_post() pour du contenu HTML autorisé. Pour les données en sortie, utiliser les fonctions d’échappement : esc_html(), esc_attr(), esc_url(). Requêtes en base de données sécurisées Utiliser systématiquement $wpdb->prepare() pour toute requête SQL comportant des variables. L’injection SQL est l’une des failles les plus graves et les plus évitables : $wpdb->get_results( $wpdb->prepare( "SELECT * FROM {$wpdb->prefix}ma_table WHERE id = %d", $id ) ); L’Options API et la Settings API pour les réglages WordPress fournit des APIs natives pour gérer les réglages de plugin. L’Options API (get_option, update_option, delete_option) est la solution simple pour stocker des paires clé/valeur. La Settings API permet d’enregistrer des pages de réglages dans l’administration de façon structurée et sécurisée, en gérant automatiquement la sanitisation et les nonces. Pour les plugins complexes avec de nombreux réglages, la Settings API est la voie recommandée malgré sa verbosité initiale. --- ### Devictio Formations Lyon : refonte site WordPress URL: https://johnweb.fr/portfolio/devictio-formations-lyon-refonte-site-wordpress/ Devictio Formations — Refonte du site WordPress d’un centre de formation digitale lyonnais de référence Devictio Formations est un centre de formation digitale basé à Lyon, spécialisé dans l’accompagnement des dirigeants, créateurs d’entreprise, salariés et demandeurs d’emploi souhaitant maîtriser les outils numériques modernes. Au catalogue : des formations en Photoshop, intelligence artificielle, création de sites Web et e-commerce avec WordPress, webmarketing, stratégie digitale et PAO, avec des certifications reconnues comme la certification TOSA à la clé. Le projet confié était une refonte complète du site avec un objectif clair : remettre le SEO au niveau que le contenu méritait. Refonte technique et révision SEO des URLs et contenus Le chantier principal de cette refonte a porté sur la révision structurelle des URLs et la réécriture des contenus existants pour en améliorer significativement le potentiel de référencement naturel. Chaque URL a été auditée, restructurée selon les bonnes pratiques SEO et accompagnée des redirections 301 nécessaires pour préserver le capital de positionnement acquis. Les contenus ont été retravaillés pour renforcer leur densité sémantique, leur lisibilité et leur cohérence par rapport aux intentions de recherche ciblées. Un travail de fond qui ne se voit pas au premier coup d’œil, mais qui se ressent très clairement dans les résultats organiques. Listing des formations avec optimisation SEO accrue des fiches La section dédiée aux formations a fait l’objet d’une attention particulière : chaque fiche de formation a été structurée et optimisée individuellement pour répondre aux exigences du SEO on-page. Titres, balises, descriptions, maillage interne, champs sémantiques — tout a été pensé pour maximiser la visibilité de chaque formation dans les résultats de recherche organique. Dans un secteur aussi concurrentiel que la formation professionnelle à Lyon, la qualité SEO des fiches individuelles est souvent ce qui fait la différence entre apparaître en première page et rester dans l’anonymat des résultats suivants. Génération automatique des métadonnées via intelligence artificielle Pour industrialiser et fiabiliser la production des métadonnées SEO — titres, meta descriptions, mots-clés — sur l’ensemble des fiches de formations, un système de génération automatique assisté par IA a été mis en place. Ce dispositif permet à l’équipe de Devictio Formations de générer des métadonnées cohérentes, optimisées et conformes aux bonnes pratiques SEO sans intervention technique manuelle à chaque publication ou mise à jour. Un gain de temps opérationnel significatif, et une garantie de cohérence qualitative sur l’ensemble du catalogue. Optimisation des images par intelligence artificielle Les images du site ont été intégralement traitées via un processus d’optimisation par intelligence artificielle : réduction du poids des fichiers, conversion aux formats modernes, amélioration de la qualité visuelle et optimisation des attributs SEO associés — textes alternatifs, noms de fichiers, données structurées. Une bibliothèque d’images bien optimisée, c’est à la fois du gain sur les Core Web Vitals, du bénéfice pour l’indexation Google Images et une meilleure expérience utilisateur globale. Trois raisons suffisantes pour ne pas négliger ce chantier. Hébergement sur serveur propriétaire Devictio Formations étant lui-même spécialisé dans les technologies du numérique et du digital, le site est hébergé sur son propre serveur Web propriétaire. Une configuration autonome qui offre une maîtrise totale de l’environnement d’hébergement — performances, sécurité, configuration serveur — sans dépendance à un prestataire externe. Le cordonnier bien chaussé, en quelque sorte. Découvrir Devictio Formations --- ### Dirt Bike France : refonte site e-commerce WordPress URL: https://johnweb.fr/portfolio/dirt-bike-france-refonte-site-e-commerce-wordpress/ Dirt Bike France — Refonte intégrale d’un e-commerce vieillissant sous contraintes techniques et de délai Dirt Bike France (alias DBF) est une boutique en ligne spécialisée dans la vente de motos et mini-motos — Dirt Bike, Pit Bike, Pocket Bike — ainsi que de quads, trottinettes, draisiennes et accessoires moto, du thermique à l’électrique. Fondé en 2003, le site jouit d’une notoriété bien établie dans son secteur. L’enjeu de ce projet était aussi clair que stimulant : refondre intégralement une plateforme vieillissante en un temps record, sans perdre le capital SEO accumulé depuis plus de vingt ans. Le genre de défi qui fait craquer les timides et carburer les autres. Contexte technique : migration depuis CyberShop ASP vers WordPress / WooCommerce Le site d’origine avait été conçu sous CyberShop ASP, une solution e-commerce obsolète dont la contrainte majeure était d’imposer un hébergement sur serveur à système d’exploitation Windows. Une dépendance technologique aussi inconfortable qu’inutile en 2024. La refonte a donc été l’occasion de s’en affranchir définitivement en migrant l’ensemble de la plateforme vers un environnement WordPress / WooCommerce hébergé sur un serveur dédié Linux, offrant une liberté technique totale, de meilleures performances et une maintenabilité sans compromis. L’intégralité du projet a été bouclée en moins de deux mois — délai serré, exécution propre. Migration de 6500 produits et stratégie de redirections SEO La migration d’un catalogue de 6500 produits depuis l’ancienne solution vers WooCommerce a constitué l’un des chantiers les plus exigeants du projet. Chaque fiche produit, chaque catégorie, chaque attribut a été retraité et réintégré proprement dans le nouvel environnement. Parallèlement, une stratégie de redirections 301 en nombre a été déployée pour préserver le capital SEO du site et éviter toute perte de positionnement dans les résultats de recherche organique — parce qu’un site qui existe depuis 2003, ça ne se jette pas, ça se protège. Système d’import semi-automatique des produits fournisseurs Pour faciliter la maintenance du catalogue sur le long terme, un système d’import semi-automatique des produits a été développé sur mesure. Le principe : scraping des données produits depuis les sites des différents fournisseurs de DBF, traitement et normalisation des fichiers .csv récoltés, puis intégration en base de données via un cron job planifié. Ce système permet de maintenir le catalogue à jour sans intervention manuelle fastidieuse, en automatisant les tâches répétitives tout en conservant un contrôle humain sur la validation des données importées. Un gain de temps opérationnel considérable pour le client. Connexion à l’ERP Codial via l’extension WooCommerce dédiée Le site e-commerce Dirt Bike France est connecté à l’ERP Codial grâce à l’extension WP WooCommerce Codial développée par Indigo France. Cette connexion permet une gestion synchronisée des stocks selon le contexte fournisseur, assurant une cohérence entre les données du site et celles du système de gestion interne. L’intégration d’un ERP dans un environnement WooCommerce requiert une maîtrise fine des flux de données et des mécanismes de synchronisation — c’est précisément le type de configuration qui distingue un site e-commerce sérieux d’une simple boutique en ligne. Infrastructure et hébergement Compte tenu du volume du catalogue, du flux de navigation et des traitements automatisés en arrière-plan, le site est hébergé sur un serveur dédié haute performance sous Linux. Ce choix d’infrastructure garantit la puissance de calcul nécessaire au bon fonctionnement des cron jobs, des synchronisations ERP et du traitement des commandes en temps réel, sans les contraintes ni les limitations d’un hébergement mutualisé. Parce qu’un site de cette envergure mérite une infrastructure à la hauteur. Découvrir Dirt Bike France --- ### Duqueine Motorsport : site e-commerce WordPress sur mesure URL: https://johnweb.fr/portfolio/duqueine-motorsport-site-e-commerce-wordpress-sur-mesure/ Duqueine Motorsport — Refonte d’un site e-commerce WordPress B2B pour un constructeur de prototypes de course Duqueine Motorsport est un constructeur automobile français basé à Saint-Martin-de-Valgalgues dans le Gard, reconnu sur la scène internationale du sport automobile pour la conception et la fabrication de prototypes LMP2 et LMP3 de haute performance. Engagé dans les plus prestigieux championnats d’endurance — ELMS, Michelin Le Mans Cup, IMSA, 24 Heures du Mans — Duqueine est une référence en ingénierie de précision. La refonte de duqueine.com a été réalisée dans le cadre de mon activité de Chargé de projets digitaux au sein de l’Agence DCM à Bourg-en-Bresse, en collaboration étroite avec le Responsable Marketing de Duqueine — une suite naturelle d’une collaboration antérieure fructueuse. Architecture du site : WordPress, WooCommerce et catalogue B2B sécurisé Le site duqueine.com est structuré autour d’un double portail d’entrée : une partie publique dédiée à l’univers Duqueine Group et Duqueine Motorsport — actualités, calendrier des courses, présentation des prototypes, Training Center — et une partie catalogue B2B accessible uniquement aux clients disposant d’un compte validé par le staff Duqueine. La création de compte n’est pas libre : elle est gérée et activée manuellement par l’équipe interne, garantissant un accès strictement contrôlé au catalogue de pièces et articles dédiés aux voitures de course. Une approche B2B rigoureuse, cohérente avec les exigences d’une clientèle de professionnels du sport automobile. Le catalogue : 4000 produits gérés via tables custom en base de données C’est probablement l’aspect le plus singulier et le plus techniquement exigeant du projet : le catalogue de près de 4000 références n’est pas géré via les fiches produits natives WooCommerce. Les données — dénominations, références, tarifs, stocks — sont administrées dans des tables custom créées spécifiquement dans la base de données MySQL, alimentées et synchronisées via un plugin WordPress développé sur mesure. Cette architecture garantit des performances d’affichage optimales sur un volume de données aussi important, tout en offrant une flexibilité de gestion que l’environnement natif WooCommerce n’aurait pas permis d’atteindre sans compromettre les performances ou la maintenabilité. Synchronisation avec l’ERP Open SI via plugin WordPress sur mesure Pour assurer la cohérence permanente entre le catalogue en ligne et les données de gestion interne, un plugin WordPress sur mesure a été développé pour interfacer le site avec l’ERP Open SI — solution de gestion comptable et opérationnelle choisie par Duqueine. Ce plugin assure la synchronisation automatique des produits, des niveaux de stocks et des tarifs entre l’ERP et les tables custom de la base de données WordPress. Toute modification effectuée dans Open SI se répercute ainsi de façon transparente sur le catalogue en ligne, sans intervention manuelle. Un flux de données propre, fiable et invisible pour l’utilisateur final — exactement comme doit l’être une bonne intégration. Gestion dynamique du panier WooCommerce sans fiches produits Puisqu’aucune fiche produit classique n’existe dans WooCommerce, le mécanisme d’ajout au panier a été entièrement repensé. Un produit WooCommerce unique sert de conteneur générique : à chaque ajout au panier, ses données — dénomination, référence, prix unitaire — sont modifiées dynamiquement à la volée selon l’article sélectionné dans le catalogue. Cette approche garantit une compatibilité totale avec le moteur de commande WooCommerce — gestion du panier, tunnel de commande, emails de confirmation, historique client — tout en s’affranchissant de la contrainte de créer 4000 fiches produits individuelles. Un contournement technique élégant qui demande de maîtriser finement les hooks et filtres WooCommerce. Système de remises personnalisées en pourcentage par client Pour répondre aux besoins commerciaux de l’équipe Duqueine, un système de remises en pourcentage a été développé sur mesure, permettant d’octroyer un taux de remise personnalisé à des clients ciblés depuis le back-office. Chaque client éligible se voit appliquer automatiquement sa remise sur l’ensemble de ses commandes, de façon transparente et sans intervention manuelle à chaque achat. Un mécanisme simple en apparence, mais qui nécessite une intégration rigoureuse dans le flux de calcul des prix WooCommerce pour garantir la cohérence des totaux à chaque étape du tunnel de commande. Site bilingue FR/EN géré via Polylang Compte tenu du rayonnement international de Duqueine Motorsport — présent sur les championnats européens, américains et asiatiques — le site est intégralement disponible en français et en anglais, avec une gestion multilingue assurée via l’extension Polylang. Chaque page, chaque article d’actualité, chaque élément de navigation dispose de sa version traduite, maintenue de façon indépendante dans les deux langues. La sélection de langue est accessible depuis l’interface du portail d’entrée, garantissant une expérience utilisateur fluide quelle que soit la langue du visiteur. Découvrir Duqueine --- ### Fighters Attitudes Polliat : site WordPress du club de kick-boxing URL: https://johnweb.fr/portfolio/fighters-attitudes-polliat-site-wordpress-du-club-de-kick-boxing/ Fighters Attitudes — Création bénévole du site WordPress d’un club de kick-boxing ancré dans les valeurs du sport de combat Il y a des projets qu’on réalise pour des clients, et il y a des projets qu’on réalise parce qu’ils font partie de ce qu’on est. Le site de Fighters Attitudes appartient clairement à la deuxième catégorie. Fighters Attitudes est le club de kick-boxing, pancrace et self-défense de Polliat, dans l’Ain (01), à deux pas de Bourg-en-Bresse. Je n’en suis pas seulement le développeur Web bénévole car je suis également membre du bureau, adhérent et pratiquant. Ce site, je l’ai conçu avec la même exigence que mes projets clients, mais avec quelque chose en plus : la conviction profonde que ce club mérite une présence en ligne à la hauteur de ce qu’il représente. Un club fondé en 2006, des valeurs qui dépassent le sport Fighters Attitudes existe depuis 2006 — d’abord sous le nom de Section Full Contact de Polliat, portée par l’association du judo club local, avant de devenir une association indépendante en 2011 sous son nom actuel. Le club propose des cours de kick-boxing, de pancrace et de self-défense pour tous les publics — enfants, adolescents, adultes, débutants comme confirmés — encadrés par des moniteurs fédéraux diplômés d’État et des intervenants spécialisés. Le club participe activement aux compétitions régionales et nationales : en novembre 2025, six combattants (dont mon fils cadet Carl 😊) ont décroché trois qualifications pour le championnat de France 2026 lors du championnat Rhône-Alpes-Auvergne de Light Contact à Cusset. Le kick-boxing : bien plus qu’un sport Si je m’investis dans ce club, sur le tatami comme dans son bureau, ce n’est pas seulement pour la pratique physique. Le kick-boxing est un sport qui m’a appris des choses que peu d’autres disciplines peuvent enseigner avec autant d’efficacité. Le respect de l’autre d’abord : face à un partenaire d’entraînement, on apprend très vite que la confiance est réciproque, et que sans respect mutuel, aucun apprentissage sérieux n’est possible. L’humilité ensuite : dans une salle de combat, les ego mal placés se prennent des leçons assez rapidement, et c’est salutaire. La confiance en soi enfin : il y a quelque chose de particulièrement formateur dans le fait d’apprendre à gérer l’adversité physique, à se relever, à continuer — et cette confiance construite sur le tatami se transpose naturellement dans tous les autres domaines de la vie. Ce sont ces valeurs que Fighters Attitudes place au cœur de son enseignement, et c’est précisément ce qui rend ce club précieux pour ses adhérents et pour la commune de Polliat. Un site WordPress conçu pour servir le club et ses adhérents Le site fightersattitudes.fr a été développé sous WordPress avec une attention particulière portée à la lisibilité, à la facilité de maintenance, et à l’optimisation SEO pour que le club soit visible localement sur les recherches liées au kick-boxing et aux sports de combat dans l’Ain. L’architecture du site s’articule autour de plusieurs sections essentielles : présentation du club et de son histoire, pages dédiées à chaque discipline (kick-boxing, pancrace, self-défense, boxe française), informations pratiques sur les cours et les horaires, section actualités pour les résultats de compétition et la vie du club, et un blog éditorial riche en contenus sur la culture des disciplines de combat. Un blog éditorial pour rayonner au-delà des adhérents L’une des particularités du site est son blog, qui va au-delà des simples actualités du club. Des articles de fond sur l’histoire et les techniques du kick-boxing, du pancrace, de la self-défense, de la boxe française et du Muay Thai alimentent le site, avec un double objectif : apporter une valeur informative réelle aux pratiquants et aux curieux, et renforcer le référencement naturel du site sur des requêtes liées aux sports de combat dans la région. C’est une approche SEO de contenu appliquée à un projet associatif, et elle fonctionne. Stack technique et particularités du projet Le site repose sur un socle WordPress optimisé pour les performances et le SEO local, avec une structure sémantique soignée, des balises méta renseignées pour chaque page, et des images optimisées au format WebP. La maintenance est assurée bénévolement, avec plaisir, dans le même esprit que l’ensemble de l’engagement au sein du club. Ce projet illustre une conviction que je porte depuis le début de mon parcours : la technique Web peut être un levier de rayonnement pour des structures associatives qui n’ont pas les moyens d’une agence, à condition que quelqu’un prenne le temps de le faire bien. Ici, ce temps, je l’investis volontiers. Découvrir Fighters Attitudes --- ### GEO — Generative Engine Optimization : optimiser son contenu pour les moteurs IA URL: https://johnweb.fr/blog/seo/geo-generative-engine-optimization-optimiser-son-contenu-pour-les-moteurs-ia/ Le SEO change de paradigme — encore une fois Depuis que Google a déployé ses AI Overviews à grande échelle, depuis que Perplexity capte des dizaines de millions de requêtes par mois, depuis que ChatGPT Search répond directement aux questions sans rediriger vers les sites sources — une question s’impose à tous ceux qui font du SEO leur métier : est-ce que mes contenus existent aux yeux des IA ? Pas dans l’index Google. Pas dans les SERPs classiques. Dans les réponses générées directement par les moteurs IA. C’est précisément ce que tente de formaliser la GEO — Generative Engine Optimization : l’ensemble des pratiques qui permettent à un contenu d’être retenu, cité ou résumé par un moteur de recherche génératif. Un nouveau chapitre du référencement qui ne remplace pas le SEO classique — il l’enrichit, le complexifie, et l’oblige à évoluer. Qu’est-ce que la GEO exactement ? Le terme Generative Engine Optimization a été formalisé dans un article de recherche publié par des chercheurs de Princeton, Georgia Tech et IIT Delhi en 2023. L’idée centrale est simple : les moteurs de recherche génératifs — ceux qui produisent une réponse synthétique plutôt que de renvoyer une liste de liens — ne fonctionnent pas selon les mêmes mécanismes que Google Search classique. Ils ne classent pas des pages, ils sélectionnent des sources pour construire leur réponse. La question n’est plus « comment apparaître en position 1 ? » mais « comment être la source que l’IA choisit de citer ? » Ce glissement sémantique en apparence subtil change profondément la façon dont on doit penser la production de contenu. GEO, AEO, SGE : démêler les acronymes Le secteur du SEO adore les acronymes — et la GEO n’est pas arrivée seule. L’AEO (Answer Engine Optimization) désigne l’optimisation pour les moteurs qui répondent directement aux questions, une notion antérieure à la GEO qui couvrait déjà les featured snippets et les knowledge panels. La SGE (Search Generative Experience) est le nom donné par Google à son interface de recherche augmentée par l’IA, rebaptisée AI Overviews lors de son déploiement officiel en 2024. La GEO est donc le terme le plus large et le plus récent, qui englobe l’optimisation pour tous les systèmes de génération de réponses basés sur des LLM — qu’il s’agisse de Google, Perplexity, ChatGPT Search, Bing Copilot ou des agents IA qui naviguent le Web de manière autonome. Comment les moteurs génératifs sélectionnent leurs sources Pour optimiser un contenu pour la GEO, il faut d’abord comprendre comment ces systèmes fonctionnent. Les moteurs génératifs s’appuient sur deux mécanismes complémentaires : leurs données d’entraînement (les connaissances « intégrées » dans le modèle lors de son training) et le RAG — Retrieval-Augmented Generation (la capacité à aller chercher des informations en temps réel sur le Web pour compléter ou actualiser une réponse). C’est le RAG qui nous intéresse directement en tant que producteurs de contenu : le moteur IA crawle le Web, sélectionne les sources les plus pertinentes et autoritaires sur le sujet de la requête, extrait les passages les plus utiles, et les synthétise dans sa réponse. Les critères de sélection sont à la fois proches et différents de ceux du SEO classique. Les signaux que les LLM valorisent La recherche académique sur la GEO a identifié plusieurs caractéristiques de contenu qui augmentent la probabilité d’être cité par un moteur génératif. La clarté et la précision factuelle sont primordiales — les LLM privilégient les contenus qui répondent directement à une question avec des informations vérifiables, chiffrées et sourcées. L’autorité topique — le fait de couvrir en profondeur un domaine précis plutôt que d’effleurer de nombreux sujets — est un signal fort. La structure sémantique du contenu joue également : des titres clairs, des listes structurées, des définitions explicites, des exemples concrets. Enfin, la fraîcheur et la crédibilité de la source (backlinks, mentions, ancienneté du domaine) restent des signaux pertinents — les LLM ne sont pas insensibles à l’autorité de domaine héritée du SEO classique. Les différences fondamentales avec le SEO classique Le SEO classique optimise pour le clic — l’objectif est d’apparaître dans les résultats et d’inciter l’utilisateur à visiter la page. La GEO optimise pour la citation — l’objectif est que le contenu soit retenu comme source fiable par l’IA, qu’il soit mentionné dans la réponse générée, idéalement avec un lien vers la source originale. Cette différence de logique a des implications concrètes. Le taux de clic perd de sa centralité comme indicateur — une page peut être massivement utilisée par les IA comme source sans générer un seul clic supplémentaire. La notion de position disparaît — dans une réponse synthétique, il n’y a pas de rang 1, 2 ou 3, il y a des sources citées ou non citées. Et le contenu court et superficiel est particulièrement pénalisé — les LLM ont besoin de substance pour extraire de la valeur, pas de pages rédigées pour cocher des cases de densité de mots-clés. Le problème de la visibilité zéro Le phénomène le plus préoccupant pour les éditeurs de contenu est ce qu’on appelle la réponse sans clic — l’IA répond à la question de l’utilisateur de manière si complète que celui-ci n’a aucune raison de cliquer sur une source. Le site est utilisé comme matière première de la réponse, mais ne reçoit aucun visiteur en échange. C’est le paradoxe de la GEO : être bien référencé par les IA peut, dans certains cas, réduire le trafic vers son site. La parade est de produire des contenus suffisamment denses et spécifiques pour que la réponse IA donne envie d’aller plus loin — et d’optimiser ses pages comme destination naturelle pour l’approfondissement. Les pratiques concrètes pour optimiser en GEO La bonne nouvelle — oui, il y en a une — est que les bonnes pratiques GEO et SEO sont largement compatibles. Un contenu qui répond précisément à une question, structuré avec des titres clairs, des données vérifiables et une expertise réelle, est bien référencé dans les deux paradigmes. Voici les pratiques les plus impactantes identifiées à ce jour. Répondre directement aux questions dès le début du contenu Les moteurs génératifs scannent les contenus à la recherche de passages directement extractibles. Un article qui commence par tourner autour du sujet pendant trois paragraphes avant d’arriver à la réponse a moins de chances d’être cité qu’un article qui pose la définition ou la réponse dès les premières lignes. La structure BLUF — Bottom Line Up Front — inspirée de la communication militaire et adoptée par les bons journalistes — est une approche idéale pour la GEO : la réponse en premier, les nuances et le développement ensuite. Travailler l’autorité topique plutôt que la densité de mots-clés Un site qui traite en profondeur et de manière exhaustive un domaine précis est perçu comme une source plus autoritaire par les LLM qu’un site généraliste qui survole de nombreux sujets. Sur un blog WordPress et développement Web, cela signifie couvrir les sujets du domaine en profondeur — pas forcément en volume d’articles, mais en qualité et en précision de chacun. Un article qui traite vraiment à fond un sujet technique vaut infiniment mieux que dix articles superficiels sur des sujets connexes. Soigner la structure des données et le balisage sémantique Les données structurées Schema.org restent pertinentes en GEO — elles aident les LLM à comprendre le type de contenu (article, FAQ, tutoriel, définition) et à extraire les informations clés plus facilement. Les balises FAQ sont particulièrement utiles : les questions-réponses sont des formats nativement adaptés aux réponses génératives. Structurer une section FAQ en fin d’article sur les questions les plus fréquentes liées au sujet augmente significativement les chances d’être cité sur ces requêtes spécifiques. Citer ses sources et adopter le ton de l’expertise vérifiable Les LLM valorisent les contenus qui font référence à des sources externes vérifiables — études, statistiques, recherches académiques, données officielles. Intégrer des données chiffrées sourcées, mentionner des études de référence, citer des experts reconnus du domaine — autant de signaux qui renforcent la crédibilité du contenu aux yeux des modèles génératifs. Ce n’est pas différent de ce que demande un bon journalisme de fond. Comme quoi, certaines vieilles pratiques résistent mieux que prévu aux révolutions technologiques. L’impact sur la stratégie de contenu WordPress Concrètement, intégrer la GEO dans une stratégie de contenu WordPress ne nécessite pas de tout remettre à plat. Les ajustements les plus impactants sont relativement simples à mettre en œuvre. Revoir l’architecture des articles pour placer la réponse ou la définition principale en introduction. Enrichir les articles existants avec des sections FAQ balisées. Renforcer la couverture des sujets du domaine avec des articles de fond supplémentaires pour consolider l’autorité topique. Améliorer les données structurées Schema.org — Article, FAQ, HowTo selon les cas. Et enfin, intégrer davantage de données vérifiables et sourcées dans chaque contenu. Ces ajustements améliorent simultanément le SEO classique et la GEO — preuve que les deux approches convergent bien plus qu’elles ne s’opposent. Ce que la GEO ne changera pas Malgré la disruption réelle que la GEO introduit dans le paysage du référencement, certaines réalités fondamentales restent inchangées. La qualité du contenu — sa précision, sa profondeur, sa valeur informative réelle — reste le critère déterminant, quel que soit le moteur qui l’évalue. L’autorité de domaine construite sur des années de backlinks et de citations reste un signal pertinent. Et la confiance des utilisateurs dans une source — cette mémoire de marque qui fait qu’on cherche directement un site plutôt que de passer par un moteur IA — est peut-être le meilleur rempart contre la réponse sans clic. Être une référence reconnue dans son domaine, c’est le SEO d’avant, le SEO d’aujourd’hui, et probablement le SEO de demain — quelle que soit la technologie qui fait l’interface entre le contenu et l’utilisateur. --- ### Guide d’utilisation de Gutenberg, l’éditeur de blocs de contenu de WordPress URL: https://johnweb.fr/blog/wordpress/guide-dutilisation-de-gutenberg-lediteur-de-blocs-de-contenu-de-wordpress/ L’éditeur de blocs Gutenberg est une fonctionnalité majeure de WordPress qui a profondément transformé la façon de créer et de gérer du contenu sur les sites Web. Cette approche de l’édition repose sur des blocs individuels qui peuvent être facilement personnalisés et réorganisés pour composer des mises en page uniques et attrayantes. Dans cet article, nous explorons en détail l’utilisation de Gutenberg : configuration et paramètres, création et gestion de blocs de contenu personnalisés, et quelques astuces pour en tirer le meilleur parti. Configuration et paramètres de Gutenberg pour une expérience optimale Pour une expérience optimale avec Gutenberg, il est essentiel de configurer correctement les paramètres de l’éditeur. Assurez-vous tout d’abord de disposer de la dernière version de WordPress — Gutenberg est intégré par défaut depuis la version 5.0. Vous pouvez ensuite personnaliser les paramètres en accédant à Réglages > Écriture dans votre tableau de bord WordPress. Vous y trouverez notamment les options de style de l’éditeur, de largeur de page, et la possibilité d’activer ou de désactiver certaines fonctionnalités : barre d’outils, couleurs de texte personnalisées, styles de blocs, etc. Prenez le temps d’explorer ces réglages pour configurer Gutenberg selon vos préférences et votre flux de travail. Création et gestion de blocs de contenu personnalisés Gutenberg propose une large bibliothèque de blocs prédéfinis : paragraphes, images, vidéos, tableaux, boutons, et bien d’autres. Il est toutefois possible d’aller plus loin en créant vos propres blocs de contenu personnalisés grâce au système de blocs réutilisables. La démarche est simple : composez votre bloc avec les éléments souhaités, cliquez sur les trois points en haut à droite du bloc, puis sélectionnez « Transformer en bloc réutilisable ». Nommez-le et enregistrez-le. Ce bloc sera désormais disponible sur l’ensemble de vos pages et articles, vous permettant de gagner un temps précieux tout en garantissant une cohérence visuelle et éditoriale sur l’ensemble de votre site. Astuces pour tirer le meilleur parti de Gutenberg Gutenberg peut sembler intimidant lors de la prise en main, mais quelques réflexes suffisent à le dompter efficacement. Pensez à utiliser la fonction Annuler — raccourci Ctrl + Z (ou Cmd + Z sur macOS) — pour revenir sur toute action indésirable sans stress. Explorez également les options de personnalisation propres à chaque bloc : ajout de légendes d’images, modification des couleurs de fond, ajustement des marges et espacements, et bien d’autres paramètres avancés accessibles depuis le panneau latéral. Chaque bloc recèle davantage de possibilités qu’il n’y paraît au premier abord — l’expérimentation reste le meilleur moyen de les découvrir. Conclusion Gutenberg est un éditeur puissant et flexible qui, une fois correctement configuré et maîtrisé, devient un allié redoutable pour la création de contenu sur WordPress. La gestion des blocs réutilisables simplifie considérablement la maintenance éditoriale, tandis que les fonctionnalités avancées de personnalisation ouvrent un champ de possibilités créatives bien plus large qu’un éditeur classique. N’hésitez pas à expérimenter, explorer et pousser les limites de chaque bloc pour créer des mises en page à la hauteur de vos ambitions. Cliquez-moi --- ### Guide de dépannage WordPress : résoudre les bugs courants. URL: https://johnweb.fr/blog/guide-de-depannage-wordpress-resoudre-les-bugs-courants/ Guide de dépannage WordPress : comment résoudre les bugs courants WordPress est une plateforme de création de sites web qui est très populaire. Avec sa popularité, il y a un nombre croissant de problèmes qui sont signalés par les utilisateurs. Bien qu’il existe une communauté active de développeurs et d’utilisateurs qui peuvent vous aider à résoudre ces problèmes, il est toujours utile de connaître les solutions de base pour les problèmes courants. Dans cet article, nous allons explorer les problèmes de connexion, les erreurs de chargement de page, les problèmes de thème et de plugin, les problèmes de sécurité, et les problèmes de maintenance et de mise à jour. Problèmes de connexion Si vous rencontrez des problèmes de connexion à votre site WordPress, il y a quelques étapes que vous pouvez suivre pour résoudre le problème. Tout d’abord, assurez-vous que vous utilisez le bon nom d’utilisateur et le bon mot de passe. Si vous avez oublié votre mot de passe, vous pouvez le réinitialiser en utilisant l’e-mail de récupération. Si vous avez toujours des problèmes de connexion, essayez de désactiver tous les plugins et de changer de thème pour voir si cela résout le problème. Si tout cela ne fonctionne pas, contactez votre hébergeur pour obtenir de l’aide. Erreurs de chargement de page Si vous rencontrez des erreurs de chargement de page sur votre site WordPress, cela peut être dû à une variété de problèmes. Tout d’abord, assurez-vous que votre connexion Internet est stable. Ensuite, vérifiez si le problème est lié à un plugin ou à un thème spécifique. Si c’est le cas, désactivez le plugin ou changez de thème pour voir si cela résout le problème. Si vous ne pouvez pas identifier la cause du problème, essayez de vider le cache de votre navigateur ou de contacter votre hébergeur pour obtenir de l’aide. Problèmes de thème et de plugin Les problèmes de thème et de plugin sont courants sur WordPress. Si vous rencontrez des problèmes avec un thème ou un plugin spécifique, essayez de le désactiver pour voir si cela résout le problème. Si vous ne pouvez pas accéder à votre tableau de bord WordPress, vous pouvez désactiver les plugins en accédant à votre base de données et en changeant la valeur du champ « active_plugins » dans la table « wp_options« . Si vous avez toujours des problèmes, contactez le développeur du thème ou du plugin pour obtenir de l’aide. Problèmes de sécurité La sécurité est un aspect crucial de tout site web, y compris ceux basés sur WordPress. Pour protéger votre site, assurez-vous que vous utilisez des mots de passe forts et protégez votre site avec des plugins de sécurité. Si votre site a été piraté, essayez de changer immédiatement votre mot de passe et de supprimer tous les fichiers malveillants. Vous pouvez également utiliser des services de sécurité tiers pour protéger votre site. Problèmes de maintenance et de mise à jour La maintenance régulière de votre site WordPress est importante pour assurer son bon fonctionnement. Assurez-vous de sauvegarder régulièrement votre site et de le mettre à jour avec les dernières versions de WordPress, de votre thème et de vos plugins. Si vous rencontrez des problèmes lors de la mise à jour, essayez de désactiver tous les plugins et de changer de thème pour voir si cela résout le problème. Si vous avez toujours des problèmes, contactez votre hébergeur pour obtenir de l’aide. En conclusion, les problèmes courants de WordPress peuvent être résolus en suivant quelques étapes simples. En utilisant les conseils et les astuces dans cet article, vous pouvez résoudre les problèmes de connexion, les erreurs de chargement de page, les problèmes de thème et de plugin, les problèmes de sécurité, et les problèmes de maintenance et de mise à jour sur votre site WordPress. Si vous avez encore des problèmes après avoir suivi ces étapes, n’hésitez pas à contacter votre hébergeur ou la communauté WordPress pour obtenir de l’aide. Pour éviter toutes déconvenues dans la production de sites Web avec WordPress, la meilleure méthode est de mettre en place votre process de conception en tablant sur un environnement WordPress homogène pour chaque site que vous créez. En d’autres termes : définissez votre routine en utilisant toujours les mêmes plugins WP pour chaque site, en prenant soin de valider préalablement que tous les plugins cohabitent bien et en misant sur des plugins maintenus par leurs auteurs respectifs et régulièrement mis à jour. --- ### Guide pour créer un site WordPress multilingue URL: https://johnweb.fr/blog/wordpress/guide-pour-creer-un-site-wordpress-multilingue/ Guide pour un site WordPress multilingue La création d’un site WordPress multilingue est essentielle pour atteindre un public international et offrir une expérience utilisateur optimale à vos visiteurs non anglophones. Avec les bons outils et une configuration appropriée, vous pouvez facilement traduire votre contenu et maintenir un site Web multilingue efficace. Dans cet article, nous vous présenterons un guide complet pour créer et maintenir un site WordPress multilingue. Introduction à la création d’un site WordPress multilingue La première étape pour créer un site WordPress multilingue est de configurer les paramètres de langue dans votre installation WordPress. Cela vous permettra de définir la langue par défaut de votre site et d’ajouter les langues supplémentaires que vous souhaitez prendre en charge. Pour cela, allez dans les paramètres de votre site WordPress, cliquez sur « Général » et recherchez l’option « Langue du site« . Sélectionnez la langue par défaut et cliquez sur « Enregistrer les modifications« . Configuration des paramètres de langue dans WordPress Une fois que vous avez défini la langue par défaut de votre site WordPress, vous pouvez ajouter des langues supplémentaires en utilisant des extensions de traduction. Il existe de nombreux plug-ins populaires tels que WPML, Polylang et Weglot qui vous permettent de traduire votre contenu en plusieurs langues. Installez et activez le plug-in de votre choix — je vous recommande d’opter pour Polylang… il est parfait 😉 — puis suivez les instructions pour ajouter les langues souhaitées et traduire votre contenu. Utilisation de plug-ins pour la traduction de contenu Une fois que vous avez configuré les paramètres de langue dans WordPress, vous pouvez commencer à traduire votre contenu. Les plug-ins de traduction vous permettent de traduire facilement vos articles, pages, menus et autres éléments de votre site. Utilisez l’interface fournie par le plug-in pour créer des traductions pour chaque langue que vous avez ajoutée. Assurez-vous de bien vérifier et éditer les traductions pour garantir une traduction de qualité. À noter : dans le cadre de la traduction des extensions de votre site WordPress, et du thème que vous utilisez, si tous les fichiers de traduction ‘existent pas pour les langues que vous avez prévues pour votre site, utilisez alors le plug-in Loco Translate pour en effectuer la traduction. Conseils pour maintenir un site WordPress multilingue efficace Maintenir un site WordPress multilingue efficace nécessite une surveillance et une maintenance régulières. Veillez à vérifier régulièrement que vos traductions sont à jour, en particulier si vous ajoutez du nouveau contenu. Assurez-vous également que les éléments tels que les menus et les widgets sont correctement traduits. Gardez à l’esprit que chaque traduction doit être cohérente et adaptée à la culture de la langue cible. En suivant ces conseils, vous pourrez offrir une expérience utilisateur fluide et optimale à vos visiteurs de différentes langues sur votre site WordPress multilingue. --- ### Idéale Box : site vitrine WordPress éco-responsable URL: https://johnweb.fr/portfolio/ideale-box-site-vitrine-wordpress-eco-responsable/ Idéale Box — Site vitrine WordPress au service d’une communication engagée et éco-responsable Idéale Box est une entreprise française basée dans l’Ain (01) en Rhône-Alpes, pionnière de la communication éco-responsable depuis 2004. Son activité : concevoir et fabriquer des cendriers de poche publicitaires personnalisables — le cendrier porte-clés et le cendrier à poser — fabriqués en France avec des matériaux recyclés, conçus pour durer 20 ans minimum et contribuer activement à la lutte contre la pollution liée aux mégots de cigarettes. Un positionnement produit fort, une mission claire, et un site Web qui devait être à la hauteur de l’engagement de la marque. Un site vitrine WordPress moderne, ergonomique et optimisé SEO Le site Idéale Box a été conçu sous WordPress avec une attention particulière portée à l’ergonomie, au webdesign moderne et à l’optimisation SEO dès la conception. La rédaction des contenus a été travaillée de façon avancée pour répondre aux exigences du référencement naturel : structure sémantique soignée, hiérarchie des titres, densité et pertinence des mots-clés, maillage interne cohérent. Parce qu’un beau site qui n’est pas trouvé sur Google, c’est un peu comme un cendrier de poche qu’on garde dans le tiroir — l’intention est bonne, mais l’impact est limité. Système de blog intégré avec prompt ChatGPT pour la rédaction éditoriale Le site intègre un système de blog ergonomique et simple d’utilisation, permettant à l’équipe d’Idéale Box de publier régulièrement des contenus éditoriaux pour alimenter la visibilité organique du site. Pour faciliter et accélérer la production de ces contenus, un prompt ChatGPT dédié a été configuré et mis à disposition, permettant de générer rapidement des articles de blog ainsi que leurs métadonnées SEO — titre, meta description, mots-clés — de façon cohérente et optimisée. Une intégration pragmatique de l’IA au service de la stratégie éditoriale, sans complexité superflue. Un positionnement éditorial fort au service de la marque Au-delà de la technique, le site Idéale Box devait incarner les valeurs de la marque : engagement environnemental, fabrication française, innovation responsable. Chaque page, chaque bloc de contenu a été pensé pour mettre en valeur ces engagements tout en restant accessible et convaincant pour les deux cibles principales du site : les entreprises souhaitant personnaliser les cendriers à leurs couleurs pour leur communication, et les collectivités ou particuliers sensibles à la préservation de l’environnement. Le tout servi par un webdesign élégant et moderne parfaitement adapté à la charte graphique de la marque. Hébergement Web mutualisé Le site Idéale Box est hébergé sur un serveur mutualisé, solution parfaitement adaptée aux besoins d’un site vitrine de cette nature : fiable, maintenu, et dimensionné en cohérence avec le volume de trafic et les exigences techniques du projet. Un choix d’infrastructure sobre et efficace — pas besoin d’un serveur dédié quand un mutualisé bien configuré fait le travail sans broncher. Découvrir Idéale Box --- ### IMWIZ IA : application Web de génération d’images IA URL: https://johnweb.fr/portfolio/imwiz-ia-application-web-de-generation-dimages-ia/ IMWIZ IA — Création d’une application Web de génération d’images par intelligence artificielle IMWIZ IA est une application Web sur mesure dédiée à la génération d’images par intelligence artificielle. Conçue pour transformer de simples descriptions textuelles en visuels haute définition, la plateforme s’adresse aussi bien aux professionnels du marketing et du design qu’aux créateurs de contenu pour les réseaux sociaux. Derrière une interface intuitive et accessible, c’est un moteur technologique sérieux qui tourne — le genre de projet qui illustre parfaitement ce que le Web peut faire quand on lui donne les bons outils. Architecture technique : WordPress, WooCommerce et application Web sur mesure La plateforme IMWIZ IA repose sur un socle WordPress enrichi de WooCommerce pour la gestion des transactions, et d’une application Web développée sur mesure pour le moteur de génération d’images. L’ensemble forme un écosystème cohérent où le site vitrine, le système e-commerce et l’outil de création coexistent dans un environnement unifié. Cette architecture hybride — CMS éprouvé d’un côté, application métier sur mesure de l’autre — permet de combiner la robustesse et la maintenabilité de WordPress avec la flexibilité totale d’un développement spécifique. Génération d’images par prompt textuel et deep learning Le cœur fonctionnel d’IMWIZ IA repose sur des algorithmes de deep learning avancés capables d’interpréter des descriptions textuelles complexes pour produire des images de haute qualité personnalisables. L’utilisateur saisit un prompt textuel, ajuste divers paramètres de génération — style, composition, niveau de détail — et obtient en quelques secondes un visuel correspondant à ses besoins. Illustrations, graphiques, visuels pour réseaux sociaux, contenus marketing : le spectre des usages est large, et la précision du moteur à la hauteur des exigences professionnelles. Système e-commerce : achat de jetons via WooCommerce L’accès aux fonctionnalités de génération est monétisé via un système d’achat de jetons intégré nativement dans WooCommerce. L’utilisateur achète des paquets de crédits depuis l’interface du site, les crédits sont attribués à son compte, et chaque génération d’image consomme un nombre défini de jetons selon les paramètres choisis. Ce modèle économique — simple, transparent et scalable — est entièrement géré en back-office WordPress, sans outil tiers superflu. Une solution élégante qui évite la complexité tout en restant parfaitement fonctionnelle. Site multilingue optimisé SEO Pour maximiser sa portée internationale, IMWIZ IA a été développé comme un site Web multilingue, ergonomique et intégralement optimisé pour le référencement naturel. L’architecture des URLs, la structure sémantique des pages, les balises méta et les contenus ont été pensés dès la conception pour répondre aux exigences du SEO technique dans un contexte multilingue — ce qui représente une couche de complexité supplémentaire non négligeable, et que beaucoup de développeurs ont tendance à sous-estimer. Pas ici. Infrastructure et hébergement haute performance Compte tenu de la nature intensive des traitements liés à la génération d’images par IA et des flux d’utilisation attendus, la plateforme IMWIZ IA est hébergée sur un serveur dédié haute performance. Ce choix d’infrastructure garantit la réactivité de l’application, la fluidité des traitements en temps réel et la stabilité du service même sous forte charge. Un hébergement mutualisé n’aurait tout simplement pas tenu la distance — et dans ce type de projet, l’infrastructure n’est pas un détail, c’est une fondation. Découvrir IMWIZ --- ### Intégration d’un système de réservation sur WordPress URL: https://johnweb.fr/blog/integration-dun-systeme-de-reservation-sur-wordpress/ L’intégration d’un système de réservation sur WordPress offre de nombreux avantages pour les propriétaires de sites web qui souhaitent proposer des services de réservation en ligne. Que vous soyez un hôtel, un restaurant, un salon de beauté ou tout autre type d’entreprise qui nécessite des réservations, l’ajout d’un système de réservation sur votre site WordPress peut faciliter grandement la gestion des réservations et améliorer l’expérience utilisateur. Dans cet article, nous examinerons les avantages et les fonctionnalités d’un système de réservation sur WordPress, ainsi que les étapes et les meilleures pratiques pour son intégration. Avantages et fonctionnalités d’un système de réservation sur WordPress L’intégration d’un système de réservation sur WordPress offre de nombreux avantages. Tout d’abord, cela permet à vos clients de réserver leurs services directement sur votre site web, ce qui facilite le processus de réservation et évite les frais de commission généralement associés aux plateformes de réservation tierces. De plus, un système de réservation intégré permet de gagner du temps en automatisant les processus de réservation, de confirmation et de rappels, ce qui réduit le risque d’erreurs et de double réservation. En ce qui concerne les fonctionnalités, un système de réservation sur WordPress peut offrir des options de personnalisation pour s’adapter à l’apparence et à la convivialité de votre site web. Il peut également proposer des fonctionnalités telles que la gestion des disponibilités en temps réel, l’intégration avec des plateformes de paiement en ligne, la gestion des réservations multiples et la génération de rapports pour suivre les performances de votre système de réservation. Étapes pour intégrer un système de réservation sur WordPress L’intégration d’un système de réservation sur WordPress peut sembler complexe, mais avec les bonnes étapes, vous pouvez le faire facilement. Tout d’abord, recherchez et choisissez un plugin de réservation adapté à vos besoins. Il existe de nombreux plugins gratuits et payants disponibles sur le marché. Une fois que vous avez choisi un plugin, installez-le et activez-le sur votre site WordPress. Ensuite, configurez les paramètres du plugin, tels que les horaires de disponibilité, les prix et les notifications de réservation. Ensuite, personnalisez l’apparence du système de réservation pour qu’il s’intègre parfaitement à votre site web. Enfin, testez le système de réservation pour vous assurer qu’il fonctionne correctement avant de le rendre accessible aux clients. L’intégration d’un système de réservation sur WordPress peut améliorer considérablement l’efficacité et la convivialité de votre site web. En offrant la possibilité de réserver des services en ligne, vous facilitez la vie de vos clients et vous optimisez la gestion de votre activité. En suivant les étapes d’intégration et en respectant les meilleures pratiques, vous pouvez créer un système de réservation personnalisé et performant sur votre site WordPress. N’oubliez pas de mettre à jour régulièrement votre système de réservation et de surveiller les retours des clients pour continuer à améliorer leur expérience de réservation. --- ### Intégrer ChatGPT dans WordPress pour la génération de contenu : guide technique et bonnes pratiques URL: https://johnweb.fr/blog/wordpress/integrer-chatgpt-dans-wordpress-pour-la-generation-de-contenu-guide-technique-et-bonnes-pratiques/ Pourquoi intégrer ChatGPT directement dans WordPress Les plugins WordPress qui intègrent ChatGPT sont légion — mais ils ont tous le même défaut : ils sont génériques, souvent lourds, et ne s’adaptent pas aux besoins éditoriaux spécifiques d’un projet. Développer sa propre intégration permet de contrôler précisément ce que l’IA peut faire, comment elle interagit avec l’interface d’édition, quels prompts système sont utilisés, et comment les suggestions sont présentées à l’éditeur. Sur plusieurs projets clients, j’ai mis en place des interfaces de génération assistée par IA qui ont transformé le workflow éditorial des équipes — voici la méthode complète. Configuration de l’API OpenAI dans WordPress La première étape est de créer une page de réglages dans l’administration WordPress pour stocker la clé API OpenAI de manière sécurisée. La clé est saisie dans un champ de type password, stockée via update_option() après sanitisation, et jamais affichée en clair après enregistrement. Le modèle recommandé en 2025 pour les cas d’usage de génération de contenu est gpt-4o-mini — excellent rapport qualité/coût pour la rédaction. Pour des tâches plus complexes nécessitant un raisonnement approfondi, gpt-4o reste la référence. Les paramètres clés à configurer : model, max_tokens (limiter la longueur des réponses), temperature (0.7 pour un équilibre créativité/cohérence), et system (le prompt système qui définit le rôle et le ton de l’IA). L’interface back-office : un bouton d’assistance à la rédaction L’implémentation la plus efficace est d’ajouter un bouton discret dans l’interface d’édition WordPress qui ouvre une modale d’assistance IA. L’éditeur saisit une instruction en langage naturel (« Rédige une introduction percutante pour cet article sur le SEO technique »), clique sur le bouton, et reçoit une suggestion qu’il peut accepter, modifier ou rejeter. Le flux technique repose sur une requête AJAX WordPress vers le serveur, qui appelle l’API OpenAI et retourne la réponse. add_action( 'wp_ajax_johnweb_generate_content', 'johnweb_handle_ai_generation' ); function johnweb_handle_ai_generation() {     check_ajax_referer( 'johnweb_ai_nonce', 'nonce' );     if ( ! current_user_can( 'edit_posts' ) ) wp_die();     $instruction = sanitize_textarea_field( $_POST['instruction'] ?? '' );     $contexte = sanitize_textarea_field( $_POST['contexte'] ?? '' );     // Appel API OpenAI... } Le prompt système : la clé de la qualité éditoriale La qualité des contenus générés dépend directement de la qualité du prompt système configuré. Ce prompt définit l’identité, le ton et les contraintes de l’IA. Sur un projet blog technique WordPress, le prompt système pourrait être : « Tu es un rédacteur Web expert en développement WordPress et SEO technique. Tu rédiges en français, avec un ton professionnel mais accessible, sans jargon inutile. Tu utilises des exemples concrets et pratiques. Tu n’utilises jamais de superlatifs ni de formules marketing. Chaque contenu que tu génères doit apporter une valeur informative réelle. » Un prompt système bien conçu réduit drastiquement la quantité de corrections nécessaires sur les contenus générés. Les bonnes pratiques éditoriales avec l’IA L’IA génère du contenu qui sonne bien mais qui peut manquer de substance réelle. Les pièges les plus fréquents : le contenu générique qui dit tout sans rien apprendre, les affirmations inexactes présentées avec confiance, la structure prévisible (introduction – trois points – conclusion) qui produit des articles interchangeables. La règle que j’applique sur tous mes projets est simple : l’IA génère des brouillons et des suggestions, mais chaque paragraphe publié doit avoir été lu, compris et validé par un humain qui assume la responsabilité éditoriale du contenu. L’IA accélère la rédaction — elle ne remplace pas le jugement éditorial. Limiter les coûts et monitorer l’usage L’API OpenAI facture au token — chaque requête a un coût. Sur un site avec plusieurs éditeurs qui utilisent l’assistance IA intensivement, les coûts peuvent s’accumuler rapidement. Implémenter un système de rate limiting par utilisateur (nombre maximum de requêtes par jour), logger chaque appel API avec le nombre de tokens consommés, et configurer des alertes de budget dans le dashboard OpenAI sont des précautions indispensables avant tout déploiement multi-utilisateurs. --- ### Jonas Taylor : site WordPress DJ French Touch IA URL: https://johnweb.fr/portfolio/jonas-taylor-site-wordpress-dj-french-touch-ia/ Jonas Taylor — La création de toutes pièces d’un artiste fictif par l’IA, du concept au site WordPress Jonas Taylor est sans doute l’un des projets les plus originaux et les plus jouissifs de mon portfolio. Le concept : créer de zéro un DJ fictif de French Touch — avec son nom emprunté à un personnage d’un blockbuster américain bien connu des amateurs de mégalodons, son identité visuelle, sa biographie mystérieuse, ses photos, sa musique et son site Web — entièrement via l’intelligence artificielle. Une démarche expérimentale dans l’esprit de ce qu’avait fait Bob Sinclar en son temps en construisant un alter ego artistique, revisitée à l’ère des outils IA génératifs. Pas de vocation commerciale sérieuse, juste le plaisir de pousser les limites du possible. Une identité artistique construite de zéro avec l’IA Tout dans l’univers de Jonas Taylor a été conçu et généré par intelligence artificielle : les photos du personnage — DJ en Vespa sur une plage, en lévitation sur un piano à queue au coucher de soleil, mixant dans le désert pour faire danser des extraterrestres — ont été produites via des outils de génération d’images IA. La biographie mystérieuse, les textes de présentation des albums, les descriptions poétiques et les taglines ont été rédigés avec soin pour construire un personnage crédible, attachant et cohérent. Le logo, la charte graphique et les couvertures d’albums suivent la même logique : 100% IA, 100% intentionnel. Trois albums générés via Suno — et disponibles en streaming et licensing La discographie de Jonas Taylor compte trois albums entièrement composés et produits via Suno, l’outil de génération musicale par IA : One Night In Paris — le premier album, un voyage nocturne entre funk, French Touch et disco hypnotique sous les lumières de Paris. Sorti en premier, il pose l’univers sonore du personnage. Sonic Trip — sorti le 15 juillet 2025, une odyssée musicale mondiale mélangeant disco funk et French Touch, de La Havane à Tokyo, avec des basslines pétillantes et des cuivres enflammés. Vice — sorti le 31 juillet 2025, l’album le plus ambitieux : une descente décadente dans le plaisir et la nuit, French Touch aux dents de funk, disco avec du mordant. Les trois albums sont disponibles en streaming via Ditto Music et en licensing professionnel sur Pond5 — films, publicités, podcasts, projets multimédia — ce qui donne au projet une dimension commerciale réelle, même si l’esprit reste celui d’une expérimentation créative. Un site WordPress vitrine sobre et efficace Le site jonastaylor.com est développé sous WordPress avec une architecture simple et bien pensée : page d’accueil immersive avec hero artistique, page About pour la biographie du personnage, page Music pour la discographie avec liens streaming et licensing, présence sur les réseaux sociaux (Instagram, Facebook, X, YouTube, TikTok) et formulaire de Contact. Le tout en anglais pour maximiser la portée internationale. Le webdesign est volontairement épuré et cinématique — il sert le mystère et l’univers artistique sans le noyer sous une interface surchargée. Sobre, efficace, crédible. Un laboratoire créatif à la croisée du Web, de l’IA et du branding artistique Au-delà du côté amusant de la chose, Jonas Taylor est une exploration sérieuse des possibilités offertes par l’IA générative appliquée à la création d’une marque artistique complète : identité visuelle, contenu musical, copywriting, présence en ligne, distribution streaming, licensing. C’est un terrain d’expérimentation qui touche au prompt engineering, à la direction artistique assistée par IA, à la construction d’un personnage fictif crédible et à la chaîne complète de publication musicale. Le tout pour le plaisir — ce qui est souvent la meilleure raison de faire quelque chose correctement. Découvrir Jonas Taylor --- ### KickAwa : boutique WordPress Sportswear Print-on-Demand URL: https://johnweb.fr/portfolio/kickawa-boutique-wordpress-sportswear-print-on-demand-johnweb/ KickAwa — Création d’une marque sportswear urban et de sa boutique e-commerce WordPress en print-on-demand KickAwa est un projet personnel né d’une idée simple et enthousiasmante : créer de toutes pièces une marque de sportswear urban — avec son identité visuelle, son positionnement, son univers — et lui donner corps au travers d’une boutique e-commerce WordPress épurée et fonctionnelle. Le concept : « Go Beyond » — dépasser ses limites, performer, avancer. Le tout sans stock, sans logistique physique, et sans investissement matériel initial, grâce à une intégration print-on-demand via Printful. Un terrain de jeu technique et créatif autant qu’un vrai projet de marque. Architecture e-commerce : WordPress, WooCommerce et plugin Printful La boutique KickAwa repose sur un socle WordPress / WooCommerce avec le plugin officiel Printful comme moteur de gestion du catalogue et de la production. Le principe du print-on-demand est radical dans sa simplicité : chaque commande passée sur le site déclenche automatiquement la fabrication et l’expédition du produit directement par Printful, sans que le propriétaire de la boutique ait à gérer le moindre stock, emballage ou envoi. Les produits sont créés et configurés dans l’interface Printful, puis synchronisés automatiquement dans WooCommerce via le plugin — fiches produits, variantes, photos, prix et données de stock inclus. Un catalogue sportswear complet structuré par catégories Le catalogue KickAwa couvre l’ensemble des gammes d’un vrai vestiaire sportswear urban : T-shirts (dont des modèles raglan 3/4 manches et manches longues), Tops & Tanks, Hoodies & Sweatshirts, Bottom (joggers, track pants, fleece shorts), Footwear (chaussures de sport homme), Outerwear (windbreaker), Caps & Beanies (bucket hat…) et Bags & Accessories (gourde inox…). Chaque produit est décliné en variantes de taille et de couleur, gérées nativement par WooCommerce en lien avec les configurations Printful. Les prix s’affichent en dollars, avec un positionnement accessible — entre 26 $ et 59 $ selon les articles. Identité de marque et webdesign épuré L’un des enjeux de ce projet était de ne pas se contenter d’une boutique générique, mais de construire une vraie identité de marque cohérente : logo travaillé, charte graphique, baseline « Go Beyond » déclinée sur l’ensemble des supports, mascotte Cheetah comme symbole de vitesse et de performance. Le webdesign est volontairement épuré — fond sombre, typographie bold, navigation minimaliste — pour servir les visuels produits et installer un univers premium sans surcharger l’interface. Le résultat est propre, lisible, et crédible pour une vraie marque sportswear. Site multilingue et gestion internationale Pour coller au positionnement international inhérent au modèle print-on-demand — Printful livrant partout dans le monde — le site KickAwa est disponible en plusieurs langues, permettant d’adresser une clientèle internationale sans friction. La navigation, les fiches produits et les pages informatives sont traduites pour offrir une expérience utilisateur adaptée quelle que soit la langue du visiteur. Une dimension multilingue cohérente avec l’ambition de la marque et la portée mondiale de l’infrastructure Printful. Un projet de testing riche en enseignements Au-delà de l’aspect créatif, KickAwa a été une occasion précieuse d’explorer et de maîtriser en conditions réelles le modèle print-on-demand, l’intégration du plugin Printful avec WooCommerce, la gestion des variantes produits à grande échelle, la construction d’une identité de marque de zéro, et les subtilités du SEO e-commerce multilingue. Le genre de projet personnel qui apprend autant — sinon plus — qu’une mission client, précisément parce qu’on peut tout tester sans contrainte ni pression de livraison. Découvrir KickAwa --- ### L’IA dans la production Web en 2025 : le bilan honnête d’un développeur senior URL: https://johnweb.fr/blog/outils-en-ligne/lia-dans-la-production-web-en-2025-le-bilan-honnete-dun-developpeur-senior/ Un an d’usage intensif : le bilan sans langue de bois Depuis que les grands modèles de langage sont devenus vraiment utilisables dans un workflow de développement professionnel, j’ai fait le choix d’une intégration intensive et délibérée — pas pour suivre une tendance, mais pour comprendre concrètement ce que ça change et ce que ça ne change pas. Après un an de pratique quotidienne sur des projets réels, voici un bilan honnête, sans la naïveté de ceux qui voient l’IA comme une révolution absolue, ni le déni de ceux qui refusent d’admettre qu’elle change profondément certaines réalités du métier. Ce que l’IA fait vraiment bien L’IA excelle sur un ensemble de tâches précis et délimité. La génération de code boilerplate est le cas d’usage le plus immédiatement rentable : structures de plugins, squelettes de classes, fonctions utilitaires répétitives — tout ce qui peut être décrit précisément se génère en secondes plutôt qu’en minutes. Le gain de temps est réel et mesurable, de l’ordre de 60 à 80% sur ces tâches. La transformation de données et la conversion de formats Convertir une structure JSON en tableau PHP, transformer un CSV en requêtes SQL d’import, restructurer un tableau de données selon un nouveau schéma — l’IA gère ces transformations avec une précision et une rapidité remarquables. C’est probablement le domaine où le ROI est le plus évident et le plus immédiat. La rédaction de documentation et de commentaires Générer des blocs de documentation PHPDoc, des commentaires explicatifs sur du code complexe, des README de plugins — l’IA produit une documentation de qualité correcte à partir du code source. Pas toujours parfaite, toujours à relire, mais suffisamment bonne pour constituer une base solide qu’on retouche plutôt que de rédiger de zéro. Le debug assisté Soumettre un message d’erreur, un stack trace et le code concerné à l’IA pour obtenir un premier diagnostic est devenu un réflexe. Sur les erreurs courantes, l’IA identifie la cause et propose une correction en quelques secondes. Sur les erreurs plus subtiles, elle ne résout pas systématiquement le problème mais oriente souvent vers la bonne piste. Ce que l’IA fait mal — et qu’il ne faut pas lui confier La liste des limites est aussi importante que la liste des forces, et elle est souvent passée sous silence dans les discours enthousiastes. L’architecture logicielle complexe L’IA peut écrire du code fonctionnel mais elle ne conçoit pas d’architecture. Définir comment les composants d’un système complexe s’articulent, anticiper les évolutions futures, choisir les patterns adaptés à un contexte métier spécifique — c’est du jugement technique qui s’acquiert avec l’expérience, pas de la génération de texte. L’IA peut implémenter une architecture qu’on lui décrit, mais elle ne peut pas la concevoir de manière autonome. La connaissance du contexte métier L’IA ne connaît pas votre client, son secteur, ses contraintes spécifiques, l’historique du projet, les décisions techniques qui ont été prises et pourquoi. Cette connaissance contextuelle est souvent la valeur ajoutée la plus importante qu’un développeur senior apporte — et elle est par définition inaccessible à l’IA. La fiabilité sur les API récentes Les modèles d’IA ont une date de coupure de connaissance. Sur les APIs et frameworks récents, ils hallucinent des fonctions inexistantes avec une confiance absolue. J’ai appris à toujours vérifier dans la documentation officielle tout appel de fonction généré par l’IA sur des technologies que je ne connais pas parfaitement. Ce que l’IA ne remplacera pas La question « L’IA va-t-elle remplacer les développeurs ? » est mal posée. La bonne question est : « Quels développeurs seront rendus obsolètes par l’IA ? » La réponse est ceux qui produisent principalement du code générique sans valeur ajoutée conceptuelle — et c’est une réalité à prendre au sérieux. En revanche, le développeur senior qui comprend les problèmes métier, conçoit des architectures adaptées, prend des décisions techniques éclairées et gère la relation client a plus de valeur que jamais — précisément parce que l’IA automatise la partie la plus mécanique de son travail et lui libère du temps pour la partie à plus haute valeur ajoutée. La conclusion après un an L’IA est un amplificateur. Elle amplifie la productivité des développeurs compétents qui savent ce qu’ils font et peuvent valider ce qu’elle produit. Elle amplifie aussi les erreurs de ceux qui lui font une confiance aveugle sans les compétences pour détecter ses hallucinations. Le développeur qui en tire le plus de valeur est celui qui maîtrise suffisamment son domaine pour savoir exactement quand lui faire confiance — et quand vérifier. --- ### La Talemelerie : site e-commerce WordPress sur mesure URL: https://johnweb.fr/portfolio/la-talemelerie-site-e-commerce-wordpress-sur-mesure/ La Talemelerie — Un site e-commerce WordPress taillé sur mesure La Talemelerie est un réseau de 8 boulangeries pâtisseries artisanales implantées à Grenoble (6 boutiques) et Chambéry (2 boutiques), perpétuant depuis 1996 un savoir-faire artisanal exigeant autour du pain, des viennoiseries, des entremets et des pâtisseries. Derrière ce projet se cache une réalité technique des plus stimulantes : un site e-commerce WordPress sur mesure embarquant un écosystème fonctionnel complexe, pensé pour fluidifier l’expérience client et automatiser le traitement des commandes en boutique. Le genre de projet qui donne envie de se lever le matin — et pas seulement pour l’odeur du pain chaud. Architecture technique et stack utilisée Le site repose sur un socle WordPress / WooCommerce intégralement développé et personnalisé, hébergé sur un serveur dédié afin de disposer de la puissance de calcul nécessaire au traitement du flux de commandes en temps réel. Côté front-end, le webdesign a été conçu sur mesure avec une attention particulière portée à l’ergonomie, à la fluidité de navigation et à la mise en valeur des produits. Chaque section, chaque animation, chaque interaction a été développée de zéro — pas de thème tout fait, pas de compromis. Le cœur du projet : un plugin WordPress développé sur mesure La pièce maîtresse de ce projet est sans conteste le plugin WordPress sur mesure — baptisé Wpop WebSteri — développé spécifiquement pour orchestrer la synchronisation entre l’environnement WordPress / WooCommerce et le logiciel de caisse Crisalid / WebSteri. Ce plugin constitue la version 2 d’une extension initialement développée pour d’autres projets e-commerce connectés à ce même logiciel de caisse, enrichie ici d’un lot conséquent de nouvelles fonctionnalités. Fonctionnalités clés du plugin Wpop WebSteri Le plugin assure la connexion à l’API WebSteri avec import automatique des produits enregistrés dans le logiciel de caisse, la gestion multiboutique avec configuration des dates et horaires de retrait pour le Click & Collect, ainsi qu’un calendrier en back-office permettant de visualiser les commandes boutique par boutique. Il embarque également un système d’optimisation automatique des photos produits — conversion au format .webp, réécriture de la nomenclature des fichiers, optimisation du texte alternatif pour le SEO et application du logo de l’enseigne sur chaque visuel. Cerise sur le gâteau : une connexion à ChatGPT via clé de licence pour l’édition assistée par IA des descriptions et métadonnées produits. Un système de Click & Collect multiboutique inédit Le système de Click & Collect développé pour La Talemelerie va bien au-delà du traditionnel « je commande, je récupère ». Il permet aux clients de construire un véritable planning culinaire hebdomadaire en une seule et unique commande : sélection de la boutique de retrait, choix de la date et de l’horaire précis, le tout produit par produit. Concrètement, un client peut commander son petit déjeuner du lundi dans la boutique A, sa baguette du soir dans la boutique B, et ses formules déjeuner de toute la semaine en une seule transaction. Chaque commande validée et payée est ensuite poussée automatiquement vers le logiciel de caisse des boutiques concernées pour un traitement instantané. Composition de formules et gestion des produits au poids Le site intègre un système de composition de formules petit déjeuner et déjeuner sur mesure, permettant au client de sélectionner précisément chaque composant de sa formule — sandwich, salade, dessert, boisson — avant de choisir la boutique et l’horaire de retrait. Parallèlement, les produits vendus au poids — pain d’épice, chouquettes, pains saveurs — bénéficient d’un système de réglette graduée configurable, permettant de sélectionner le poids exact souhaité selon un pas défini dans les réglages du produit. Des développements sur mesure qui n’ont aucun équivalent natif dans WooCommerce. Interface d’édition des produits assistée par IA Pour faciliter la gestion quotidienne du catalogue, une interface d’édition des produits intuitive et centralisée a été développée en back-office. Elle permet d’éditer l’intégralité des données d’un produit — nom, description, composition, allergènes, métadonnées SEO, mots-clés, photos, variations, disponibilité par boutique — sans jamais ouvrir la page produit WooCommerce standard. L’assistance ChatGPT intégrée suggère et génère les textes produits en respectant les préceptes SEO, tandis que l’édition en masse permet d’appliquer des réglages sur plusieurs produits simultanément. Un gain de temps considérable pour les équipes en charge de la gestion du catalogue. Mégamenu, Quickview et maillage interne SEO Le site est doté d’un mégamenu sur mesure présentant l’ensemble des catégories de produits en un coup d’œil, optimisé pour le maillage interne et le référencement naturel. Un système de Quickview — aperçu rapide des produits — entièrement développé sur mesure permet de consulter le détail d’un produit depuis la liste, de naviguer entre les produits via les boutons Précédent/Suivant, et d’ajouter au panier sans quitter la page de listing — y compris pour les produits complexes de type formule. Enfin, un blog intégré avec rubrique offres d’emploi complète le dispositif éditorial et contribue à la visibilité organique du site. Découvrir La Talemelerie --- ### Les hooks WordPress : maîtriser actions et filtres pour un code propre et maintenable URL: https://johnweb.fr/blog/wordpress/les-hooks-wordpress-maitriser-actions-et-filtres-pour-un-code-propre-et-maintenable/ Qu’est-ce qu’un hook WordPress ? Un hook WordPress est un point d’ancrage dans le code du CMS qui permet d’exécuter des fonctions personnalisées à des moments précis du cycle de vie d’une page ou d’une requête. C’est le mécanisme fondamental qui rend WordPress extensible sans jamais avoir à modifier les fichiers du core — une règle d’or que tout développeur sérieux applique sans exception. Il existe deux types de hooks : les actions et les filtres. Comprendre la différence entre les deux, c’est comprendre comment WordPress respire. Les actions : exécuter du code à un moment précis Une action est un hook qui permet d’exécuter une fonction à un point précis du cycle d’exécution, sans retourner de valeur. On s’y accroche avec add_action() et on déclenche ses propres points d’ancrage avec do_action(). Exemple classique : ajouter des scripts dans le head du site. add_action( 'wp_enqueue_scripts', 'mon_theme_scripts' ); function mon_theme_scripts() {     wp_enqueue_script( 'mon-script', get_template_directory_uri() . '/js/script.js', array(), '1.0', true ); } Le troisième paramètre de add_action() est la priorité — un entier qui détermine l’ordre d’exécution des fonctions accrochées au même hook. Par défaut à 10, une priorité plus basse s’exécute avant, une priorité plus haute après. Le quatrième paramètre indique le nombre d’arguments acceptés par la fonction callback. Les hooks d’action les plus utilisés init — s’exécute après le chargement de WordPress, idéal pour enregistrer des custom post types ou des taxonomies. wp_head et wp_footer — pour injecter du contenu dans le head ou le footer. save_post — déclenché lors de l’enregistrement d’un article, parfait pour des traitements post-sauvegarde. wp_login et wp_logout — pour des actions liées à l’authentification. template_redirect — pour intervenir avant le chargement du template. Les filtres : modifier une valeur avant qu’elle soit utilisée Un filtre est un hook qui reçoit une valeur, permet de la modifier, et la retourne. C’est la distinction fondamentale avec les actions : un filtre doit obligatoirement retourner une valeur. On s’y accroche avec add_filter() et on crée ses propres points de filtre avec apply_filters(). add_filter( 'the_content', 'mon_filtre_contenu' ); function mon_filtre_contenu( $content ) {     $content .= '<p>Merci de votre lecture.</p>';     return $content; } L’erreur la plus fréquente des développeurs débutants : oublier le return dans une fonction de filtre. Résultat : la valeur disparaît silencieusement et le debug devient laborieux. Un filtre sans return, c’est comme un plombier qui repart avec les tuyaux. Les hooks de filtre les plus utilisés the_content — pour modifier le contenu des articles avant affichage. the_title — pour intervenir sur les titres. wp_title et document_title_parts — pour personnaliser les balises title. login_redirect — pour rediriger après connexion. upload_mimes — pour autoriser des types de fichiers supplémentaires à l’upload. pre_get_posts — pour modifier les requêtes WP_Query avant exécution, l’un des filtres les plus puissants de l’écosystème. Créer ses propres hooks : rendre son code extensible Un développeur WordPress qui ne crée pas ses propres hooks dans ses plugins et thèmes passe à côté d’une dimension essentielle du métier. do_action() et apply_filters() permettent de créer des points d’extension que d’autres développeurs — ou vous-même dans six mois — pourront utiliser sans modifier le code source. // Dans votre plugin $prix_final = apply_filters( 'mon_plugin_prix', $prix_base, $produit_id ); Cette ligne rend le calcul du prix interceptable et modifiable par n’importe quel code tiers, sans toucher au plugin. C’est la philosophie même de WordPress : concevoir pour l’extensibilité dès le départ. Supprimer un hook : remove_action et remove_filter Aussi important qu’ajouter des hooks, savoir les supprimer est une compétence clé. remove_action() et remove_filter() permettent de détacher une fonction d’un hook — à condition de respecter la même priorité que lors de l’accrochage initial. Un détail qui provoque des heures de debug quand on l’oublie. remove_action( 'wp_head', 'wp_generator' ); // Supprime la version WordPress du head Pour supprimer une méthode d’une classe instanciée par WordPress, la syntaxe est légèrement différente et nécessite d’intervenir après l’instanciation de l’objet — généralement via un hook d’action avec une priorité suffisamment haute. Bonnes pratiques et erreurs à éviter Toujours préfixer ses fonctions pour éviter les conflits de noms — une évidence souvent négligée. Ne jamais modifier les fichiers du core WordPress ou d’un thème/plugin tiers directement — toujours passer par un hook. Utiliser un plugin enfant ou un plugin de fonctionnalités dédié pour ses hooks personnalisés plutôt que le functions.php du thème, qui disparaît à chaque mise à jour de thème. Enfin, documenter ses hooks avec des commentaires clairs : un hook sans documentation est un piège pour le prochain développeur — qui sera peut-être vous dans quelques mois. --- ### Les meilleurs plugins de mise en cache pour WordPress. URL: https://johnweb.fr/blog/wordpress/les-meilleurs-plugins-de-mise-en-cache-pour-wordpress/ Lorsque vous avez un site WordPress, la vitesse de chargement est cruciale pour l’expérience utilisateur. Les plugins de mise en cache peuvent aider à optimiser la vitesse de votre site. Dans cet article, nous allons explorer les meilleurs plugins de mise en cache pour WordPress, ainsi que les critères de choix pour sélectionner le plugin le plus adapté à vos besoins. Qu’est-ce qu’un plugin de mise en cache ? Un plugin de mise en cache est une extension qui stocke temporairement des éléments de votre site Web pour qu’ils puissent être chargés plus rapidement. Lorsqu’un visiteur ouvre une page de votre site, le plugin de mise en cache stocke une version de cette page, ce qui permet au visiteur de la charger plus rapidement la prochaine fois qu’il visite votre site. Les plugins de mise en cache peuvent améliorer considérablement la vitesse de chargement de votre site, ce qui est crucial pour l’expérience utilisateur et le référencement. Critères de choix d’un plugin de mise en cache Lorsque vous choisissez un plugin de mise en cache pour votre site WordPress, il y a plusieurs critères à prendre en compte. Tout d’abord, vérifiez si le plugin est compatible avec votre version de WordPress. Ensuite, vérifiez les fonctionnalités du plugin, comme la prise en charge de la compression Gzip et les options de mise en cache pour les pages et les fichiers CSS et JavaScript. Enfin, vérifiez les performances du plugin, notamment la vitesse de chargement de votre site après avoir installé le plugin. Les meilleurs plugins de mise en cache pour WordPress Voici une sélection des meilleurs plugins de mise en cache pour WordPress : WP Rocket : un plugin très performant avec de nombreuses fonctionnalités, y compris la préchargement de cache et la mise en cache des fichiers CSS et JavaScript. W3 Total Cache : un plugin gratuit avec de nombreuses fonctionnalités, notamment la compression Gzip et la mise en cache des pages. WP Super Cache : un plugin gratuit avec une fonctionnalité de préchargement de cache et une mise en cache simple pour les pages. LiteSpeed Cache : un plugin gratuit qui prend en charge la mise en cache des pages et des fichiers CSS et JavaScript. Cache Enabler : un plugin gratuit et facile à utiliser qui prend en charge la mise en cache des pages et la compression Gzip. Les fonctionnalités clés des plugins de mise en cache Les fonctionnalités clés des plugins de mise en cache incluent la mise en cache des pages, des fichiers CSS et JavaScript, la compression Gzip, la préchargement de cache, la mise en cache du navigateur et la compatibilité avec les CDN. Les plugins de mise en cache peuvent également offrir des fonctionnalités supplémentaires, comme la compatibilité avec des plugins de formulaire de contact, l’intégration de Google Analytics et la mise en cache des widgets. Les plugins de mise en cache peuvent considérablement améliorer la vitesse de chargement de votre site WordPress, ce qui est crucial pour l’expérience utilisateur et le référencement. Les critères clés pour choisir un plugin de mise en cache sont la compatibilité avec votre version de WordPress, les fonctionnalités du plugin et les performances après l’installation. Nous avons présenté une sélection des meilleurs plugins de mise en cache pour WordPress, chacun avec ses propres fonctionnalités et avantages. En choisissant le plugin adapté à vos besoins, vous pouvez améliorer la vitesse et les performances de votre site WordPress. --- ### Les meilleurs plugins pour sites d’adhésion WordPress URL: https://johnweb.fr/blog/wordpress/les-meilleurs-plugins-pour-sites-dadhesion-wordpress/ Les avantages des sites d’adhésion WordPress Les sites d’adhésion sont des sites web qui proposent un contenu exclusif à leurs membres. Ils permettent aux utilisateurs de s’inscrire et de se connecter à leur compte pour accéder à du contenu réservé aux membres. WordPress est une plateforme idéale pour la création de sites d’adhésion. WordPress offre des fonctionnalités puissantes et des plugins qui facilitent la gestion des membres et des abonnements. Dans cet article, nous allons explorer les avantages des sites d’adhésion WordPress et les meilleurs plugins pour créer et gérer des communautés membres interactives. Les fonctionnalités clés pour les sites d’adhésion WordPress Pour créer un site d’adhésion WordPress, vous devez d’abord définir les fonctionnalités clés dont vous avez besoin. Voici quelques-unes des fonctionnalités les plus courantes des sites d’adhésion WordPress : Enregistrement et connexion des membres : permettre aux utilisateurs de s’inscrire et de se connecter à leur compte pour accéder à du contenu réservé aux membres. Pages de profil des membres : permettre aux membres de mettre à jour leur profil et d’accéder à leur historique de commande. Gestion des abonnements : offrir des options d’abonnement pour les membres, avec des niveaux différents d’accès au contenu. Gestion des paiements : accepter les paiements des membres pour les abonnements et les produits liés au site. Forums de discussion : créer des forums de discussion pour permettre aux membres d’interagir entre eux. Les meilleurs plugins pour la gestion des membres et des abonnements Il existe de nombreux plugins pour la gestion des membres et des abonnements sur WordPress. Voici quelques-uns des meilleurs : MemberPress : un plugin qui permet de créer des sites d’adhésion puissants et faciles à utiliser avec des fonctionnalités de gestion des membres, des abonnements, et des paiements. Paid Memberships Pro : un plugin qui permet de créer des sites d’adhésion avec des niveaux d’adhésion différents, une gestion des paiements et des rapports détaillés. Restrict Content Pro : un plugin qui permet de contrôler l’accès au contenu en fonction des niveaux d’adhésion, avec une gestion des paiements et des abonnements. WooCommerce Memberships : un plugin qui permet de créer des sites d’adhésion avec WooCommerce, en offrant des fonctionnalités de gestion des membres, des abonnements et des paiements. Les outils pour créer des communautés membres interactives sur WordPress Pour créer une communauté en ligne active et engagée, vous avez besoin d’outils pour permettre aux membres d’interagir entre eux. Voici quelques-uns des meilleurs plugins pour créer des communautés membres interactives sur WordPress : BuddyPress : un plugin qui permet de créer un réseau social complet pour votre site d’adhésion, avec des fonctionnalités de messagerie, de profil utilisateur et de groupes de discussion. bbPress : un plugin qui permet de créer des forums de discussion pour votre site d’adhésion, en offrant des fonctionnalités de modération et de notification. Ultimate Member : un plugin qui permet de créer des pages de profil des membres personnalisées avec des fonctionnalités de messagerie, de notifications et d’abonnement aux groupes. WP Symposium Pro : un plugin qui permet de créer un réseau social pour votre site d’adhésion, avec des fonctionnalités de messagerie, de forums et d’événements. Les sites d’adhésion WordPress sont une excellente solution pour fournir du contenu exclusif à vos membres. Avec les fonctionnalités clés et les plugins de gestion de membres et d’abonnements, vous pouvez facilement créer et gérer des sites d’adhésion puissants. Les outils pour créer des communautés membres interactives sur WordPress permettent également de créer un environnement engageant et interactif pour vos membres. Explorez ces plugins et créez votre propre site d’adhésion WordPress dès aujourd’hui ! --- ### Les meilleurs plugins SEO pour WordPress URL: https://johnweb.fr/blog/seo/les-meilleurs-plugins-seo-pour-wordpress/ Les plugins SEO pour améliorer le référencement WordPress Le référencement naturel est un élément crucial du marketing en ligne et les propriétaires de sites web doivent optimiser leur contenu pour améliorer leur visibilité dans les résultats de recherche. Pour faciliter cette tâche, les plugins SEO pour WordPress sont des outils efficaces pour améliorer le référencement et augmenter la visibilité du site. Dans cet article, nous allons présenter les meilleurs plugins SEO pour WordPress. Yoast SEO : Le plugin incontournable pour optimiser les contenus Yoast SEO est le plugin de référencement le plus utilisé sur WordPress (> 5m de téléchargements). Il est facile à utiliser et offre une grande variété de fonctionnalités pour optimiser le contenu. Le plugin permet de vérifier la densité des mots-clés, la lisibilité du contenu, la méta-description, les titres, l’URL, les balises de titres et bien plus encore. Yoast SEO simplifie la tâche de l’optimisation de contenu pour les débutants et les titres des pages, ainsi que la méta-description, sont facilement personnalisables. All in One SEO Pack : Une alternative complète pour les besoins avancés All in One SEO Pack est un plugin de référencement robuste qui offre des fonctionnalités avancées pour améliorer le référencement. Ce plugin est spécialement conçu pour les propriétaires de sites qui ont besoin d’un contrôle plus précis sur les paramètres de référencement. All in One SEO Pack permet de configurer les titres et les descriptions des pages, de générer un sitemap XML, de configurer les paramètres de sécurité et de personnaliser les URL. Toutes ces fonctionnalités permettent une optimisation plus avancée du référencement. SEOPress : La solution optimale pour un référencement local et international SEOPress est un plugin de référencement pour WordPress qui offre une expérience utilisateur intuitive. Il est conçu pour les sites multilingues et est compatible avec WooCommerce. SEOPress permet de configurer les titres et les descriptions des pages, de générer un sitemap XML, de gérer les balises de titre, de personnaliser les URL, de mettre en place des redirections 301 et plus encore. Le plugin est également compatible avec Google Analytics et Google Tag Manager pour aider les utilisateurs à mieux suivre leurs résultats. SEO avec WordPress, la conclusion Les plugins SEO pour WordPress sont des outils précieux pour améliorer le référencement naturel d’un site web. Yoast SEO est le plugin de référencement le plus populaire, All in One SEO Pack est une alternative puissante pour les besoins avancés et SEOPress est la solution optimale pour les sites multilingues. Les propriétaires de sites web peuvent choisir le plugin qui correspond le mieux à leurs besoins pour améliorer leur visibilité en ligne. En tous les cas, il est fortement recommandé de se reposer sur l’une des solutions précitées pour optimiser le référencement naturel de votre site Internet. --- ### Les meilleurs plugins WordPress pour la sauvegarde automatique URL: https://johnweb.fr/blog/les-meilleurs-plugins-wordpress-pour-la-sauvegarde-automatique/ Les plugins WordPress pour sauvegarder automatiquement votre site WP Les plugins de sauvegarde automatique pour WordPress sont des outils essentiels pour protéger votre site web en cas de perte de données ou de défaillance du système. Ces plugins offrent des fonctionnalités avancées qui permettent de sauvegarder régulièrement votre site, de restaurer facilement des sauvegardes précédentes et de protéger vos données sensibles. Dans cet article, nous examinerons les meilleurs plugins WordPress pour la sauvegarde automatique et discuterons de leurs fonctionnalités essentielles et de leur comparaison. Les fonctionnalités essentielles des plugins de sauvegarde automatique Lorsque vous choisissez un plugin de sauvegarde automatique pour votre site WordPress, il est important de tenir compte de certaines fonctionnalités essentielles. Tout d’abord, la planification des sauvegardes est un aspect crucial. Recherchez un plugin qui vous permet de définir des horaires réguliers pour sauvegarder votre site, de préférence avec une option de sauvegarde automatique programmée. Deuxièmement, une bonne solution de sauvegarde doit offrir une option de sauvegarde complète, y compris les fichiers de base de données, les médias et les fichiers du thème et des plugins. Enfin, la facilité de restauration des sauvegardes est un critère important. Assurez-vous que le plugin permet une restauration simple et rapide des sauvegardes précédentes en cas de besoin. Comparaison des meilleurs plugins WordPress pour la sauvegarde automatique UpdraftPlus : UpdraftPlus est l’un des plugins de sauvegarde automatique les plus populaires et les mieux notés pour WordPress. Il offre des fonctionnalités avancées telles que la planification des sauvegardes, le stockage sur le cloud, la compression des sauvegardes et la possibilité de restaurer des sauvegardes spécifiques. Il est convivial, fiable et adapté aux débutants et aux utilisateurs avancés. BackupBuddy : BackupBuddy est un plugin de sauvegarde tout-en-un qui vous permet de sauvegarder facilement votre site WordPress. Il propose des options de planification des sauvegardes, de stockage sur le cloud, de migration de site et de restauration en un clic. BackupBuddy offre également un support complet pour vous aider en cas de problèmes ou de questions. VaultPress : VaultPress est un plugin de sauvegarde automatique développé par Automattic, la société mère de WordPress. Il offre une solution de sauvegarde complète, la possibilité de restaurer des sauvegardes spécifiques, la surveillance de la sécurité du site et la protection contre les attaques. Bien qu’il soit payant, VaultPress offre une tranquillité d’esprit et un support de qualité. Comment choisir LE plugin de sauvegarde automatique adapté à vos besoins ? Lors du choix d’un plugin de sauvegarde automatique pour votre site WordPress, il est crucial de prendre en compte vos besoins spécifiques. Évaluez vos exigences en termes de planification des sauvegardes, de stockage sur le cloud, de facilité d’utilisation et de support. Pensez également à votre budget, car certains plugins peuvent être gratuits, tandis que d’autres nécessitent un abonnement ou un paiement unique. Assurez-vous de lire les avis et les recommandations d’autres utilisateurs pour obtenir une idée claire de la performance et de la fiabilité du plugin. Enfin, n’hésitez pas à essayer différentes options pour trouver celle qui correspond le mieux à vos besoins et à votre site WordPress. En résumé : Les plugins de sauvegarde automatique sont des outils essentiels pour garantir la sécurité et la protection de votre site WordPress. En choisissant le bon plugin, vous pouvez sauvegarder régulièrement votre site, restaurer facilement des sauvegardes précédentes et être prêt à faire face à toute situation imprévue. N’oubliez pas d’évaluer les fonctionnalités essentielles telles que la planification des sauvegardes, la sauvegarde complète et la facilité de restauration, et de comparer les meilleurs plugins disponibles, tels que UpdraftPlus, BackupBuddy et VaultPress. Avec un choix judicieux, vous pouvez avoir l’assurance que votre site WordPress est sécurisé et protégé. --- ### Les meilleurs thèmes WordPress pour un site e-commerce URL: https://johnweb.fr/blog/wordpress/woocommerce/les-meilleurs-themes-wordpress-pour-un-site-e-commerce/ Quel thème WordPress pour créer un site e-commerce ? Les thèmes WordPress peuvent être une solution idéale pour créer un site e-commerce efficace, car ils offrent une grande variété de fonctionnalités et de designs. Pourtant, choisir le bon thème peut être un défi, car cela peut déterminer la convivialité et la performance de votre site. Dans cet article, nous allons examiner les critères de choix d’un thème pour un site e-commerce et vous présenter trois des meilleurs thèmes WordPress pour un site de commerce en ligne. Les critères de choix d’un thème pour un site e-commerce Lorsque vous choisissez un thème WordPress pour votre site e-commerce, il est important de prendre en compte plusieurs critères, notamment : La compatibilité avec les plugins de commerce électronique, tels que WooCommerce. La convivialité et la facilité de personnalisation. La qualité du design et de la mise en page pour une expérience utilisateur optimale. La responsivité, c’est-à-dire la capacité du thème à s’adapter aux différents appareils (smartphones, tablettes, ordinateurs, etc.). La rapidité de chargement et la performance globale du site. Thème 1 : Divi, le thème polyvalent pour e-commerce Divi est l’un des thèmes WordPress les plus populaires pour un site e-commerce, car il offre une grande flexibilité et une personnalisation facile. Il est compatible avec WooCommerce et comprend de nombreux modules et fonctionnalités pour les pages produits, les pages panier, les pages paiement, etc. De plus, il est livré avec un générateur de pages glisser-déposer, ce qui facilite la création de pages personnalisées. Toutefois selon moi… c’est loin d’être la solution la plus efficiente : Divi est une solution idéale pour débutants, mais pour les initiés, je recommande vivement d’autres thèmes plus qualitatifs. Thème 2 : Flatsome, pour une expérience utilisateur optimale Flatsome est un thème WordPress optimisé pour les sites de commerce électronique, avec une mise en page soignée et une expérience utilisateur optimale. Il est compatible avec WooCommerce et comprend des fonctionnalités telles que les mises en page de produit personnalisées et les options de zoom sur les images. En outre, il est livré avec un générateur de pages personnalisé et des options de personnalisation étendues. Thème 3 : Astra, le thème léger et performant pour e-commerce Astra est un thème WordPress léger et performant, idéal pour les sites e-commerce qui souhaitent offrir une expérience utilisateur rapide et réactive. Il est compatible avec WooCommerce et offre une personnalisation facile grâce à son éditeur de thème en direct. De plus, il est livré avec des mises en page de produit personnalisées et des modèles de page de produit pré-construits. Les thèmes WordPress pour faire un site e-commerce, un choix crucial En fin de compte, le choix d’un thème WordPress pour votre site e-commerce peut être crucial pour votre entreprise. Il est important de prendre en compte les critères de choix énumérés ci-dessus et de choisir un thème qui offre une expérience utilisateur optimale, une personnalisation facile, une compatibilité avec WooCommerce et une performance globale rapide. En utilisant l’un des trois thèmes que nous avons présentés, vous pouvez être sûr de créer un site e-commerce efficace et réussi. --- ### llms.txt et llms-full.txt : rendre votre site WordPress lisible par les LLMs URL: https://johnweb.fr/blog/seo/llms-txt-et-llms-full-txt-rendre-votre-site-wordpress-lisible-par-les-llms/ Le Web s’adapte encore — et cette fois c’est pour les IA Il y a eu robots.txt pour dire aux crawlers des moteurs de recherche ce qu’ils pouvaient indexer. Il y a eu sitemap.xml pour leur cartographier l’architecture du site. Et depuis septembre 2024, il y a llms.txt — un nouveau fichier standard proposé par Jeremy Howard, co-fondateur d’Answer.AI, pour guider les grands modèles de langage vers les contenus les plus pertinents d’un site Web. La proposition est simple, élégante, et s’inscrit dans une évolution inévitable : les sites Web ne sont plus visités uniquement par des humains et des crawlers de moteurs de recherche. Ils sont de plus en plus interrogés, résumés et cités par des LLMs — et ces derniers ont des contraintes très différentes de celles de Googlebot. Pourquoi les LLMs ont besoin d’un fichier dédié Pour comprendre l’utilité de llms.txt, il faut comprendre comment les LLMs accèdent au Web — et en quoi c’est fondamentalement différent d’un moteur de recherche classique. Un crawler comme Googlebot indexe méthodiquement l’ensemble du site, stocke les contenus pour une utilisation future, et suit scrupuleusement les instructions de robots.txt. Un LLM fonctionne différemment : il accède au contenu à la demande, au moment précis où un utilisateur pose une question. Il n’a pas de mémoire persistante entre les sessions, il travaille avec des fenêtres de contexte limitées, et il a beaucoup de mal à extraire l’information utile d’une page HTML chargée de balises de navigation, de scripts JavaScript, de publicités et d’éléments décoratifs. C’est le problème central que llms.txt tente de résoudre : donner aux LLMs un point d’entrée propre et structuré vers les contenus prioritaires d’un site, sans les obliger à parser du HTML complexe pour en extraire la substance. Comme le formule Jeremy Howard lui-même dans sa proposition originale : « Les auteurs du site savent mieux que quiconque quel contenu un LLM devrait utiliser. » Cette phrase résume parfaitement la philosophie du standard. La structure de llms.txt : simple par design Le fichier llms.txt est un fichier Markdown placé à la racine du domaine — yourdomain.com/llms.txt — et accessible publiquement. Sa structure suit un format précis et délibérément minimaliste, défini par la spécification officielle disponible sur llmstxt.org. Les sections obligatoires et optionnelles Le fichier commence par un H1 avec le nom du projet ou du site — c’est la seule section strictement obligatoire. Suit immédiatement un blockquote contenant un résumé concis du site ou du projet, avec les informations clés nécessaires pour comprendre le reste du fichier. Viennent ensuite zéro ou plusieurs sections Markdown libres — paragraphes, listes — contenant des informations contextuelles complémentaires. Puis des sections H2 qui regroupent des liens vers les contenus prioritaires, chaque lien suivant le format [Titre de la page](URL): Description courte de la ressource. Une section « Optional » peut regrouper les ressources secondaires — moins critiques mais potentiellement utiles. Un exemple concret pour JohnWeb.fr : # JohnWeb.fr > Jonathan LUSY — Développeur Web Senior et Chef de projet WordPress basé à Lyon. 15 ans d'expérience en développement WordPress sur mesure, SEO technique et intégration IA. Jonathan est un développeur autodidacte issu d'une formation en arts appliqués et d'une quinzaine d'années en prépresse. Il développe des plugins WordPress sur mesure, des architectures WooCommerce complexes et intègre des agents IA dans des projets Web en production. ## À propos - [Parcours et expertise](https://johnweb.fr/a-propos/): Profil complet, compétences et philosophie de travail ## Portfolio - [La Talemelerie](https://johnweb.fr/portfolio/la-talemelerie/): E-commerce Click & Collect multiboutique avec connexion ERP - [Duqueine Motorsport](https://johnweb.fr/portfolio/duqueine/): Catalogue B2B 4000 produits via tables custom, synchronisation ERP Open SI ## Blog - [GEO — Generative Engine Optimization](https://johnweb.fr/blog/geo/): Guide complet sur l'optimisation pour les moteurs génératifs - [Connecter WordPress à un agent IA](https://johnweb.fr/blog/wordpress-agent-ia/): Retour d'expérience sur l'intégration d'APIs IA dans WordPress ## Optional - [Contact](https://johnweb.fr/contact/): Formulaire de contact et informations professionnelles llms-full.txt : la version exhaustive pour un contexte complet La spécification llms.txt introduit une variante complémentaire et plus ambitieuse : le fichier llms-full.txt, accessible à yourdomain.com/llms-full.txt. Là où llms.txt est un fichier de navigation — une liste de liens curatés avec descriptions — llms-full.txt est un fichier de contenu exhaustif : l’intégralité de la documentation ou du contenu du site, aplatie en un seul fichier Markdown massif, directement ingérable par un LLM sans aucune requête supplémentaire. La différence concrète entre les deux fichiers llms.txt dit : « Voici les pages les plus importantes de mon site, avec leur URL et une description — va les lire si tu en as besoin. » C’est une table des matières intelligente. llms-full.txt dit : « Voici l’intégralité de mon contenu, déjà extrait et formaté pour toi — pas besoin d’aller chercher ailleurs. » C’est une encyclopédie complète du site en un seul fichier. L’avantage de llms-full.txt est immédiat pour les outils comme Cursor, Claude ou ChatGPT : en fournissant l’URL du llms-full.txt directement dans le contexte d’une session, on donne instantanément au LLM un accès complet à toute la documentation sans avoir à copier-coller des dizaines de pages séparément. Anthropic a d’ailleurs explicitement demandé à Mintlify de générer des fichiers llms.txt et llms-full.txt pour sa propre documentation — ce qui donne une idée du sérieux avec lequel les acteurs majeurs de l’IA considèrent ce standard. Quand privilégier llms-full.txt ? llms-full.txt est particulièrement précieux pour les sites de documentation technique — librairies, frameworks, APIs — où un développeur veut donner à son assistant IA un contexte complet sur un projet spécifique. Pour un site WordPress de contenu comme un blog ou un portfolio, llms.txt seul est généralement suffisant. En revanche, pour un plugin WordPress documenté, un thème avec une documentation d’utilisation ou une API interne, llms-full.txt apporte une valeur ajoutée significative. llms.txt vs robots.txt vs sitemap.xml : les différences fondamentales Il est tentant de confondre ces trois fichiers — ils sont tous à la racine du domaine, ils gouvernent tous l’accès au contenu. Mais leurs logiques sont radicalement différentes. robots.txt est une liste d’interdictions et d’autorisations de crawl — il dit aux bots ce qu’ils peuvent et ne peuvent pas indexer. sitemap.xml est une carte exhaustive du site — il liste toutes les URLs indexables pour faciliter leur découverte par les moteurs de recherche. llms.txt est une curation éditoriale — il ne liste pas tout le site, il sélectionne les contenus les plus pertinents et les présente dans un format optimisé pour la compréhension par les LLMs. La nuance est importante : llms.txt n’est pas un outil de contrôle d’accès comme robots.txt. Il ne bloque rien, n’interdit rien. C’est une invitation bien organisée, pas un règlement intérieur. L’état d’adoption en 2026 : prometteur mais encore en construction Depuis sa proposition en septembre 2024, llms.txt a connu une adoption significative dans la communauté des développeurs et des équipes SEO — mais son statut reste celui d’un standard proposé, pas encore d’un standard officiellement ratifié. Des acteurs majeurs l’ont adopté : Anthropic, Stripe, Windsurf, Bolt.new et de nombreux projets open source ont implémenté llms.txt pour leur documentation. Google a inclus llms.txt dans son protocole expérimental Agents to Agents (A2A), signalant un intérêt institutionnel. Yoast SEO a intégré la génération automatique de llms.txt dans son plugin — avec régénération hebdomadaire via WordPress cron — ce qui va significativement accélérer l’adoption sur l’écosystème WordPress. La principale nuance à garder à l’esprit : les LLMs actuels ne découvrent pas automatiquement le fichier llms.txt d’un site — contrairement à Googlebot qui découvre robots.txt de façon proactive. Le fichier est utile lorsqu’un LLM est utilisé dans un mode RAG (Retrieval-Augmented Generation) où il va chercher des informations en temps réel, ou lorsqu’un utilisateur fournit explicitement l’URL llms.txt comme contexte. Cette limitation est réelle — et honnêteté oblige, elle tempère les promesses les plus enthousiastes du standard. Implémenter llms.txt sur WordPress : les options disponibles Sur WordPress, plusieurs approches sont disponibles selon le niveau de contrôle souhaité. La voie manuelle : simple et complète Créer le fichier llms.txt manuellement en Markdown et le placer à la racine du répertoire public via FTP ou SSH. C’est l’approche la plus rapide pour un site avec peu de contenu — comptez 20 à 30 minutes pour un premier fichier bien structuré. L’inconvénient est la maintenance : le fichier ne se met pas à jour automatiquement quand on publie de nouveaux contenus. Via Yoast SEO Yoast SEO intègre désormais la génération automatique de llms.txt directement dans ses réglages. En activant l’option, le plugin génère et maintient automatiquement le fichier, avec régénération hebdomadaire via WordPress cron. C’est la solution la plus accessible pour la majorité des sites WordPress — zéro code, maintenance automatique. Via un plugin dédié ou du code custom Pour les développeurs qui veulent un contrôle total sur le contenu du fichier — sélection manuelle des URLs, descriptions personnalisées, structure sur mesure — un plugin dédié ou quelques lignes de code dans un plugin fonctionnel WordPress peuvent générer dynamiquement le fichier via un endpoint custom. C’est l’approche que je recommande sur les projets complexes où la curation éditoriale est importante. Faut-il implémenter llms.txt dès maintenant ? La question mérite une réponse honnête plutôt qu’un enthousiasme de façade. Oui, si votre site cible des développeurs ou des profils tech qui utilisent des assistants IA au quotidien — c’est votre audience naturelle et llms.txt est quasi incontournable dans ce contexte. Oui également si vous avez une documentation technique, un plugin, un thème ou une API à référencer. Et oui si vous souhaitez vous positionner en avance sur une pratique qui va vraisemblablement se généraliser dans les 12 à 24 mois à venir. Nuancez si votre site est un blog de contenu généraliste sans audience tech — le bénéfice immédiat est plus modeste, même si le coût d’implémentation est lui aussi très faible. En résumé : l’implémentation prend moins d’une heure, elle n’a aucun effet négatif documenté, et son potentiel de bénéfice augmente à mesure que les moteurs génératifs gagnent en importance. C’est précisément le type de pari que les développeurs sérieux font d’habitude sans trop hésiter. Vous voulez implémenter un fichier llms.txt et un fichier llms_full.txt sur votre site WordPress ? C’est cadeau, téléchargez le plugin John Web llms.txt generator : Télécharger John Web llms.txt generator --- ### Log files et crawl budget WordPress : analyser le comportement de Googlebot URL: https://johnweb.fr/blog/seo/log-files-et-crawl-budget-wordpress-analyser-le-comportement-de-googlebot/ Qu’est-ce que le crawl budget et pourquoi ça compte Le crawl budget désigne le nombre de pages que Googlebot est prêt à crawler sur votre site dans un laps de temps donné. Sur les petits sites bien optimisés, ce n’est généralement pas une préoccupation — Google crawle l’ensemble du site sans difficulté. Mais sur les sites WordPress de taille importante — plusieurs milliers de pages, nombreuses URLs paramétriques, sites e-commerce avec des filtres dynamiques — le crawl budget devient un enjeu SEO réel. Si Googlebot « gaspille » son crawl budget sur des URLs de faible valeur (pages de pagination, URLs avec paramètres, pages en doublon), les pages importantes peuvent être crawlées moins fréquemment ou pas du tout. Les fichiers de logs serveur sont le seul outil qui permet de voir exactement quelles URLs Googlebot a crawlées, à quelle fréquence et avec quels codes de réponse. Localiser et accéder aux fichiers de logs Sur un serveur Apache, les logs d’accès sont généralement dans /var/log/apache2/access.log ou dans le dossier de logs du virtual host. Sur Nginx, ils se trouvent dans /var/log/nginx/access.log. Sur un hébergement mutualisé, les logs sont souvent accessibles via le panneau de contrôle (cPanel, Plesk) ou sur demande à l’hébergeur. Chaque ligne de log contient : l’IP du robot, la date et l’heure, la méthode HTTP, l’URL crawlée, le code de réponse HTTP, et le user agent — c’est ce dernier qui permet d’identifier Googlebot (Googlebot/2.1). Analyser les logs : outils et méthodes Screaming Frog Log File Analyser est l’outil le plus accessible pour l’analyse de logs SEO — il parse les fichiers de logs et produit des rapports structurés sur les URLs crawlées par chaque bot. Pour les volumes importants, des solutions comme ELK Stack (Elasticsearch, Logstash, Kibana) ou GoAccess offrent des capacités d’analyse plus puissantes. Pour une analyse ponctuelle sur un fichier de log de taille raisonnable, un simple grep en ligne de commande peut suffire : grep "Googlebot" access.log | awk '{print $7}' | sort | uniq -c | sort -rn | head -50 Cette commande extrait les 50 URLs les plus crawlées par Googlebot sur la période couverte par le fichier de log. Ce que révèle l’analyse des logs sur WordPress Sur un site WordPress typique, l’analyse des logs révèle généralement plusieurs catégories d’URLs que Googlebot crawle sans que cela soit souhaitable. Les URLs paramétriques inutiles Les URLs de type /?s= (résultats de recherche), /?page_id=, ou les filtres WooCommerce comme ?orderby=price&min_price=10 génèrent souvent des milliers d’URLs uniques que Googlebot tente de crawler. Ces pages ont rarement de la valeur SEO et gaspillent le crawl budget. La solution est de les bloquer via robots.txt pour les URLs paramétriques sans valeur, et via la balise meta robots noindex pour les pages de faible valeur qui doivent rester accessibles aux utilisateurs. Les ressources statiques Googlebot crawle parfois les fichiers CSS, JS et images — une pratique normale mais qui peut représenter un volume significatif. Vérifier que ces ressources ne sont pas bloquées dans robots.txt (ce qui empêcherait Google de les analyser pour le rendu) mais qu’elles sont correctement cachées côté serveur pour minimiser leur impact. Optimiser le crawl budget sur WordPress Les actions concrètes pour optimiser le crawl budget d’un site WordPress sont bien documentées : configurer correctement le fichier robots.txt pour bloquer les URLs sans valeur SEO, implémenter des canonical tags sur les pages en doublon, utiliser la pagination rel= »next/prev » ou Infinite Scroll selon l’architecture choisie, réduire les codes 404 et les redirections en chaîne qui consomment du budget pour rien, et s’assurer que le sitemap XML ne contient que des URLs canoniques indexables. La Google Search Console, section « Indexation », donne une vision complémentaire des URLs découvertes et de leur statut d’indexation — à croiser avec les données de logs pour un diagnostic complet. --- ### Maillage interne WordPress : la stratégie SEO la plus négligée qui change tout URL: https://johnweb.fr/blog/seo/maillage-interne-wordpress-la-strategie-seo-la-plus-negligee-qui-change-tout/ Pourquoi le maillage interne est stratégique pour le SEO Le maillage interne désigne l’ensemble des liens hypertextes qui relient les pages d’un même site entre elles. C’est l’un des leviers SEO les plus puissants et les moins coûteux disponibles — et pourtant il est systématiquement sous-exploité. Un maillage interne bien construit remplit trois fonctions essentielles : il facilite le crawl et l’indexation des pages par Googlebot, il distribue le PageRank interne vers les pages stratégiques, et il améliore l’expérience utilisateur en guidant naturellement le visiteur vers les contenus les plus pertinents. Sur WordPress en particulier, l’architecture du maillage interne peut être travaillée avec une précision chirurgicale. Comprendre la distribution du PageRank interne Le PageRank — même dans sa version contemporaine — circule entre les pages via les liens. Chaque lien interne transfère une portion de l’autorité de la page source vers la page destination. La page d’accueil est généralement la page la mieux dotée en autorité d’un site ; c’est depuis elle que le PageRank se redistribue dans l’arborescence. Un lien depuis la page d’accueil vers une page profonde lui confère davantage d’autorité qu’un lien depuis une page rarement visitée et peu liée. L’enjeu est donc de concentrer les liens internes vers les pages que l’on souhaite positionner en priorité. La profondeur de clic : un signal à ne pas négliger La profondeur de clic — le nombre de clics nécessaires pour atteindre une page depuis la page d’accueil — est corrélée à l’importance accordée à cette page par Google. Une page accessible en un clic depuis l’accueil est jugée plus importante qu’une page accessible en cinq clics. L’objectif est de maintenir les pages stratégiques à une profondeur maximale de 3 clics depuis l’accueil, et d’aplatir l’arborescence des pages les plus importantes. Les structures de maillage interne Plusieurs architectures de maillage interne existent, chacune adaptée à des types de sites différents. L’architecture en silo organise le contenu en thématiques étanches — chaque silo regroupe des pages sur un même sujet, liées entre elles mais peu liées aux autres silos. Cette structure renforce la pertinence thématique de chaque silo aux yeux de Google. Le cocon sémantique, popularisé par Laurent Bourrelly, pousse cette logique encore plus loin en créant une architecture de liens internes qui guide méthodiquement le PageRank vers les pages cibles, via des pages satellites de support. Choisir son architecture selon le projet Pour un site WordPress de contenu (blog, magazine), une architecture en silo thématique est généralement la plus efficace — les catégories WordPress jouent naturellement le rôle de piliers de silo, à condition d’être bien maillées avec les articles qui les composent. Pour un site e-commerce WooCommerce, la structure de navigation par catégories et sous-catégories doit être renforcée par des liens croisés entre produits complémentaires et entre fiches produits et articles de blog associés. Mettre en pratique le maillage interne sur WordPress La mise en pratique commence par un audit de l’existant avec des outils comme Screaming Frog ou Ahrefs Site Audit pour visualiser la structure de liens actuels et identifier les pages orphelines — les pages sans aucun lien interne entrant. Ces pages orphelines ne peuvent pas être trouvées par Googlebot via le crawl et risquent de ne pas être indexées. Ensuite, définir les pages piliers — les pages les plus stratégiques sur lesquelles concentrer l’autorité — et construire un plan de liens internes qui les favorise. Les éléments de maillage sur WordPress Sur WordPress, le maillage interne s’articule autour de plusieurs éléments : les liens dans le contenu éditorial (les plus précieux car contextuels), les blocs de contenus recommandés en fin d’article, les widgets de sidebar, les menus de navigation, les fils d’Ariane (Breadcrumb), et les liens dans les mégamenus. Chacun contribue différemment au maillage global — les liens contextuels dans le contenu ont le plus de poids, les liens de navigation ont moins de poids individuel mais bénéficient à toutes les pages. Les erreurs de maillage interne à éviter Les erreurs les plus fréquentes : utiliser des ancres génériques comme « cliquez ici » ou « en savoir plus » au lieu d’ancres descriptives et riches en mots-clés. Créer trop de liens internes sur une même page — au-delà d’une certaine densité, la valeur transmise par chaque lien diminue. Négliger les pages de catégories WordPress qui sont souvent de véritables pages piliers sous-optimisées. Et surtout, construire un maillage artificiel et forcé plutôt qu’un maillage naturel qui apporte une réelle valeur à l’utilisateur — Google est de plus en plus habile à distinguer les deux. --- ### Migration d’un site statique vers WordPress: Guide technique URL: https://johnweb.fr/blog/wordpress/migration-dun-site-statique-vers-wordpress-guide-technique/ Migration d’un site statique vers WordPress : le guide technique La migration d’un site statique vers WordPress peut offrir de nombreux avantages, notamment une meilleure gestion du contenu, des fonctionnalités étendues et une mise en page plus flexible. Cependant, le processus de migration peut être complexe et nécessite une approche méthodique. Dans cet article, nous vous guiderons à travers les étapes clés pour migrer avec succès votre site statique vers WordPress. Analyse du site statique existant Avant de commencer le processus de migration vers WordPress, il est essentiel d’analyser le site statique existant pour comprendre sa structure, ses fonctionnalités et son contenu. Cela vous aidera à déterminer les éléments à migrer et à planifier votre stratégie de migration. Commencez par examiner les fichiers du site statique, y compris les fichiers HTML, CSS et JavaScript. Identifiez les éléments récurrents tels que l’en-tête, le pied de page et les modèles de page. Prenez note des fonctionnalités spécifiques telles que les formulaires de contact ou les galeries d’images. Ensuite, analysez le contenu du site statique. Vérifiez les pages, les articles de blog et les médias intégrés. Faites une liste des pages et des articles qui doivent être migrés vers WordPress. Préparation de l’environnement WordPress Une fois que vous avez analysé le site statique existant, il est temps de préparer l’environnement WordPress pour la migration. Commencez par installer WordPress sur votre serveur ou utilisez un service d’hébergement qui propose WordPress pré-installé. Ensuite, configurez les paramètres de base de WordPress, tels que le titre du site, la langue et les permaliens. Installez les plugins nécessaires pour les fonctionnalités spécifiques que vous souhaitez ajouter à votre site WordPress. Si votre site statique utilise un thème personnalisé, vous devrez peut-être le convertir en un thème WordPress. Cela peut nécessiter des connaissances avancées en développement WordPress. Si vous préférez utiliser un thème existant, choisissez-en un qui correspond à l’apparence générale de votre site statique. Migration des fichiers et contenus du site Maintenant que votre environnement WordPress est prêt, il est temps de migrer les fichiers et les contenus de votre site statique vers WordPress. Commencez par transférer les fichiers du site statique vers le répertoire correspondant dans votre installation WordPress. Ensuite, importez le contenu du site statique dans WordPress. Vous pouvez utiliser des plugins tels que Static Pages ou FG Joomla to WordPress pour importer les pages HTML ou les articles de blog respectivement. Après avoir importé les pages et les articles, assurez-vous de vérifier les liens internes et externes pour vous assurer qu’ils fonctionnent correctement. Effectuez également une vérification des médias intégrés pour vous assurer qu’ils sont correctement importés, et pensez bien à optimiser vos images. Configuration et tests post-migration Une fois que vous avez migré les fichiers et les contenus, vous devrez configurer votre site WordPress pour qu’il corresponde à votre site statique d’origine. Cela peut inclure la configuration des menus, des widgets, des formulaires de contact et d’autres fonctionnalités spécifiques. Après avoir configuré votre site, effectuez des tests approfondis pour vous assurer que tout fonctionne comme prévu. Vérifiez les pages, les articles de blog, les fonctionnalités et les formulaires de contact pour vous assurer qu’ils fonctionnent correctement. Effectuez également des tests de performance pour vous assurer que votre site WordPress est rapide et réactif. Optimisez les images, activez la mise en cache et utilisez des plugins de performances pour améliorer la vitesse de chargement de votre site. La migration d’un site statique vers WordPress peut être un processus complexe, mais en suivant les étapes décrites dans ce guide technique, vous pourrez réaliser cette transition avec succès. N’oubliez pas d’analyser votre site statique, de préparer l’environnement WordPress, de migrer les fichiers et les contenus, puis de configurer et de tester votre site post-migration. Une fois que votre site a été migré avec succès, vous pourrez profiter des avantages d’un CMS robuste et flexible tel que WordPress. Vous pourrez gérer facilement votre contenu, ajouter de nouvelles fonctionnalités et personnaliser l’apparence de votre site. N’hésitez pas à solliciter des professionnels si vous rencontrez des difficultés lors de la migration. Bonne chance dans votre migration vers WordPress ! --- ### Optimisation d’images sur WordPress : les bonnes pratiques URL: https://johnweb.fr/blog/seo/optimisation-dimages-sur-wordpress-les-bonnes-pratiques/ L’optimisation d’images sur WordPress, comment ça marche ? L’optimisation d’images est essentielle pour améliorer les performances de votre site WordPress. Les images sont souvent les fichiers les plus lourds sur un site (sans compter les vidéos bien évidemment), et leur optimisation peut réduire considérablement le temps de chargement des pages, améliorer l’expérience utilisateur et augmenter le référencement naturel. Dans cet article, nous allons explorer les avantages de l’optimisation d’images, les outils disponibles pour WordPress, les meilleures pratiques et comment compresser les images sur WordPress. Les avantages de l’optimisation d’images L’optimisation d’images a de nombreux avantages pour votre site WordPress. Tout d’abord, elle réduit considérablement le temps de chargement des pages, ce qui améliore l’expérience utilisateur et augmente le taux de conversion. Les utilisateurs sont de plus en plus impatients et ne tolèrent pas les sites qui prennent trop de temps à charger. De plus, les images optimisées prennent moins d’espace de stockage sur votre serveur, ce qui réduit les coûts d’hébergement. En outre, les images optimisées peuvent améliorer le référencement naturel de votre site WordPress. Google prend en compte la vitesse de chargement des pages dans son algorithme de classement, et les sites plus rapides ont tendance à être mieux classés. De plus, les images optimisées avec des balises alt et des descriptions pertinentes peuvent améliorer la visibilité de votre site dans les résultats de recherche d’images. Les outils d’optimisation d’images pour WordPress Il existe de nombreux outils d’optimisation d’images pour WordPress, qui peuvent aider à réduire la taille des fichiers images sans perdre en qualité. Certains des outils les plus populaires incluent: WP Smush : un plugin qui compresse automatiquement toutes les images téléchargées sur votre site. Shortpixel Image Optimizer : un plugin qui compresse les images et les convertit automatiquement en un format plus léger. Imagify : un plugin qui compresse les images sans perdre en qualité. Jetpack : un plugin qui convertit vos images au format .webp et le stocke sur un cdn. Les meilleures pratiques pour l’optimisation d’images Il existe plusieurs meilleures pratiques à suivre pour l’optimisation d’images sur WordPress. Tout d’abord, choisissez le bon format d’image pour chaque situation. Les images JPEG sont idéales pour les photos, tandis que les images PNG sont idéales pour les graphiques avec des zones transparentes. Les images GIF sont idéales pour les animations, tandis que les images SVG sont idéales pour les graphiques vectoriels. Mais aujourd’hui le format d’images à privilégier est sans conteste le format .webp, un format d’images qui peut tout aussi bien gérer des images avec fond transparent (comme le .png) ou sans fond transparent (comme le .jpg). Prenez soin d’utiliser des images de la taille correcte. Ne téléchargez pas des images plus grandes que ce dont vous avez besoin sur votre site, car cela peut ralentir le temps de chargement des pages. Par exemple, il n’est pas du tout utile de téléverser des images de 4000 x 3000 pixels sur votre site Web, car la grande majorité des internautes — pour ne pas dire la quasi totalité — ne dispose pas d’un écran suffisamment grand pour les consulter à échelle 1. Enfin, utilisez des balises alt et des descriptions pertinentes pour aider à améliorer le référencement naturel de votre site. Comment compresser les images sur WordPress La compression d’images est un moyen efficace de réduire la taille des fichiers images sur votre site WordPress. WP Smush, Shortpixel Image Optimizer et Imagify ou Jetpack sont tous des plugins populaires qui peuvent compresser les images automatiquement. Cependant, si vous préférez utiliser un outil hors ligne, vous pouvez utiliser des programmes tels que Adobe Photoshop ou GIMP pour compresser les images avant de les télécharger sur votre site. L’importance de l’optimisation d’images pour les performances de votre site L’optimisation d’images est essentielle pour améliorer les performances de votre site WordPress. En réduisant le temps de chargement des pages, en améliorant l’expérience utilisateur et en augmentant le référencement naturel, vous pouvez améliorer votre taux de conversion et votre visibilité en ligne. En suivant ces bonnes pratiques et en utilisant des outils d’optimisation d’images, vous pouvez garantir que votre site fonctionne de manière optimale et offre une expérience utilisateur exceptionnelle. --- ### Optimisation de la base de données WordPress : les bonnes pratiques URL: https://johnweb.fr/blog/wordpress/optimisation-de-la-base-de-donnees-wordpress-bonnes-pratiques/ Optimiser la base de données de votre site WP L’optimisation de la base de données WordPress est essentielle pour garantir des performances optimales et maintenir la vitesse de chargement de votre site. Une base de données mal optimisée peut entraîner des temps de réponse lents, une consommation excessive des ressources du serveur et une expérience utilisateur médiocre. Dans cet article, nous examinerons les meilleures pratiques pour analyser les performances actuelles de votre base de données WordPress et les stratégies d’optimisation à mettre en œuvre. Analyse des performances actuelles Avant de commencer à optimiser votre base de données WordPress, il est important de comprendre les performances actuelles de celle-ci. Vous pouvez utiliser des outils de surveillance tels que Query Monitor ou WP Performance Profiler pour obtenir des informations détaillées sur les requêtes effectuées par votre site. Analysez les requêtes lentes ou fréquentes qui pourraient ralentir votre site. Identifiez également les plugins ou thèmes qui pourraient avoir un impact négatif sur les performances de la base de données. Une autre étape importante de l’analyse des performances est d’évaluer la taille de votre base de données. Vérifiez si des tables inutiles ou obsolètes sont présentes et supprimez-les si nécessaire. Vous pouvez également vérifier si certaines tables sont volumineuses et nécessitent une optimisation supplémentaire. Utilisez des outils tels que phpMyAdmin ou Adminer pour visualiser et gérer votre base de données. Stratégies d’optimisation de la base de données Une fois que vous avez analysé les performances actuelles de votre base de données WordPress, vous pouvez mettre en œuvre des stratégies d’optimisation efficaces. Voici quelques-unes des meilleures pratiques à suivre : Effectuez des sauvegardes régulières de votre base de données : Avant d’apporter des modifications à votre base de données, assurez-vous de toujours effectuer une sauvegarde complète. Cela vous permettra de restaurer facilement votre site en cas de problème. Nettoyez les tables de la base de données : Supprimez les enregistrements inutiles ou obsolètes de votre base de données. Vous pouvez utiliser des plugins tels que WP-Sweep pour nettoyer automatiquement les tables et optimiser les performances. Optimisez les requêtes : Identifiez les requêtes lentes ou fréquentes et optimisez-les en ajoutant des index appropriés ou en réécrivant les requêtes pour améliorer les performances. Vous pouvez utiliser des plugins tels que Query Monitor ou Query Monitor Extension pour identifier les requêtes problématiques. En suivant ces meilleures pratiques d’optimisation de la base de données WordPress, vous pouvez améliorer les performances de votre site et offrir une expérience utilisateur optimale. N’oubliez pas de surveiller régulièrement les performances de votre base de données et d’apporter des ajustements si nécessaire. Gardez également à l’esprit que l’optimisation de la base de données est un processus continu et que vous devrez la maintenir régulièrement pour garantir des performances optimales à long terme. --- ### Optimisation des permaliens dans WordPress : le guide technique URL: https://johnweb.fr/blog/seo/optimisation-des-permaliens-dans-wordpress-le-guide-technique/ Optimisation des permaliens dans WordPress : guide technique L’optimisation des permaliens dans WordPress est un élément crucial pour améliorer le référencement naturel de votre site web. Les permaliens, également appelés URL conviviales, sont les adresses des pages de votre site WP. Dans cet article, nous vous présenterons les bases de l’optimisation des permaliens dans WordPress, en vous expliquant les différentes structures de permaliens et en vous fournissant des conseils pratiques pour les optimiser. Nous aborderons également des astuces avancées pour une optimisation des permaliens efficace. Comprendre les structures de permaliens dans WordPress Les structures de permaliens dans WordPress déterminent comment les adresses de vos articles et pages sont créées. Par défaut, WordPress utilise une structure de permalien basée sur l’ID de l’article, ce qui n’est pas idéal du point de vue du référencement naturel. Heureusement, WordPress offre plusieurs options pour personnaliser ces structures. Vous pouvez choisir d’inclure le titre de l’article, la catégorie, la date ou d’autres variables dans vos permaliens. Il est important de choisir une structure de permalien qui soit à la fois conviviale pour les utilisateurs et optimisée pour les moteurs de recherche. Les meilleures pratiques pour optimiser les permaliens Voici quelques bonnes pratiques à suivre pour optimiser les permaliens dans WordPress : Utilisez des mots-clés pertinents : incluez des mots-clés importants dans vos permaliens pour aider les moteurs de recherche à comprendre le contenu de vos articles. Évitez les « mots vides » : supprimez les mots vides tels que « et », « le », « de », etc. des permaliens, car ils peuvent alourdir l’URL et rendre difficile la lecture pour les utilisateurs et les moteurs de recherche. Utilisez des tirets au lieu d’espaces : pour séparer les mots dans vos permaliens, utilisez des tirets plutôt que des espaces. Cela rendra vos URL plus lisibles et compréhensibles. Astuces avancées pour une optimisation des permaliens efficace Pour une optimisation des permaliens encore plus efficace, voici quelques astuces avancées à prendre en compte : Personnalisez votre structure de permalien : utilisez les variables disponibles dans WordPress pour créer une structure de permalien unique et descriptive. Redirigez les anciennes URL : si vous changez la structure de vos permaliens, assurez-vous de mettre en place des redirections 301 pour rediriger les anciennes adresses vers les nouvelles. Cela évitera les erreurs 404 et préservera le référencement de vos pages. Utilisez des plugins d’optimisation des permaliens : il existe de nombreux plugins disponibles dans WordPress qui peuvent vous aider à optimiser vos permaliens de manière avancée. Faites des recherches et choisissez celui qui convient le mieux à vos besoins. Optimiser les permaliens dans WordPress est essentiel pour améliorer la visibilité de votre site web sur les moteurs de recherche. En comprenant les structures de permaliens, en suivant les meilleures pratiques et en utilisant des astuces avancées, vous pouvez créer des URL conviviales et optimisées qui favoriseront un meilleur référencement. Prenez le temps d’optimiser vos permaliens dès le départ et surveillez régulièrement leur performance pour vous assurer que votre site est bien positionné dans les résultats de recherche. --- ### Optimisation SEO pour WordPress : les bonnes pratiques URL: https://johnweb.fr/blog/seo/optimisation-seo-pour-wordpress-les-bonnes-pratiques/ Introduction à l’optimisation SEO pour WordPress WordPress, le CMS le plus populaire au monde, offre de nombreuses fonctionnalités pour améliorer le référencement naturel de votre site web. L’optimisation SEO pour WordPress est un processus important (primordial) pour améliorer la visibilité de votre site web dans les résultats de recherche organiques. Dans cet article, nous allons discuter des meilleures pratiques pour optimiser votre site WordPress pour les moteurs de recherche. Les bases de l’optimisation WordPress La première étape de l’optimisation SEO pour WordPress consiste à choisir un thème optimisé pour les moteurs de recherche. Le choix d’un thème avec des fonctionnalités SEO peut être un facteur déterminant pour le succès de votre site web. Le thème doit être bien structuré, avoir un code propre et être facilement lisible par les moteurs de recherche. La création de contenu de qualité est également essentielle pour l’optimisation SEO de WordPress. Votre site doit contenir un contenu pertinent et informatif pour votre audience cible. Vous pouvez également utiliser des mots-clés pertinents et des titres de page (attention à la hiérarchie des titres) pour aider les moteurs de recherche à comprendre le contenu de votre site web. Les balises de titre, les descriptions de méta et les balises de contenu doivent également être optimisées pour les mots-clés pertinents. Optimiser le contenu et les méta-données L’optimisation du contenu et des méta-données est un élément clé de l’optimisation SEO pour WordPress. Vous devez optimiser chaque page de votre site web avec des méta-données et des balises de titre pertinents pour les mots-clés ciblés. La balise de titre doit contenir les mots-clés les plus importants, tandis que la description de méta doit être concise et informative. L’ajout de contenus de qualité à votre site WordPress est donc primordial pour son optimisation SEO. Optimiser les images, les liens et l’expérience utilisateur L’optimisation des images, des liens et de l’expérience utilisateur est une partie essentielle de l’optimisation SEO pour WordPress. Les images doivent être optimisées pour les moteurs de recherche en utilisant des noms de fichiers pertinents et une balise ALT appropriée pour décrire le contenu de l’image. Les liens internes doivent être structurés de manière cohérente et pertinente pour aider les moteurs de recherche à comprendre la structure de votre site web. L’expérience utilisateur est également très importante pour l’optimisation SEO de WordPress. Votre site web doit être facile à naviguer et à utiliser pour les utilisateurs. Le temps de chargement des pages doit être rapide et le design doit être adapté aux appareils mobiles. Les utilisateurs doivent être en mesure de trouver rapidement ce qu’ils cherchent sur votre site web. Utiliser les plugins pour améliorer le référencement WordPress propose une grande variété de plugins pour améliorer l’optimisation SEO de votre site web. Les plugins tels que Yoast SEO, All in One SEO Pack et SEOPress sont très utiles pour améliorer la structure de votre site web, les méta-données et le contenu. Ils offrent également des fonctionnalités pour la création de sitemap XML et la gestion des redirections 301. Mesurer et suivre les résultats de l’optimisation SEO La mesure et le suivi des résultats de l’optimisation SEO de votre site web sont essentiels pour savoir si votre stratégie d’optimisation fonctionne. Vous pouvez utiliser des outils tels que Google Analytics pour mesurer les performances de votre site web et suivre l’évolution de votre trafic organique. Les outils de suivi des classements tels que Ahrefs et SEMRush sont également très utiles pour surveiller votre positionnement dans les résultats de recherche. Conclusion L’optimisation SEO pour WordPress est un processus complexe mais essentiel pour améliorer la visibilité de votre site web dans les résultats de recherche organiques. Les meilleures pratiques, telles que le choix d’un thème optimisé pour les moteurs de recherche, la création de contenu de qualité et l’utilisation de plugins SEO, peuvent vous aider à améliorer les performances de votre site web. En suivant ces pratiques, vous pouvez augmenter votre trafic organique et renforcer votre présence en ligne. --- ### Optimisez la sécurité de l’admin WordPress : meilleures pratiques URL: https://johnweb.fr/blog/optimisez-la-securite-de-ladmin-wordpress-meilleures-pratiques/ Optimisez la sécurité de l’admin WordPress : les meilleures pratiques La sécurité de l’administration WordPress est d’une importance capitale pour protéger votre site contre les menaces en ligne. En tant que propriétaire de site, vous devez prendre des mesures pour renforcer la sécurité de votre administrative WordPress et prévenir les attaques potentielles. Dans cet article, nous vous présenterons les meilleures pratiques pour optimiser la sécurité de l’administration WordPress, en mettant l’accent sur l’authentification renforcée, la sécurisation des mots de passe et la mise en place d’une sauvegarde et d’une restauration efficaces. Renforcer l’authentification de l’admin : conseils avancés L’authentification est la première ligne de défense contre les attaques visant à compromettre l’administration WordPress. Pour renforcer cette sécurité, vous pouvez mettre en place plusieurs mesures avancées. Tout d’abord, vous devriez envisager d’activer la double authentification, qui nécessite une seconde couche de vérification après avoir entré votre mot de passe. Cela peut être réalisé en utilisant un plugin spécifique ou en activant une fonctionnalité de sécurité déjà intégrée à WordPress. De plus, il est recommandé de limiter les tentatives de connexion échouées en utilisant un plugin de limitation des tentatives de connexion. Ces plugins bloqueront automatiquement les adresses IP qui tentent de se connecter avec des informations d’identification erronées à plusieurs reprises. Enfin, vous devriez également envisager de modifier l’url de connexion de l’administration WordPress pour compliquer la tâche des attaquants. Sécuriser les mots de passe de l’admin WordPress Les mots de passe sont souvent la principale faille de sécurité dans un site WordPress. Pour optimiser la sécurité de votre administrative WordPress, il est essentiel de choisir des mots de passe forts et de les gérer correctement. Tout d’abord, assurez-vous d’utiliser des mots de passe uniques et complexes, en combinant des lettres majuscules et minuscules, des chiffres et des caractères spéciaux. Évitez d’utiliser des mots de passe évidents ou faciles à deviner. De plus, vous devriez envisager d’utiliser un gestionnaire de mots de passe pour stocker et générer vos mots de passe. Ces outils vous permettent de créer des mots de passe forts et de les stocker en toute sécurité. Enfin, pensez à changer régulièrement vos mots de passe pour réduire les risques d’une éventuelle compromission. Mettre en place une sauvegarde et une restauration efficaces La mise en place d’un système de sauvegarde et de restauration efficace est essentielle pour la sécurité de votre administrative WordPress. En cas de problème tel qu’un piratage, un dysfonctionnement du site ou une erreur humaine, la sauvegarde vous permettra de restaurer votre site à un état précédent, évitant ainsi d’éventuelles pertes de données ou une interruption prolongée du service. Pour mettre en place une sauvegarde efficace, vous pouvez utiliser des plugins spécifiques qui sauvegardent automatiquement votre site à des intervalles réguliers. Assurez-vous de stocker vos sauvegardes sur un emplacement externe sécurisé, comme un service de stockage cloud ou un serveur distant. Testez régulièrement la restauration de vos sauvegardes pour vous assurer qu’elles fonctionnent correctement en cas de besoin. En suivant ces meilleures pratiques pour optimiser la sécurité de l’administration WordPress, vous serez en mesure de protéger votre site contre les attaques potentielles et de minimiser les risques de perte de données. N’oubliez pas que la sécurité est un processus continu, il est donc important de rester à jour avec les dernières mises à jour de WordPress et des plugins utilisés, ainsi que de surveiller régulièrement votre site pour tout signe d’activité suspecte. En investissant du temps et des efforts dans la sécurité de votre administrative WordPress, vous pouvez assurer la protection de votre site et la tranquillité d’esprit pour vous et vos utilisateurs. --- ### Outils et plugins essentiels pour sauvegarder votre site WordPress URL: https://johnweb.fr/blog/outils-et-plugins-essentiels-pour-sauvegarder-votre-site-wordpress/ Pourquoi sauvegarder votre site WordPress ? Que vous soyez un blogueur, un propriétaire de site e-commerce ou une entreprise, votre site WordPress est l’un des éléments les plus précieux de votre entreprise. Il est important de sauvegarder votre site régulièrement pour éviter des pertes de données ou des dommages irréparables. Si vous n’avez pas de sauvegarde régulière, vous pourriez perdre des années de travail en quelques minutes. Dans cet article, nous allons vous présenter les meilleurs outils et plugins pour sauvegarder votre site WordPress. Outils de sauvegarde: les options les plus fiables et efficaces Il existe de nombreux outils de sauvegarde disponibles sur le marché, certains sont gratuits et d’autres payants. Le choix de l’outil dépend de vos besoins et de votre budget. Les deux options les plus courantes sont les sauvegardes manuelles et les sauvegardes automatisées. Les sauvegardes manuelles sont idéales pour les petits sites web avec peu de mises à jour. Si votre site est plus complexe avec des mises à jour fréquentes, les sauvegardes automatisées sont plus adaptées. Les outils les plus courants sont UpdraftPlus, BackupBuddy, et Duplicator. Plugins de sauvegarde: comment choisir le meilleur pour votre site Il existe de nombreux plugins de sauvegarde disponibles pour WordPress. Les plugins sont des extensions qui s’intègrent directement dans votre site WordPress et sont faciles à utiliser. Avant de choisir un plugin, il est important de prendre en compte plusieurs facteurs, tels que la taille de votre site, la fréquence des mises à jour, la sécurité, et le budget. Les plugins gratuits peuvent offrir un niveau de sauvegarde de base, mais les plugins payants offrent des fonctionnalités supplémentaires comme la sauvegarde en ligne, la restauration en un clic, et l’archivage. Comment garantir la sécurité de votre site grâce à la sauvegarde régulière ? La sauvegarde régulière de votre site WordPress est fondamentale pour garantir sa sécurité et sa protection contre les menaces potentielles. Les outils et plugins de sauvegarde sont conçus pour vous aider à sauvegarder facilement votre site WordPress et à restaurer rapidement en cas de problème. Il est important de choisir un outil qui correspond à vos besoins et de créer une routine de sauvegarde régulière pour garantir la sécurité de votre site WordPress. N’oubliez pas qu’une sauvegarde régulière est la meilleure façon de protéger votre site WordPress contre les pannes, les compromissions de sécurité, ou les erreurs humaines. --- ### Page Verte : annuaire WordPress généraliste francophone URL: https://johnweb.fr/portfolio/page-verte-annuaire-wordpress-generaliste-francophone/ Page Verte — Création d’un annuaire généraliste francophone sous WordPress Page Verte est un annuaire généraliste francophone développé sous WordPress, conçu pour faciliter la mise en relation entre professionnels et particuliers. Le concept est simple et universel : offrir une plateforme claire et bien structurée où les entreprises peuvent publier leur fiche gratuitement pour gagner en visibilité, et où les utilisateurs peuvent trouver en quelques clics le prestataire, le service ou l’expert dont ils ont besoin. Finance, santé, immobilier, bien-être, artisanat, digital, alimentation — le périmètre est volontairement large pour couvrir l’ensemble du spectre économique francophone. Une architecture WordPress pensée pour l’annuaire Le site repose sur une architecture WordPress avec des Custom Post Types dédiés aux annonces et aux fiches professionnelles, une taxonomie de catégories imbriquées permettant une navigation à deux niveaux — catégorie principale et sous-catégories — et un système de compte utilisateur permettant aux professionnels de créer, modifier et gérer leurs annonces en toute autonomie depuis leur espace personnel. Chaque fiche est une entité indépendante avec son propre contenu, ses visuels, sa catégorisation et son optimisation SEO individuelle. Une architecture extensible, pensée pour monter en volume sans jamais sacrifier les performances. Un catalogue de catégories exhaustif et bien structuré La richesse de Page Verte réside dans la profondeur de son arborescence de catégories. Quelques exemples des grands univers couverts : Automobile & Transport — concessionnaires, garages, taxis & VTC, location de véhicules, transport de marchandises, covoiturage… Commerce & Shopping — e-commerce, mode, beauté, animalerie, bricolage, électronique, vins & spiritueux… Entreprises & Services — comptabilité, conseil, marketing & publicité, événementiel, logistique, ressources humaines, services juridiques… Maison & Habitat — construction, rénovation, décoration, domotique, déménagement… Et bien d’autres secteurs : alimentation & gastronomie, santé & bien-être, éducation & formation, immobilier, tourisme & loisirs, numérique & digital… Chaque catégorie principale se décline en sous-catégories précises pour affiner les recherches et offrir une granularité optimale. Publication et gestion des fiches en self-service Le modèle de Page Verte repose sur une logique de self-service : tout professionnel peut créer son compte, publier sa fiche gratuitement et la gérer en totale autonomie — modification des informations, mise à jour des visuels, activation ou désactivation des annonces. Le back-office utilisateur est conçu pour être accessible même aux non-techniciens, sans nécessiter d’intervention de l’administrateur pour les opérations courantes. Une approche qui rend la plateforme scalable et opérationnelle même avec un catalogue en forte croissance. Optimisation SEO des fiches et référencement local Chaque fiche publiée sur Page Verte bénéficie d’une optimisation SEO individuelle : URL propre et descriptive, structure de titres hiérarchisée, balises méta configurables, maillage interne entre les fiches d’une même catégorie. L’architecture du site favorise naturellement le référencement local — un levier stratégique pour les professionnels qui cherchent à être trouvés sur des requêtes géolocalisées ou sectorielles. Pour les entreprises référencées, c’est une présence digitale clé en main sans avoir besoin de gérer leur propre site Web. Un moteur de recherche performant et une interface ergonomique La navigation sur Page Verte est fluide et intuitive : un moteur de recherche permet de filtrer les annonces par mots-clés et catégories, tandis que l’arborescence de catégories offre une exploration thématique structurée. L’interface est volontairement sobre et efficace — elle met les fiches en avant sans les noyer dans une mise en page surchargée. Sur mobile comme sur desktop, l’expérience est cohérente et responsive. Parce qu’un annuaire qui ne se consulte pas facilement, ça ne sert pas à grand-chose — et ça, Page Verte l’a bien compris. Découvrir Page Verte --- ### Personnalisation thème WordPress : ajustez sans coder URL: https://johnweb.fr/blog/wordpress/personnalisation-theme-wordpress-ajustez-sans-coder/ Personnalisation du thème WordPress : introduction aux ajustements sans code – no code La personnalisation d’un thème WordPress est essentielle pour créer un site web unique et attrayant. Cependant, beaucoup de personnes sont découragées par l’idée de devoir coder pour apporter des modifications à leur thème. Heureusement, il existe des moyens simples et efficaces pour personnaliser votre thème WordPress sans avoir à toucher une seule ligne de code, la méthode no code. Dans cet article, nous allons explorer les différentes méthodes et techniques disponibles pour ajuster votre thème WordPress, sans nécessiter de connaissances en programmation. Personnalisation visuelle : personnalisez l’apparence de votre thème WordPress La personnalisation visuelle est l’une des premières choses que vous voudrez faire pour votre thème WordPress. Heureusement, il existe de nombreux outils et fonctionnalités qui vous permettent de personnaliser l’apparence de votre site sans avoir à écrire du code. Par exemple, vous pouvez utiliser l’éditeur de thème WordPress pour modifier les couleurs, les polices et les arrière-plans de votre site. Vous pouvez également utiliser des plugins de personnalisation visuelle pour ajouter des effets, des transitions et des animations à votre site. Ces outils conviviaux vous permettent de personnaliser facilement l’apparence de votre thème WordPress, même si vous n’avez aucune expérience en matière de design ou de développement web. Personnalisation fonctionnelle : ajoutez des fonctionnalités sans coder dans votre thème WordPress En plus de personnaliser l’apparence de votre site, vous voudrez peut-être également ajouter des fonctionnalités supplémentaires à votre thème WordPress. Encore une fois, il existe de nombreuses solutions disponibles pour vous permettre d’ajouter des fonctionnalités sans avoir à coder. Par exemple, vous pouvez utiliser des plugins WordPress pour ajouter des galeries d’images, des formulaires de contact, des boutons de partage sur les réseaux sociaux, et bien plus encore. Ces plugins sont faciles à installer et à configurer, et vous permettent d’ajouter rapidement et facilement des fonctionnalités à votre site sans avoir à écrire une seule ligne de code. Vous pouvez également utiliser des constructeurs de pages WordPress (ou « page builder« ) pour créer des mises en page complexes et ajouter des fonctionnalités avancées à votre thème, sans avoir à coder manuellement. Personnalisation avancée : Explorez les techniques avancées pour ajuster votre thème WordPress Si vous êtes à l’aise avec la technologie et souhaitez explorer des techniques plus avancées pour ajuster votre thème WordPress, il existe également des options pour cela. Par exemple, vous pouvez utiliser des fichiers de modèle personnalisés pour modifier la structure et la mise en page de votre thème. Vous pouvez également utiliser des hooks et des filtres pour modifier le comportement de votre thème sans avoir à modifier son code source. De plus, si vous avez des connaissances en CSS, vous pouvez utiliser des fichiers de style personnalisés pour apporter des modifications plus précises à l’apparence de votre site. Ces techniques avancées nécessitent une certaine compréhension du fonctionnement de WordPress, mais elles vous permettent de personnaliser votre thème de manière approfondie, sans avoir à coder à partir de zéro. En résumé : La personnalisation d’un thème WordPress ne doit pas être une tâche intimidante qui nécessite des compétences en programmation. Grâce aux outils et aux techniques disponibles, vous pouvez facilement ajuster votre thème WordPress pour le rendre unique et adapté à vos besoins, sans avoir à écrire de code. Que vous souhaitiez personnaliser l’apparence, ajouter des fonctionnalités supplémentaires ou explorer des techniques plus avancées, il existe des solutions accessibles pour tous les niveaux d’expérience. Alors n’hésitez pas à expérimenter et à personnaliser votre thème WordPress selon vos préférences, sans craindre la complexité du codage. --- ### PixData.net : bases de données téléchargeables URL: https://johnweb.fr/portfolio/pixdata-net-bases-de-donnees-telechargeables/ PixData.net — Un site e-commerce WordPress personnel dédié à la vente de bases de données téléchargeables PixData.net est l’un de mes projets Web personnels, conçu et développé sous WordPress avec WooCommerce pour la gestion des ventes de produits numériques téléchargeables. La proposition du site est simple et bien ciblée : offrir aux entreprises, développeurs, chercheurs et logisticiens un accès immédiat à des bases de données fiables et rigoureusement structurées, disponibles aux formats SQL, XLSX et CSV pour une interopérabilité totale avec tous les environnements techniques. Le tout dans une interface propre, fluide, et disponible en français et en anglais. Un catalogue de bases de données structuré par thématiques Le catalogue de PixData.net est organisé en plusieurs catégories thématiques complémentaires. La catégorie phare est celle des données géographiques, avec une vaste collection de bases de codes postaux par pays couvrant les cinq continents — France, Allemagne, Espagne, Italie, Grande-Bretagne, États-Unis, Canada, Suisse, Portugal, Russie, Argentine, Mexique, Inde, Afrique du Sud, Autriche, et bien d’autres. Chaque base est disponible aux formats SQL, XLSX et CSV, exhaustive, structurée et immédiatement exploitable pour des projets de géolocalisation, de gestion logistique, d’intégration CRM ou d’analyse territoriale. D’autres catégories complètent l’offre : données démographiques et sociales, données business et économiques, datasets techniques et scientifiques, ainsi que des open data enrichies formatées pour des usages professionnels exigeants. Architecture WooCommerce dédiée aux produits numériques téléchargeables Le moteur e-commerce du site repose sur WooCommerce configuré spécifiquement pour la vente de produits numériques — ici des fichiers de bases de données téléchargeables. Chaque produit du catalogue est livré sous forme de fichiers à télécharger après paiement, sans expédition physique ni délai de livraison. Le tunnel d’achat est simple, sécurisé et fluide : l’acheteur accède à son lien de téléchargement immédiatement après validation de la commande, directement depuis son espace compte. Une mécanique propre, bien pensée, et parfaitement adaptée à ce type de produit. Site bilingue FR/EN géré via Polylang Pour maximiser la portée internationale du catalogue — les bases de données s’adressant par nature à un public mondial — PixData.net est intégralement disponible en français et en anglais, avec une gestion multilingue assurée via l’extension Polylang. Chaque page, chaque fiche produit et chaque élément de navigation dispose de sa version traduite, maintenue de façon indépendante dans les deux langues. Le sélecteur de langue est accessible depuis l’interface principale, garantissant une expérience utilisateur fluide quelle que soit la langue du visiteur — et une couverture SEO dans les deux langues en prime. Positionnement et cibles du site PixData.net s’adresse à plusieurs profils d’utilisateurs aux besoins complémentaires : les développeurs qui intègrent des référentiels géographiques dans leurs applications, les entreprises et logisticiens qui ont besoin de bases de codes postaux fiables pour leurs systèmes de gestion et livraison, les équipes marketing qui construisent des fichiers clients géolocalisés, et les chercheurs et analystes qui alimentent leurs modèles avec des données démographiques ou territoriales structurées. Un positionnement data B2B avec une cible large, servi par une interface simple et une offre claire. Stack technique Le site repose sur un socle WordPress / WooCommerce optimisé pour la vente de produits numériques, avec Polylang pour la gestion bilingue, une architecture de catégories de produits thématiques pour la navigation dans le catalogue, et une optimisation SEO appliquée page par page pour maximiser la visibilité organique sur des requêtes très ciblées — notamment les recherches de bases de codes postaux par pays. Chaque fiche produit est rédigée avec soin pour répondre précisément aux intentions de recherche des profils cibles, sans surcharge ni jargon inutile. Découvrir PixData.net --- ### Polylang vs WPML : le comparatif technique pour choisir votre plugin multilingue WordPress URL: https://johnweb.fr/blog/wordpress/polylang-vs-wpml-le-comparatif-technique-pour-choisir-votre-plugin-multilingue-wordpress/ Pourquoi le choix du plugin multilingue est structurant Sur un projet WordPress multilingue, le plugin de gestion des langues est l’un des choix architecturaux les plus importants — et les moins réversibles. Il conditionne la structure des URLs, l’implémentation des balises hreflang, les performances globales du site, et la façon dont les contenus traduits sont stockés en base de données. Changer de plugin multilingue sur un site existant est une opération complexe qui peut impacter le SEO de manière significative. Mieux vaut donc bien choisir dès le départ. Polylang et WPML dominent le marché depuis des années — voici un comparatif honnête basé sur une utilisation des deux sur des projets réels. Architecture et stockage des données WPML et Polylang adoptent des approches différentes pour stocker les traductions. WPML utilise ses propres tables en base de données pour les associations de traductions, tandis que Polylang s’appuie sur la taxonomie native WordPress (une taxonomie cachée language) pour lier les contenus traduits. Cette différence architecturale a des implications concrètes : l’approche Polylang est plus proche du core WordPress et génère théoriquement moins de friction à long terme, tandis que WPML gère des cas de traduction plus complexes grâce à ses tables dédiées. Polylang : la flexibilité open source Polylang existe en version gratuite (Polylang Free) et en version payante (Polylang Pro, environ 99€/an). La version gratuite couvre déjà la majorité des besoins d’un site multilingue standard : gestion des langues pour les posts, pages, taxonomies et menus, URLs en sous-dossiers ou sous-domaines, et widgets de sélection de langue. Les points forts de Polylang L’intégration avec le core WordPress est particulièrement propre — Polylang utilise les mécanismes natifs autant que possible. Les performances sont généralement bonnes, même sur des sites avec de nombreuses langues et un volume important de contenu. L’interface de traduction est sobre et intuitive. Polylang s’intègre bien avec ACF, WooCommerce (via l’extension Polylang for WooCommerce) et la plupart des constructeurs de pages. Le rapport qualité/prix est excellent, notamment en comparaison avec WPML. Les limites de Polylang La traduction des chaines de caractères arbitraires (strings de thème, de plugin) est moins intuitive que dans WPML. Certaines fonctionnalités avancées — traduction des emails WooCommerce, compatibilité avec des plugins tiers spécifiques — nécessitent des développements complémentaires ou des plugins additionnels. Le support technique, bien que sérieux, est moins réactif que celui de WPML. WPML : la référence complète et coûteuse WPML est le plugin multilingue le plus complet du marché, et le plus cher — les licences démarrent à 39$/an pour la version de base et montent à 199$/an pour la version complète. C’est le choix historique des agences et des grands projets avec des exigences de traduction complexes. Les points forts de WPML La gestion des traductions de chaînes est exceptionnellement complète — thèmes, plugins, widgets, emails, tout peut être traduit via l’interface WPML String Translation. La compatibilité avec les plugins tiers est la meilleure du marché, WPML maintenant des intégrations officielles avec des dizaines de plugins populaires. Le gestionnaire de traduction (Translation Management) permet d’envoyer des contenus à des traducteurs externes directement depuis WordPress. Les limites de WPML Le coût est prohibitif pour les petits projets. WPML peut impacter les performances sur des sites avec beaucoup de contenus et de langues — ses tables additionnelles et ses requêtes spécifiques s’accumulent. L’interface, bien que complète, est parfois complexe à appréhender pour des non-développeurs. Le SEO multilingue : hreflang et URLs Les deux plugins gèrent correctement les balises hreflang — l’élément technique central du SEO multilingue, qui indique à Google la relation entre les versions linguistiques d’une même page. Les deux proposent les structures d’URL principales : sous-dossier (/fr/, /en/), sous-domaine (fr.site.com) et domaine séparé. La structure en sous-dossier est généralement recommandée pour les sites qui démarrent, car elle concentre l’autorité de domaine sur un seul domaine. Mon verdict en 2025 Pour la grande majorité des projets WordPress multilingues, Polylang Pro est le meilleur choix — meilleur rapport qualité/prix, architecture propre, performances correctes et flexibilité suffisante. WPML reste pertinent sur les grands projets avec des besoins de traduction complexes, une équipe de traducteurs à coordonner, ou des exigences de compatibilité avec des plugins très spécifiques. Dans tous les cas, tester les deux sur un environnement de staging avant de s’engager reste la meilleure pratique. --- ### Prompt engineering pour développeurs Web : transformer l’IA en vrai copilote de développement URL: https://johnweb.fr/blog/outils-en-ligne/prompt-engineering-pour-developpeurs-web-transformer-lia-en-vrai-copilote-de-developpement/ Pourquoi la qualité du prompt change tout L’erreur la plus répandue parmi les développeurs qui utilisent l’IA au quotidien est de la traiter comme un moteur de recherche amélioré — en posant des questions vagues et en espérant des réponses précises. Le prompt engineering est l’art de formuler des instructions qui maximisent la qualité et la pertinence des réponses obtenues. Ce n’est pas une compétence mystérieuse réservée aux chercheurs en IA — c’est un ensemble de patterns simples et applicables immédiatement, qui transforment radicalement le rapport à ces outils dans un workflow de développement quotidien. Les fondamentaux d’un bon prompt technique Un prompt technique efficace repose sur quatre piliers : le contexte, la tâche, les contraintes et le format de sortie attendu. Fournir le contexte technique précis — version de PHP, version de WordPress, stack utilisée, contraintes d’architecture — évite les réponses génériques inutilisables. Définir la tâche clairement et atomiquement — une tâche par prompt, pas cinq. Préciser les contraintes — « sans plugin tiers », « compatible PHP 7.4 », « selon les standards WordPress Coding Standards ». Et spécifier le format de sortie — « retourne uniquement la fonction PHP sans explication », « commente chaque ligne de code », « format JSON ». Exemple : de mauvais prompt à bon prompt Mauvais prompt : « Comment faire une requête WordPress ? » Bon prompt : « Je développe un plugin WordPress sur PHP 8.1. Écris-moi une fonction qui récupère les 10 derniers articles d’une catégorie spécifique via WP_Query, avec un paramètre $category_id, en excluant les articles en vedette (meta_key _featured = 1), triés par date décroissante. Retourne uniquement le tableau de posts ou false si aucun résultat. Code commenté, conforme aux WordPress Coding Standards. » La différence de qualité entre les deux réponses sera spectaculaire. Patterns de prompts pour les cas d’usage courants Certains patterns reviennent systématiquement dans le workflow de développement WordPress et méritent d’être maîtrisés. Le pattern « Code Review » Fournir un bloc de code existant et demander à l’IA de l’auditer selon des critères précis : performance, sécurité, conformité aux standards, lisibilité. Spécifier le niveau d’expérience du destinataire de la review — une review pour un dev junior ne sera pas formulée comme une review pour un dev senior. Ce pattern est particulièrement utile pour identifier des failles de sécurité comme les injections SQL, les XSS, ou les expositions de données sensibles. Le pattern « Refactoring guidé » Fournir du code fonctionnel mais mal structuré et demander un refactoring selon des objectifs précis : « Refactorise cette fonction en appliquant le principe de responsabilité unique (SRP). Chaque fonction ne doit faire qu’une chose. Conserve exactement le comportement fonctionnel existant. » Ce pattern est redoutablement efficace pour transformer du code legacy en code maintenable. Le pattern « Contexte persistant » Pour les sessions de travail longues sur un projet, commencer par un prompt d’initialisation qui pose tout le contexte du projet — stack, architecture, conventions de nommage, contraintes métier. Ce prompt de contexte peut être stocké dans un fichier texte et collé en début de chaque session. L’IA disposera ainsi des informations nécessaires pour produire des réponses cohérentes avec l’architecture existante. L’IA pour les tâches répétitives à forte valeur Les gains de productivité les plus immédiats se trouvent dans les tâches répétitives que les développeurs effectuent des dizaines de fois par jour : génération de code boilerplate, création de tests unitaires, rédaction de documentation, transformation de structures de données, génération de requêtes SQL complexes, création de CSS à partir de descriptions en langage naturel. Sur chacune de ces tâches, un prompt bien construit peut réduire le temps d’exécution de 80 à 90%. Les limites à connaître pour ne pas se faire piéger L’IA commet des erreurs — et les commet avec une confiance absolue, ce qui les rend particulièrement dangereuses. Elle peut produire du code syntaxiquement correct mais fonctionnellement faux, des fonctions WordPress qui n’existent pas, ou des patterns de sécurité erronés. La règle d’or est de ne jamais déployer en production du code généré par l’IA sans l’avoir compris, testé et validé. L’IA est un accélérateur de développement, pas un remplaçant du jugement technique. Cette nuance est fondamentale — et elle distingue ceux qui utilisent l’IA intelligemment de ceux qui s’en remettent aveuglément à elle. --- ### RadioO : Web Radio WordPress avec player audio URL: https://johnweb.fr/portfolio/radioo-web-radio-wordpress-avec-player-audio/ RadioO — Un projet WordPress personnel né d’une passion pour la musique RadioO est l’un de ces projets qui n’ont pas besoin de justification commerciale pour exister : une web radio personnelle conçue avec soin, développée sous WordPress, et motivée par une seule raison valable — l’amour de la musique. L’idée de départ : rassembler ses radios préférées en un seul endroit, les rendre accessibles en quelques clics dans une interface agréable, et se faire un petit coin d’écoute sur le Web à son image. Simple, sincère, et techniquement bien exécuté. Le catalogue de stations est certes encore en cours d’enrichissement — mais ce qui est là est déjà bien sélectionné. Un catalogue de stations organisé par genres musicaux La force éditoriale de RadioO réside dans sa sélection qualitative et sa structure par genres. Les stations disponibles couvrent un spectre musical large et éclectique : Nostalgie à la Cool pour les classiques des années 70/80/90, Kiss FM Love Songs pour l’ambiance romantique, Soul Food by DJ Philgood pour la soul et le funk, OüiFM Alternatif et OüiFM Acoustique pour les univers rock et acoustique, Rire et Chansons pour l’humour, Rouge FM Reggae, Zouk Newz, Radio 6 et 181.fm The Eagle pour le rock classique. Au-delà des stations individuelles, le site propose également une navigation par catégories musicales exhaustives : Blues, Classique, Country, Dance, Électro, Folk, Hip-Hop & Rap, Jazz, Reggae, Rock, Soul & Funk, et bien d’autres — avec des radios du monde entier classées par continents et cultures (Afrique, Asie, Brésil, Latino…). Un player audio soigné — la pièce maîtresse du projet La vraie signature technique de RadioO, c’est son player audio. Développé avec soin pour offrir une expérience d’écoute fluide et agréable, il s’intègre naturellement dans l’interface du site sans alourdir la navigation. Le player gère le streaming en direct des flux audio des stations sélectionnées, avec une interface claire — nom de la station, contrôles de lecture, volume — le tout dans un design cohérent avec la charte graphique du site. C’est souvent ce genre de détail qui fait la différence entre un projet fonctionnel et un projet vraiment plaisant à utiliser. Ici, le player est clairement dans la deuxième catégorie. Architecture WordPress et structure du site Le site RadioO repose sur un socle WordPress avec une architecture de contenu structurée en Custom Post Types pour les stations de radio — chaque radio disposant de sa propre fiche avec description, player intégré et catégorisation par genre. La navigation principale propose un accès direct aux Web Radios listées, avec une organisation par catégories musicales permettant de filtrer les stations selon ses préférences. L’interface est sobre, lisible et centrée sur l’essentiel : écouter de la bonne musique sans friction. Le site intègre également un espace compte utilisateur — une fondation technique qui pourrait accueillir des fonctionnalités communautaires ou des favoris dans une prochaine évolution. Un projet personnel à faire grandir Le catalogue actuel de RadioO est volontairement sélectif — chaque station présente a été choisie avec intention plutôt qu’ajoutée par volume. Le site dispose de l’infrastructure nécessaire pour s’enrichir au fil du temps : catégories musicales déjà structurées, système de fiches radios extensible, player prêt à accueillir de nouveaux flux. Un projet qui, comme tous les bons projets personnels, évolue au rythme de l’envie — et c’est précisément ce qui lui donne son caractère. Découvrir RadioO --- ### Schema.org WordPress : données structurées sans plugin tiers URL: https://johnweb.fr/blog/wordpress/schema-org-wordpress-donnees-structurees-sans-plugin-tiers/ Pourquoi implémenter Schema.org manuellement plutôt que via un plugin Les plugins SEO comme Yoast, RankMath ou SEOPress génèrent des données structurées automatiquement — c’est pratique, mais souvent insuffisant pour des besoins spécifiques. Ils produisent des schémas généralistes qui ne capturent pas les données métier propres à chaque projet. Sur un site e-commerce avec des produits aux attributs spécifiques, un site d’événements, un cabinet médical ou un site de recettes, les données structurées génériques passent à côté de l’essentiel. Implémenter Schema.org directement dans le code WordPress permet un contrôle total sur les données exposées, une précision impossible à atteindre avec un plugin, et l’absence de tout code superflu. JSON-LD : le format recommandé par Google Google recommande officiellement le format JSON-LD (JavaScript Object Notation for Linked Data) pour les données structurées — et c’est de loin le plus simple à implémenter et à maintenir. Contrairement au Microdata ou au RDFa qui nécessitent d’intégrer les attributs Schema directement dans le HTML, le JSON-LD s’injecte dans une balise <script type= »application/ld+json »> dans le head de la page. Cette séparation entre les données structurées et le HTML est un avantage de maintenabilité majeur. Injecter le JSON-LD dans WordPress Sur WordPress, la méthode recommandée est de hooker sur wp_head pour injecter le JSON-LD selon le contexte de la page courante — page d’accueil, article de blog, page produit, page de catégorie. add_action( 'wp_head', 'johnweb_inject_schema' ); function johnweb_inject_schema() {     $schema = johnweb_get_schema();     if ( $schema ) {         echo '<script type="application/ld+json">';         echo wp_json_encode( $schema, JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES | JSON_PRETTY_PRINT );         echo '</script>';     } } La fonction johnweb_get_schema() retourne le tableau PHP correspondant au schéma approprié selon le contexte, détecté via les fonctions conditionnelles WordPress (is_single(), is_home(), is_product()…). Les types de schémas prioritaires selon le type de site Tous les types de schémas Schema.org ne sont pas équivalents en termes d’impact SEO. Les types les plus générateurs de rich snippets et d’enrichissements dans les SERP sont ceux à implémenter en priorité. Schéma Article pour les blogs et magazines Le type Article (ou BlogPosting pour un blog) enrichit les résultats avec des informations sur l’auteur, la date de publication et l’image principale. Les propriétés essentielles sont : headline, datePublished, dateModified, author (avec Name et URL), publisher (avec Name et Logo), image, et description. Certains sites voient apparaître leur date de publication directement dans les SERP après l’implémentation de ce schéma. Schéma Organisation et WebSite pour la page d’accueil Le schéma Organisation sur la page d’accueil établit l’identité de l’entité pour Google — nom, URL, logo, réseaux sociaux. Couplé au schéma WebSite avec la propriété SearchAction, il peut déclencher l’apparition du sitelinks searchbox directement dans les résultats Google pour les recherches sur la marque. Schéma BreadcrumbList pour le fil d’Ariane Le schéma BreadcrumbList génère l’affichage du chemin de navigation dans les SERP à la place de l’URL — un enrichissement visuellement impactant qui améliore le taux de clic. Sur WordPress, ce schéma doit refléter fidèlement la hiérarchie réelle de la page : Accueil > Catégorie > Sous-catégorie > Article. Valider et monitorer ses données structurées L’outil de test des résultats enrichis de Google (search.google.com/test/rich-results) permet de valider instantanément les données structurées d’une URL et de détecter les erreurs. La Google Search Console, section « Améliorations », agrège les erreurs et avertissements sur l’ensemble du site avec quelques jours de délai. Ces deux outils doivent faire partie du workflow de validation après chaque implémentation ou modification de schémas. --- ### Synchroniser WordPress avec un ERP via API : architecture et retours du terrain URL: https://johnweb.fr/blog/wordpress/synchroniser-wordpress-avec-un-erp-via-api-architecture-et-retours-du-terrain/ Le défi de la synchronisation WordPress / ERP Sur les projets e-commerce B2B, la question de la synchronisation entre WordPress/WooCommerce et un ERP externe est quasi systématique. Les données qui doivent circuler sont multiples : produits et leurs attributs, niveaux de stocks, tarifs (souvent différenciés par client ou par groupe), commandes, statuts de livraison. Chaque flux a ses propres contraintes de fréquence, de volume et de criticité. La solution généraliste — utiliser un plugin de synchronisation tout-en-un du marché — couvre rarement les spécificités d’un ERP métier sur mesure. J’ai dû développer des plugins de synchronisation from scratch sur plusieurs projets, et voici la méthode qui a émergé de ces expériences. Architecture du plugin de synchronisation Un plugin de synchronisation WordPress/ERP bien conçu s’articule autour de plusieurs composants distincts. Le connecteur API gère les appels vers l’ERP — authentification, construction des requêtes, gestion des erreurs et des timeouts. L’importeur traite les données reçues, les valide, les transforme si nécessaire et les persiste dans WordPress. Le planificateur orchestre les synchronisations automatiques via WP-Cron ou Action Scheduler. Le logger enregistre chaque opération de synchronisation avec son statut, ses métriques et ses éventuelles erreurs. L’interface d’administration donne une visibilité sur l’état de la synchronisation et permet les déclenchements manuels. La connexion à l’API de l’ERP La première étape est de comprendre et documenter l’API de l’ERP. Les ERPs modernes exposent généralement une API REST documentée, mais les ERPs plus anciens peuvent utiliser des protocoles différents — SOAP, FTP de fichiers CSV, ou même des exports de base de données directe. Quelle que soit la méthode, la logique est la même : créer une classe PHP dédiée qui encapsule toute la logique de communication avec l’ERP. class Mon_ERP_Connector {     private $api_url;     private $api_key;     public function get_products( $page = 1, $per_page = 100 ) {         $response = wp_remote_get( $this->api_url . '/products', array(             'headers' => array( 'Authorization' => 'Bearer ' . $this->api_key ),             'timeout' => 30,             'body' => array( 'page' => $page, 'per_page' => $per_page ),         ) );         if ( is_wp_error( $response ) ) return false;         return json_decode( wp_remote_retrieve_body( $response ), true );     } } La gestion de la synchronisation incrémentale Synchroniser l’intégralité d’un catalogue à chaque passage de cron est inefficace et potentiellement problématique sur les gros volumes. La synchronisation incrémentale — qui ne traite que les données modifiées depuis la dernière synchronisation — est systématiquement préférable. La plupart des APIs ERP exposent un paramètre de filtre par date de modification (updated_since ou équivalent). En stockant le timestamp de la dernière synchronisation réussie dans les options WordPress, on peut ne récupérer et traiter que les données qui ont changé. La stratégie de logging : visibilité et debugging Un système de logging robuste est indispensable sur un plugin de synchronisation en production. J’utilise systématiquement une table dédiée en base de données pour stocker les logs de synchronisation — plus efficace que les fichiers log pour les requêtes et le filtrage. Chaque entrée de log contient : le type d’opération (import produits, mise à jour stocks, import commandes…), le timestamp de début et de fin, le nombre d’éléments traités, le nombre d’erreurs, et le détail des erreurs le cas échéant. Une interface d’administration expose ces logs avec filtres et pagination, permettant à l’équipe technique de diagnostiquer rapidement un problème sans accès SSH au serveur. Les points de vigilance critiques Plusieurs pièges récurrents méritent d’être anticipés. Les timeouts sur les appels API longue durée — diviser les imports en batches de taille raisonnable et utiliser Action Scheduler plutôt que WP-Cron natif pour les traitements lourds. Les conflits de concurrence — deux synchronisations qui tournent simultanément peuvent créer des incohérences ; implémenter un verrou (transient WordPress) pour s’assurer qu’une seule synchronisation tourne à la fois. La gestion des suppressions — quand un produit est supprimé dans l’ERP, comment le site WordPress réagit-il ? Supprimer, désactiver, ou archiver ? La réponse dépend du contexte métier et doit être explicitement définie. Et surtout, toujours prévoir un mode dry-run qui simule la synchronisation sans écrire en base de données — indispensable pour valider le comportement avant le premier passage en production. --- ### Utilisation avancée des shortcodes dans WordPress pour améliorer votre site URL: https://johnweb.fr/blog/utilisation-avancee-des-shortcodes-dans-wordpress-pour-ameliorer-votre-site/ Les shortcodes sont des fonctionnalités puissantes et polyvalentes de WordPress qui permettent aux utilisateurs d’ajouter facilement des fonctionnalités avancées à leur site sans avoir à coder. Ils sont essentiellement des raccourcis qui peuvent être insérés dans le contenu d’une page ou d’un article pour générer du code HTML ou effectuer des actions spécifiques. Dans cet article, nous explorerons les avantages d’une utilisation avancée des shortcodes dans WordPress et fournirons également des techniques avancées pour optimiser leur utilisation. De plus, nous présenterons quelques exemples de shortcodes personnalisés qui peuvent grandement améliorer votre site WordPress. Introduction aux shortcodes dans WordPress Les shortcodes sont un moyen simple d’ajouter des fonctionnalités avancées à votre site WordPress sans avoir à écrire de code. Ils sont généralement utilisés pour insérer du code HTML dans le contenu d’une page ou d’un article, mais ils peuvent également être utilisés pour effectuer des actions spécifiques, comme afficher des articles récents, ajouter des boutons de partage sur les réseaux sociaux, ou encore ajouter des formulaires de contact. Les shortcodes sont encadrés par des crochets [shortcode] et peuvent prendre des paramètres facultatifs pour personnaliser leur comportement. Par exemple, le shortcode [gallery] peut être utilisé pour insérer une galerie d’images dans votre contenu, et vous pouvez spécifier les images à afficher en utilisant des paramètres supplémentaires. Les avantages d’une utilisation avancée des shortcodes Une utilisation avancée des shortcodes peut apporter de nombreux avantages à votre site WordPress. Tout d’abord, elle permet de rendre votre contenu plus dynamique et interactif en ajoutant des fonctionnalités avancées sans avoir à écrire de code complexe. Vous pouvez facilement insérer des éléments interactifs tels que des formulaires, des tableaux de prix, des carrousels d’images, des boutons de partage sur les réseaux sociaux, etc. De plus, l’utilisation de shortcodes personnalisés vous permet de créer des mises en page complexes et personnalisées sans avoir à modifier le code de votre thème WordPress. Enfin, les shortcodes peuvent également être utilisés pour améliorer l’expérience utilisateur en affichant du contenu spécifique en fonction des paramètres fournis. Par exemple, vous pouvez afficher du contenu différent pour les utilisateurs connectés et les utilisateurs non connectés, ou afficher du contenu en fonction de la date ou de l’emplacement de l’utilisateur. Techniques avancées pour optimiser vos shortcodes Lorsque vous utilisez des shortcodes avancés dans WordPress, il est important d’adopter certaines techniques pour optimiser leur utilisation. Tout d’abord, il est recommandé de documenter clairement vos shortcodes personnalisés afin que d’autres utilisateurs puissent les comprendre et les utiliser correctement. Vous pouvez fournir des descriptions détaillées, des exemples d’utilisation et des informations sur les paramètres disponibles. De plus, il est essentiel de valider et de sécuriser correctement les paramètres de vos shortcodes pour éviter les failles de sécurité potentielles. Vous pouvez utiliser des fonctions de validation et d’échappement fournies par WordPress pour garantir que les données utilisées dans vos shortcodes sont sûres. Enfin, il est recommandé de tester vos shortcodes dans différents scénarios et environnements pour vous assurer qu’ils fonctionnent correctement et n’entraînent aucun conflit avec d’autres plugins ou thèmes. En conclusion, les shortcodes dans WordPress offrent une façon puissante et flexible d’ajouter des fonctionnalités avancées à votre site sans avoir à coder. Leur utilisation avancée peut rendre votre contenu plus interactif, faciliter la création de mises en page personnalisées et améliorer l’expérience utilisateur. En utilisant les techniques avancées mentionnées dans cet article, vous pouvez optimiser l’utilisation de vos shortcodes et garantir leur bon fonctionnement. N’hésitez pas à expérimenter avec des shortcodes personnalisés pour améliorer votre site WordPress et offrir une expérience utilisateur exceptionnelle. --- ### WooCommerce sans fiches produits : gérer un catalogue dynamique via tables custom URL: https://johnweb.fr/blog/wordpress/woocommerce/woocommerce-sans-fiches-produits-gerer-un-catalogue-dynamique-via-tables-custom/ Quand WooCommerce natif montre ses limites WooCommerce est une solution e-commerce remarquablement flexible — jusqu’à un certain point. Sur des projets avec des catalogues de plusieurs milliers de produits aux attributs très spécifiques, l’architecture native de WooCommerce — qui stocke les données produits dans wp_posts et wp_postmeta — commence à poser des problèmes sérieux. Les performances se dégradent, les requêtes en base de données se multiplient, et la table wp_postmeta se retrouve avec des dizaines de millions de lignes. J’ai été confronté à exactement ce problème sur un projet B2B avec un catalogue de près de 4000 références synchronisées depuis un ERP externe. La solution adoptée a été radicalement différente de l’approche conventionnelle — et elle a tenu ses promesses. L’architecture : des tables MySQL custom à la place de wp_postmeta Le principe est simple dans sa conception : plutôt que de créer 4000 fiches produits WooCommerce et de stocker leurs données dans les tables standard WordPress, les données du catalogue sont stockées dans des tables MySQL custom créées spécifiquement pour le projet. Ces tables sont optimisées pour les requêtes spécifiques du catalogue — indexes sur les colonnes de recherche, structure relationnelle adaptée aux données métier, pas de surcharge de colonnes génériques inutilisées. La création des tables s’effectue au moment de l’activation du plugin, via dbDelta() : global $wpdb; $sql = "CREATE TABLE IF NOT EXISTS {$wpdb->prefix}catalogue_produits (     id BIGINT(20) UNSIGNED NOT NULL AUTO_INCREMENT,     reference VARCHAR(50) NOT NULL,     denomination VARCHAR(255) NOT NULL,     prix_ht DECIMAL(10,2) NOT NULL,     stock INT(11) NOT NULL DEFAULT 0,     PRIMARY KEY (id),     UNIQUE KEY reference (reference) ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;"; dbDelta( $sql ); L’affichage du catalogue : requêtes directes en base de données L’interface du catalogue sur le site est alimentée directement depuis les tables custom, via $wpdb->get_results() avec des requêtes SQL optimisées. La pagination, les filtres par catégorie, les recherches par référence ou dénomination sont tous gérés côté base de données — pas via WP_Query. Cette approche offre des performances nettement supérieures à WooCommerce natif sur des volumes importants. L’ajout au panier dynamique : la pièce centrale du dispositif C’est la partie la plus délicate de l’architecture. Sans fiche produit WooCommerce, comment ajouter un article au panier ? La solution est de créer un seul produit WooCommerce générique qui sert de conteneur, et de modifier dynamiquement ses données à chaque ajout au panier via les filtres WooCommerce appropriés. Le produit générique est créé une seule fois en back-office. À chaque ajout au panier, les données de l’article réel (référence, dénomination, prix) sont transmises via des paramètres POST et injectées dans les cart item data via le filtre woocommerce_add_cart_item_data. Les données sont ensuite restituées dans le panier et la commande via les filtres woocommerce_get_cart_item_from_session et woocommerce_cart_item_name. add_filter( 'woocommerce_add_cart_item_data', 'inject_produit_custom_data', 10, 3 ); function inject_produit_custom_data( $cart_item_data, $product_id, $variation_id ) {     $cart_item_data['reference'] = sanitize_text_field( $_POST['reference'] ?? '' );     $cart_item_data['denomination'] = sanitize_text_field( $_POST['denomination'] ?? '' );     $cart_item_data['prix_ht'] = floatval( $_POST['prix_ht'] ?? 0 );     return $cart_item_data; } La synchronisation avec l’ERP : plugin sur mesure La synchronisation entre l’ERP externe et les tables custom WordPress est assurée par un plugin WordPress dédié qui se connecte à l’API de l’ERP, récupère les données produits (références, dénominations, prix, stocks) et les importe/met à jour dans les tables custom. Cette synchronisation peut être déclenchée manuellement depuis le back-office, ou planifiée via WP-Cron pour une mise à jour automatique à intervalles réguliers. Un journal de synchronisation stocke l’historique des imports, les éventuelles erreurs et les statistiques (produits créés, mis à jour, supprimés). Les enseignements de ce projet Cette architecture non conventionnelle a tenu toutes ses promesses en production : performances excellentes même avec 4000 références, synchronisation fiable avec l’ERP, interface d’administration claire pour l’équipe client. Le principal défi a été de maintenir la cohérence entre les données custom et le cycle de vie des commandes WooCommerce — notamment pour les emails de confirmation et l’historique des commandes. Chaque étape du tunnel de commande WooCommerce nécessite une attention particulière pour garantir que les bonnes données s’affichent au bon endroit. C’est un projet qui demande une maîtrise fine des hooks WooCommerce — mais le résultat en vaut largement l’investissement. --- ### Wpop.fr : création de sites WordPress sur mesure URL: https://johnweb.fr/portfolio/wpop-fr-creation-de-sites-wordpress-sur-mesure/ Wpop.fr — La vitrine de mon activité freelance en développement WordPress Wpop.fr est le site emblématique de ma période en tant que développeur Web freelance. Conçu et maintenu sous WordPress, il a servi pendant plusieurs années de vitrine commerciale pour proposer mes services de création de sites Internet sur mesure, de la solution la plus accessible aux développements les plus complexes. Aujourd’hui conservé par pure sentimentalité, il reste un témoignage fidèle d’une belle période d’activité indépendante et d’une expertise WordPress qui s’est forgée projet après projet, client après client. Certains chapitres méritent de rester ouverts. Une offre structurée autour de trois niveaux de solutions WordPress La proposition commerciale de Wpop.fr repose sur trois gammes de sites WordPress pré-packagés, pensées pour répondre à des budgets et des besoins variés. Le site one page à partir de 490 € offre une présence en ligne rapide et soignée pour les structures légères. Le site vitrine à partir de 790 € propose un format multi-pages structuré, idéal pour les artisans, indépendants et TPE. Le site e-commerce à partir de 990 € intègre WooCommerce, une passerelle de paiement Stripe et un compte utilisateur sécurisé. Chaque formule est livrée avec nom de domaine et bénéficie d’un hébergement Web disponible à partir de 200 € par an. Des tarifs accessibles, une qualité non négociable. Des sites sur mesure pour les besoins plus complexes Au-delà des formules pré-packagées, Wpop.fr propose également des développements WordPress sur mesure pour les projets requérant des fonctionnalités spécifiques. C’est dans ce registre que les réalisations les plus techniques ont vu le jour : sites e-commerce connectés à des logiciels de caisse via des extensions WordPress développées sur mesure, applications Web avec intégration de ChatGPT pour l’édition assistée de contenu, systèmes de Click & Collect multiboutique, refontes e-commerce avec migration de catalogues de plusieurs milliers de produits, ou encore développement de plugins WordPress spécialisés pour des besoins métier très précis. Un plugin WordPress maison au cœur de l’écosystème Wpop Pour industrialiser et fiabiliser la production des sites clients, un plugin WordPress propriétaire — l’extension Wpop Tools — a été développé en interne. Ce plugin constitue la colonne vertébrale technique de tous les sites réalisés sous la marque Wpop : il embarque des outils de gestion, des composants réutilisables et des automatisations qui permettent d’accélérer le déploiement tout en garantissant une cohérence de qualité sur l’ensemble des projets. Le genre d’outil qu’on construit quand on en a assez de refaire les mêmes choses à la main. Un portfolio de réalisations représentatives Le site présente un portfolio de réalisations couvrant des secteurs variés : boulangeries artisanales, centres de formation, cliniques esthétiques, e-commerce spécialisé, communication éco-responsable, sport automobile, applications IA. Chaque réalisation témoigne d’une approche sur mesure et d’une attention particulière portée à l’optimisation SEO, aux performances techniques et à l’expérience utilisateur. Un portfolio qui parle mieux qu’un long discours — et qui a convaincu plus d’un client au fil des années. Stack technique et infrastructure Le site Wpop.fr lui-même est développé sous WordPress avec WooCommerce pour la gestion de la boutique de services, et repose sur une infrastructure d’hébergement dédié pour garantir les performances nécessaires à un site vitrine e-commerce. L’ensemble du front-end est optimisé pour le SEO technique — structure sémantique, temps de chargement, responsive design — et intègre le plugin maison Wpop Tools pour la gestion des fonctionnalités spécifiques au site. Découvrir Wpop Web ---