{"id":135,"date":"2026-05-25T09:31:45","date_gmt":"2026-05-25T09:31:45","guid":{"rendered":"https:\/\/ph-plomberie.fr\/blog\/depannage\/architecture-site-web\/"},"modified":"2026-05-25T09:31:45","modified_gmt":"2026-05-25T09:31:45","slug":"architecture-site-web","status":"publish","type":"post","link":"https:\/\/ph-plomberie.fr\/blog\/depannage\/architecture-site-web\/","title":{"rendered":"Architecture compl\u00e8te de notre site web"},"content":{"rendered":"<p class=\"wp-block-paragraph\"><strong>En bref<\/strong><\/p>\n\n<ul class=\"wp-block-list\"><li><strong>Une architecture web solide<\/strong> commence par une arborescence lisible : moins de clics inutiles, plus de clart\u00e9 pour l\u2019utilisateur comme pour Google.<\/li><li><strong>Le couple front-end \/ back-end<\/strong> doit \u00eatre d\u00e9coup\u00e9 proprement : ce qui s\u2019affiche d\u2019un c\u00f4t\u00e9, ce qui traite et s\u00e9curise de l\u2019autre.<\/li><li><strong>La base de donn\u00e9es<\/strong> n\u2019est pas un fourre-tout : sa structure conditionne les temps de r\u00e9ponse, la fiabilit\u00e9 et la maintenance.<\/li><li><strong>Serveur, API, s\u00e9curit\u00e9<\/strong> : la technique invisible qui \u00e9vite les pannes, les fuites de donn\u00e9es et les ralentissements.<\/li><li><strong>Performance et scalabilit\u00e9<\/strong> se pr\u00e9parent avant la mont\u00e9e en charge, pas au moment o\u00f9 le site web tombe en plein pic de trafic.<\/li><li><strong>Une m\u00e9thode de publication<\/strong> (contenus, cat\u00e9gories, maillage interne) fait la diff\u00e9rence entre un magazine utile et un empilement de pages.<\/li><\/ul>\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_84 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Sommaire<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 eztoc-toggle-hide-by-default' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/ph-plomberie.fr\/blog\/depannage\/architecture-site-web\/#Architecture_complete_de_notre_site_web_arborescence_parcours_lecteur_et_logique_editoriale\" >Architecture compl\u00e8te de notre site web : arborescence, parcours lecteur et logique \u00e9ditoriale<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/ph-plomberie.fr\/blog\/depannage\/architecture-site-web\/#Architecture_web_cote_technique_front-end_back-end_serveur_et_API_sans_zones_grises\" >Architecture web c\u00f4t\u00e9 technique : front-end, back-end, serveur et API sans zones grises<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/ph-plomberie.fr\/blog\/depannage\/architecture-site-web\/#Base_de_donnees_structuration_qualite_de_linformation_et_maintenance_au_long_cours\" >Base de donn\u00e9es : structuration, qualit\u00e9 de l\u2019information et maintenance au long cours<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/ph-plomberie.fr\/blog\/depannage\/architecture-site-web\/#Securite_proteger_le_site_web_les_comptes_et_la_reputation_sans_paranoia\" >S\u00e9curit\u00e9 : prot\u00e9ger le site web, les comptes et la r\u00e9putation (sans parano\u00efa)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/ph-plomberie.fr\/blog\/depannage\/architecture-site-web\/#Performance_et_scalabilite_construire_une_architecture_web_qui_tient_la_charge\" >Performance et scalabilit\u00e9 : construire une architecture web qui tient la charge<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Architecture_complete_de_notre_site_web_arborescence_parcours_lecteur_et_logique_editoriale\"><\/span>Architecture compl\u00e8te de notre site web : arborescence, parcours lecteur et logique \u00e9ditoriale<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n<p class=\"wp-block-paragraph\">Une architecture web, ce n\u2019est pas une affaire de \u201cjoli menu\u201d. C\u2019est d\u2019abord une mani\u00e8re de ranger l\u2019information pour que l\u2019utilisateur trouve rapidement, et pour que les moteurs comprennent sans se perdre. Sur un magazine technique grand public, la difficult\u00e9 vient d\u2019un point : le lecteur arrive souvent avec une question pr\u00e9cise, parfois press\u00e9, parfois m\u00e9fiant. Il doit pouvoir d\u00e9cider vite, sans tomber sur dix pages qui disent la m\u00eame chose.<\/p>\n\n<p class=\"wp-block-paragraph\">Une r\u00e8gle simple donne le ton : <strong>une page = une intention dominante<\/strong>. Un propri\u00e9taire qui tape \u201cfuite sous \u00e9vier\u201d ne veut pas lire une dissertation sur l\u2019histoire de la robinetterie. \u00c0 l\u2019inverse, une personne qui pr\u00e9pare une r\u00e9novation de salle de bains a besoin d\u2019un panorama, de budgets et d\u2019options, avec des rep\u00e8res de normes et d\u2019erreurs \u00e0 \u00e9viter.<\/p>\n\n<h3 class=\"wp-block-heading\">Construire une arborescence qui tient debout (m\u00eame apr\u00e8s 300 articles)<\/h3>\n\n<p class=\"wp-block-paragraph\">Pour \u00e9viter l\u2019effet \u201cgarage sans \u00e9tag\u00e8res\u201d, la structure s\u2019appuie sur quelques cat\u00e9gories stables. L\u2019id\u00e9e est de pouvoir ajouter des contenus pendant des ann\u00e9es sans casser la navigation. Un bon test consiste \u00e0 se demander : si 50 nouveaux sujets arrivent demain, o\u00f9 vont-ils se ranger sans cr\u00e9er une nouvelle cat\u00e9gorie fourre-tout ?<\/p>\n\n<p class=\"wp-block-paragraph\">Un exemple de d\u00e9coupage qui fonctionne bien sur un site web de plomberie domestique : D\u00e9pannage, \u00c9quipements &amp; sanitaire, R\u00e9novation &amp; travaux, Prix &amp; devis, Actualit\u00e9s. \u00c0 l\u2019int\u00e9rieur, chaque cat\u00e9gorie se d\u00e9cline en dossiers coh\u00e9rents. Sur \u201cR\u00e9novation\u201d, on s\u00e9pare clairement la r\u00e9novation de salle de bains, la cuisine, le r\u00e9seau d\u2019alimentation, l\u2019\u00e9vacuation, l\u2019\u00e9tanch\u00e9it\u00e9. Cette s\u00e9paration n\u2019a rien de th\u00e9orique : elle \u00e9vite de m\u00e9langer des contraintes qui n\u2019ont pas le m\u00eame niveau de risque.<\/p>\n\n<h3 class=\"wp-block-heading\">Parcours lecteur : du sympt\u00f4me \u00e0 la d\u00e9cision<\/h3>\n\n<p class=\"wp-block-paragraph\">Le fil conducteur peut \u00eatre illustr\u00e9 par un cas typique : Claire, propri\u00e9taire d\u2019un T3, d\u00e9couvre une odeur d\u2019\u00e9gout dans la salle d\u2019eau. Elle arrive via une recherche, lit un encadr\u00e9 \u201c\u00e0 v\u00e9rifier en 2 minutes\u201d, comprend ce qu\u2019est un siphon (le coude en U qui garde une garde d\u2019eau), puis bascule vers une page plus technique si besoin. En 5 minutes, elle doit savoir si c\u2019est un nettoyage simple ou si une recherche de fuite s\u2019impose.<\/p>\n\n<p class=\"wp-block-paragraph\">Ce parcours se renforce par du maillage interne descriptif. Un lien doit \u00eatre une direction, pas une d\u00e9coration. Par exemple, quand le sujet touche la r\u00e9novation des r\u00e9seaux, il est logique de renvoyer vers un comparatif mat\u00e9riaux, comme <a href=\"https:\/\/ph-plomberie.fr\/blog\/depannage\/plomberie-renovation-per-cuivre\/\">un guide sur le choix PER ou cuivre en r\u00e9novation<\/a>, parce que le choix impacte la dur\u00e9e de vie, la mise en \u0153uvre, et parfois l\u2019assurance en cas de sinistre. La phrase-cl\u00e9 \u00e0 garder en t\u00eate : <strong>un lien doit \u00e9viter une mauvaise d\u00e9cision<\/strong>.<\/p>\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1344\" height=\"768\" src=\"https:\/\/blog.ph-plomberie.fr\/wp-content\/uploads\/2026\/05\/Architecture-complete-de-notre-site-web-1.jpg\" alt=\"d\u00e9couvrez l&#039;architecture compl\u00e8te de notre site web, incluant la structure, les technologies utilis\u00e9es et l&#039;organisation des contenus pour une exp\u00e9rience utilisateur optimale.\" class=\"wp-image-134\" srcset=\"https:\/\/blog.ph-plomberie.fr\/wp-content\/uploads\/2026\/05\/Architecture-complete-de-notre-site-web-1.jpg 1344w, https:\/\/blog.ph-plomberie.fr\/wp-content\/uploads\/2026\/05\/Architecture-complete-de-notre-site-web-1-300x171.jpg 300w, https:\/\/blog.ph-plomberie.fr\/wp-content\/uploads\/2026\/05\/Architecture-complete-de-notre-site-web-1-1024x585.jpg 1024w, https:\/\/blog.ph-plomberie.fr\/wp-content\/uploads\/2026\/05\/Architecture-complete-de-notre-site-web-1-768x439.jpg 768w\" sizes=\"auto, (max-width: 1344px) 100vw, 1344px\" \/><\/figure>\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Architecture_web_cote_technique_front-end_back-end_serveur_et_API_sans_zones_grises\"><\/span>Architecture web c\u00f4t\u00e9 technique : front-end, back-end, serveur et API sans zones grises<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n<p class=\"wp-block-paragraph\">Sur le papier, \u201cfront-end\u201d et \u201cback-end\u201d sont deux mots qui font savant. En pratique, c\u2019est juste une s\u00e9paration de responsabilit\u00e9s. Le <strong>front-end<\/strong>, c\u2019est ce que l\u2019internaute voit et manipule (pages, formulaires, moteur de recherche interne, filtres). Le <strong>back-end<\/strong>, c\u2019est ce qui traite : authentification, g\u00e9n\u00e9ration de pages, r\u00e8gles m\u00e9tier, envoi d\u2019e-mails, mod\u00e9ration, calculs, acc\u00e8s aux donn\u00e9es. Quand les responsabilit\u00e9s sont m\u00e9lang\u00e9es, le site devient fragile : chaque \u00e9volution casse un truc ailleurs.<\/p>\n\n<h3 class=\"wp-block-heading\">Le serveur : dimensionner, isoler, superviser<\/h3>\n\n<p class=\"wp-block-paragraph\">Le serveur n\u2019est pas une bo\u00eete magique. Il doit \u00eatre choisi et configur\u00e9 selon la charge r\u00e9elle : nombre de pages vues, pics (par exemple l\u2019hiver sur les pannes de chauffe-eau), poids des images, requ\u00eates vers la base de donn\u00e9es. Un incident classique, vu sur des sites m\u00e9dias, c\u2019est le \u201ctout marche en test, et \u00e7a s\u2019\u00e9croule le jour o\u00f9 un article prend\u201d. La diff\u00e9rence se joue sur la mise en cache, la compression, et la surveillance.<\/p>\n\n<p class=\"wp-block-paragraph\">Un exemple concret : un article d\u2019urgence (fuite, ballon qui goutte, WC bouch\u00e9) peut faire x10 en trafic sur 48 heures. Si le serveur doit recalculer la page \u00e0 chaque visite, il sature. Si une couche de cache est en place, la page est servie vite, et le back-end respire. <strong>La performance est un choix d\u2019architecture<\/strong>, pas un r\u00e9glage de derni\u00e8re minute.<\/p>\n\n<h3 class=\"wp-block-heading\">API : connecter sans ouvrir la porte aux courants d\u2019air<\/h3>\n\n<p class=\"wp-block-paragraph\">Une <strong>API<\/strong> (interface de programmation) permet d\u2019\u00e9changer des donn\u00e9es entre syst\u00e8mes : par exemple, r\u00e9cup\u00e9rer les fiches d\u2019entreprises depuis une source ouverte, pousser des donn\u00e9es vers un moteur de recherche interne, ou alimenter un module \u201cprix moyen\u201d depuis une table d\u00e9di\u00e9e. L\u2019int\u00e9r\u00eat : \u00e9viter les copier-coller, fiabiliser les mises \u00e0 jour, tracer l\u2019origine de l\u2019information.<\/p>\n\n<p class=\"wp-block-paragraph\">Mais une API mal encadr\u00e9e, c\u2019est une fen\u00eatre ouverte. Il faut des cl\u00e9s, des quotas, des logs, et des r\u00e8gles de validation. Sur un site web \u00e9ditorial, la priorit\u00e9 est de limiter les surfaces d\u2019attaque : pas d\u2019endpoint inutile, pas de droits \u201cadmin\u201d distribu\u00e9s comme des bonbons, et des acc\u00e8s segment\u00e9s selon les usages.<\/p>\n\n<figure class=\"is-provider-youtube is-type-video wp-block-embed wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Cr\u00e9ation de site internet : Webdesign architecte d&amp;apos;int\u00e9rieur\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/EivCWGtb6F0?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Base_de_donnees_structuration_qualite_de_linformation_et_maintenance_au_long_cours\"><\/span>Base de donn\u00e9es : structuration, qualit\u00e9 de l\u2019information et maintenance au long cours<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n<p class=\"wp-block-paragraph\">La <strong>base de donn\u00e9es<\/strong> est souvent trait\u00e9e comme un simple stockage. Erreur classique. C\u2019est le c\u0153ur de la coh\u00e9rence : contenus, auteurs, dates de mise \u00e0 jour, bar\u00e8mes de prix, pages-villes, fiches artisans, FAQ, liens internes. Si ce c\u0153ur est mal con\u00e7u, le site web devient co\u00fbteux \u00e0 maintenir, et les incoh\u00e9rences se multiplient (deux prix diff\u00e9rents sur deux pages, une ville en double, une fiche artisan qui ne se met jamais \u00e0 jour).<\/p>\n\n<h3 class=\"wp-block-heading\">Mod\u00e8le de donn\u00e9es : s\u00e9parer \u201ccontenu\u201d et \u201cr\u00e9f\u00e9rentiels\u201d<\/h3>\n\n<p class=\"wp-block-paragraph\">Un contenu \u00e9ditorial (un article) doit rester un r\u00e9cit utile, lisible. En revanche, certaines informations m\u00e9ritent un stockage structur\u00e9 : fourchettes de prix, dur\u00e9es d\u2019intervention, niveaux de difficult\u00e9, normes cit\u00e9es. Ces \u00e9l\u00e9ments peuvent alimenter des encadr\u00e9s coh\u00e9rents sur tout le site, sans r\u00e9\u00e9crire \u00e0 la main. C\u2019est aussi un moyen de mettre \u00e0 jour proprement : si le bar\u00e8me \u00e9volue, on corrige une table, pas 80 articles.<\/p>\n\n<p class=\"wp-block-paragraph\">Un cas tr\u00e8s parlant : les \u201cprix moyens\u201d en d\u00e9pannage. Si chaque page contient son propre paragraphe tarifaire, la moiti\u00e9 finit obsol\u00e8te. En structurant les tarifs en base, on affiche la m\u00eame r\u00e9f\u00e9rence partout, avec une date de r\u00e9vision. R\u00e9sultat : moins d\u2019erreurs et moins de litiges de compr\u00e9hension c\u00f4t\u00e9 lecteur.<\/p>\n\n<h3 class=\"wp-block-heading\">Tableau de gouvernance des donn\u00e9es : qui \u00e9crit, qui valide, qui publie<\/h3>\n\n<p class=\"wp-block-paragraph\">La technique ne suffit pas : il faut une discipline de publication. Un article non relu, c\u2019est comme un raccord serti sans contr\u00f4le : \u00e7a tient\u2026 jusqu\u2019au jour o\u00f9 \u00e7a l\u00e2che. Le tableau ci-dessous illustre une r\u00e9partition simple, adapt\u00e9e \u00e0 une \u00e9quipe r\u00e9duite.<\/p>\n\n<figure class=\"wp-block-table\"><table>\n<thead>\n<tr>\n<th>\u00c9l\u00e9ment<\/th>\n<th>Stockage (base de donn\u00e9es)<\/th>\n<th>R\u00e8gle de validation<\/th>\n<th>Impact direct<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Article guide<\/td>\n<td>Contenu + m\u00e9tadonn\u00e9es (auteur, date, cat\u00e9gorie)<\/td>\n<td>Relecture technique + liens sources<\/td>\n<td>Fiabilit\u00e9, SEO, confiance<\/td>\n<\/tr>\n<tr>\n<td>Bar\u00e8me de prix<\/td>\n<td>Table \u201ctarifs\u201d versionn\u00e9e<\/td>\n<td>Date de r\u00e9vision + fourchettes justifi\u00e9es<\/td>\n<td>Transparence, d\u00e9cisions rapides<\/td>\n<\/tr>\n<tr>\n<td>FAQ<\/td>\n<td>Table \u201cquestions\/r\u00e9ponses\u201d li\u00e9e \u00e0 l\u2019article<\/td>\n<td>R\u00e9ponse courte, factuelle, actionnable<\/td>\n<td>Recherche vocale, snippet<\/td>\n<\/tr>\n<tr>\n<td>Page-ville<\/td>\n<td>Ville + contexte local + listing issu de sources ouvertes<\/td>\n<td>Anti-duplication + mise \u00e0 jour annuelle<\/td>\n<td>Utilit\u00e9 locale, coh\u00e9rence annuaire<\/td>\n<\/tr>\n<\/tbody>\n<\/table><\/figure>\n\n<p class=\"wp-block-paragraph\">La phrase \u00e0 garder : <strong>une base de donn\u00e9es propre \u00e9vite les contradictions<\/strong>. Et quand un lecteur compare deux pages avant d\u2019appeler un artisan, cette coh\u00e9rence se voit imm\u00e9diatement.<\/p>\n\n<figure class=\"is-provider-youtube is-type-video wp-block-embed wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Architecture microservice - C&amp;apos;est quoi ?\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/klja0AXCd5E?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Securite_proteger_le_site_web_les_comptes_et_la_reputation_sans_paranoia\"><\/span>S\u00e9curit\u00e9 : prot\u00e9ger le site web, les comptes et la r\u00e9putation (sans parano\u00efa)<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n<p class=\"wp-block-paragraph\">La <strong>s\u00e9curit\u00e9<\/strong> n\u2019est pas r\u00e9serv\u00e9e aux banques. Un magazine en ligne peut \u00eatre cibl\u00e9 pour des raisons tr\u00e8s terre-\u00e0-terre : injection de liens spam, vol de compte admin, redirection vers des sites douteux, ran\u00e7ongiciel sur l\u2019h\u00e9bergement. Le dommage principal n\u2019est m\u00eame pas technique : c\u2019est la confiance. Un lecteur qui tombe sur un avertissement navigateur ou une page redirig\u00e9e ne revient pas.<\/p>\n\n<h3 class=\"wp-block-heading\">Les points d\u2019entr\u00e9e les plus courants<\/h3>\n\n<p class=\"wp-block-paragraph\">Dans la vraie vie, les attaques passent souvent par des portes simples : mots de passe faibles, plugins non mis \u00e0 jour, droits trop larges, formulaires sans protection, API ouverte. Le correctif est rarement spectaculaire, mais il doit \u00eatre constant. La m\u00e9thode la plus efficace reste la plus ingrate : mises \u00e0 jour, sauvegardes, et contr\u00f4le des acc\u00e8s.<\/p>\n\n<p class=\"wp-block-paragraph\">Une anecdote de terrain, transpos\u00e9e au web : sur un chantier \u00e0 Saint-Pierre-des-Corps, un client avait \u201cs\u00e9curis\u00e9\u201d sa maison avec trois verrous\u2026 mais la fen\u00eatre des toilettes restait ouverte sur vasistas. Sur le web, c\u2019est pareil : on peut acheter un gros firewall, si un compte \u00e9diteur a un mot de passe recycl\u00e9, le risque est d\u00e9j\u00e0 l\u00e0. <strong>La s\u00e9curit\u00e9, c\u2019est la cha\u00eene enti\u00e8re<\/strong>.<\/p>\n\n<h3 class=\"wp-block-heading\">Mesures concr\u00e8tes et proportionn\u00e9es<\/h3>\n\n<p class=\"wp-block-paragraph\">Pour un site web \u00e9ditorial, une base saine tient en quelques lignes d\u2019action : forcer le HTTPS, activer une protection anti-brute-force, imposer le MFA (double authentification) pour les comptes sensibles, limiter les droits, isoler les environnements (test\/production), et automatiser des sauvegardes quotidiennes test\u00e9es. \u201cTest\u00e9es\u201d est le mot important : une sauvegarde qu\u2019on ne sait pas restaurer ne vaut pas grand-chose.<\/p>\n\n<p class=\"wp-block-paragraph\">Un autre point souvent n\u00e9glig\u00e9 : la tra\u00e7abilit\u00e9. Les logs (journaux) doivent permettre de r\u00e9pondre \u00e0 des questions simples : qui s\u2019est connect\u00e9, quand, depuis o\u00f9, et qu\u2019est-ce qui a chang\u00e9. Cela ne fait pas r\u00eaver, mais le jour d\u2019un incident, cela \u00e9vite de naviguer \u00e0 l\u2019aveugle.<\/p>\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Performance_et_scalabilite_construire_une_architecture_web_qui_tient_la_charge\"><\/span>Performance et scalabilit\u00e9 : construire une architecture web qui tient la charge<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n<p class=\"wp-block-paragraph\">La <strong>performance<\/strong>, ce n\u2019est pas seulement \u201cfaire plaisir \u00e0 Google\u201d. C\u2019est d\u2019abord une question de service rendu. Un lecteur en situation d\u2019urgence (fuite, panne) quitte une page qui met 6 secondes \u00e0 s\u2019afficher. Et la <strong>scalabilit\u00e9<\/strong>, c\u2019est la capacit\u00e9 \u00e0 absorber une hausse de trafic sans tout refaire, ni exploser la facture serveur.<\/p>\n\n<h3 class=\"wp-block-heading\">Ce qui ralentit vraiment : requ\u00eates, images, scripts et pages trop lourdes<\/h3>\n\n<p class=\"wp-block-paragraph\">Les ralentissements viennent souvent de quatre sources : trop d\u2019appels \u00e0 la base de donn\u00e9es, images non optimis\u00e9es, scripts externes en pagaille, et absence de cache. La solution n\u2019est pas de \u201ctout minifier\u201d au hasard. Il faut mesurer, puis corriger ce qui p\u00e8se. Un site de contenus peut \u00eatre tr\u00e8s rapide si les pages sont pr\u00e9-g\u00e9n\u00e9r\u00e9es, servies via cache, et si les images sont d\u00e9livr\u00e9es au bon format.<\/p>\n\n<p class=\"wp-block-paragraph\">Un exemple parlant : une page \u201cprix d\u00e9bouchage canalisation\u201d peut contenir un tableau, une FAQ, deux sch\u00e9mas. Si chaque image est charg\u00e9e en 4K sans compression, vous payez en temps de chargement. \u00c0 l\u2019inverse, si le serveur d\u00e9livre une image adapt\u00e9e \u00e0 l\u2019\u00e9cran, le rendu reste net et la page devient fluide. <strong>La performance, c\u2019est de l\u2019ajustement intelligent<\/strong>.<\/p>\n\n<h3 class=\"wp-block-heading\">Pr\u00e9parer les pics : cache, CDN, et d\u00e9couplage raisonn\u00e9<\/h3>\n\n<p class=\"wp-block-paragraph\">Pour encaisser les pics, une strat\u00e9gie classique combine : cache serveur, \u00e9ventuellement CDN (r\u00e9seau de diffusion) pour les ressources statiques, et limitation des traitements dynamiques. Le d\u00e9couplage peut aller plus loin : certaines parties tr\u00e8s consult\u00e9es (bar\u00e8mes, pages de r\u00e9f\u00e9rence) sont mises en avant et optimis\u00e9es en priorit\u00e9, tandis que les zones \u00e0 faible trafic restent plus simples.<\/p>\n\n<p class=\"wp-block-paragraph\">Un dernier point : l\u2019architecture technique doit rester coh\u00e9rente avec la ligne \u00e9ditoriale. Un magazine ind\u00e9pendant, qui ne vend rien et ne fait pas de mise en relation payante, a int\u00e9r\u00eat \u00e0 \u00e9viter les trackers et scripts inutiles. Moins d\u2019outils \u201cmarketing\u201d, c\u2019est aussi moins de surface d\u2019attaque, moins de poids, et une lecture plus confortable. La transition naturelle, ensuite, concerne la fabrication des contenus et leur mise en rayon, exactement comme un magasin bien tenu.<\/p>\n\n<script type=\"application\/ld+json\">\n{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"Quelle diffu00e9rence entre architecture web et design du2019un site web ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Lu2019architecture web du00e9crit la structure et lu2019organisation : arborescence des pages, logique de navigation, liens internes, et cu00f4tu00e9 technique la ru00e9partition front-end\/back-end, base de donnu00e9es, serveur et API. Le design concerne surtout lu2019apparence (couleurs, typographies, mise en page). Un site peut u00eatre joli et mal architecturu00e9, ou sobre et tru00e8s efficace.\"}},{\"@type\":\"Question\",\"name\":\"Pourquoi lu2019architecture du2019un site web influence-t-elle le ru00e9fu00e9rencement ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Une structure claire aide les moteurs u00e0 explorer (crawl) et comprendre les pages : moins de pages orphelines, meilleure hiu00e9rarchie, maillage interne logique, URLs cohu00e9rentes. Ru00e9sultat : lu2019indexation est plus propre et les pages importantes ressortent mieux.\"}},{\"@type\":\"Question\",\"name\":\"u00c0 partir de quand faut-il penser scalabilitu00e9 ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Du00e8s la conception. La scalabilitu00e9 se pru00e9pare avec le cache, une base de donnu00e9es bien structuru00e9e, des pages qui u00e9vitent les traitements lourds, et une infrastructure qui se surveille. Attendre le pic de trafic revient u00e0 ru00e9parer une fuite quand le plafond est du00e9ju00e0 tachu00e9.\"}},{\"@type\":\"Question\",\"name\":\"Quels sont les points de su00e9curitu00e9 prioritaires pour un site u00e9ditorial ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"HTTPS partout, mises u00e0 jour ru00e9guliu00e8res, sauvegardes restaurables, mots de passe forts et MFA pour les comptes sensibles, limitation des droits, protection des formulaires et de lu2019API, surveillance des connexions et des modifications. Lu2019objectif est du2019u00e9viter le piratage opportuniste, le plus fru00e9quent.\"}},{\"@type\":\"Question\",\"name\":\"Comment du00e9cider ce qui va en base de donnu00e9es et ce qui reste dans le texte des articles ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Tout ce qui est ru00e9utilisu00e9 et doit rester cohu00e9rent (tarifs, duru00e9es, niveaux de difficultu00e9, ru00e9fu00e9rences) a intu00e9ru00eat u00e0 u00eatre structuru00e9 en base de donnu00e9es, versionnu00e9 et datu00e9. Le texte reste utile pour expliquer, contextualiser, donner des exemples, et guider la du00e9cision du lecteur.\"}}]}\n<\/script>\n<h3>Quelle diff\u00e9rence entre architecture web et design d\u2019un site web ?<\/h3>\n<p>L\u2019architecture web d\u00e9crit la structure et l\u2019organisation : arborescence des pages, logique de navigation, liens internes, et c\u00f4t\u00e9 technique la r\u00e9partition front-end\/back-end, base de donn\u00e9es, serveur et API. Le design concerne surtout l\u2019apparence (couleurs, typographies, mise en page). Un site peut \u00eatre joli et mal architectur\u00e9, ou sobre et tr\u00e8s efficace.<\/p>\n<h3>Pourquoi l\u2019architecture d\u2019un site web influence-t-elle le r\u00e9f\u00e9rencement ?<\/h3>\n<p>Une structure claire aide les moteurs \u00e0 explorer (crawl) et comprendre les pages : moins de pages orphelines, meilleure hi\u00e9rarchie, maillage interne logique, URLs coh\u00e9rentes. R\u00e9sultat : l\u2019indexation est plus propre et les pages importantes ressortent mieux.<\/p>\n<h3>\u00c0 partir de quand faut-il penser scalabilit\u00e9 ?<\/h3>\n<p>D\u00e8s la conception. La scalabilit\u00e9 se pr\u00e9pare avec le cache, une base de donn\u00e9es bien structur\u00e9e, des pages qui \u00e9vitent les traitements lourds, et une infrastructure qui se surveille. Attendre le pic de trafic revient \u00e0 r\u00e9parer une fuite quand le plafond est d\u00e9j\u00e0 tach\u00e9.<\/p>\n<h3>Quels sont les points de s\u00e9curit\u00e9 prioritaires pour un site \u00e9ditorial ?<\/h3>\n<p>HTTPS partout, mises \u00e0 jour r\u00e9guli\u00e8res, sauvegardes restaurables, mots de passe forts et MFA pour les comptes sensibles, limitation des droits, protection des formulaires et de l\u2019API, surveillance des connexions et des modifications. L\u2019objectif est d\u2019\u00e9viter le piratage opportuniste, le plus fr\u00e9quent.<\/p>\n<h3>Comment d\u00e9cider ce qui va en base de donn\u00e9es et ce qui reste dans le texte des articles ?<\/h3>\n<p>Tout ce qui est r\u00e9utilis\u00e9 et doit rester coh\u00e9rent (tarifs, dur\u00e9es, niveaux de difficult\u00e9, r\u00e9f\u00e9rences) a int\u00e9r\u00eat \u00e0 \u00eatre structur\u00e9 en base de donn\u00e9es, versionn\u00e9 et dat\u00e9. Le texte reste utile pour expliquer, contextualiser, donner des exemples, et guider la d\u00e9cision du lecteur.<\/p>\n\n","protected":false},"excerpt":{"rendered":"<p>En bref Architecture compl\u00e8te de notre site web : arborescence, parcours lecteur et logique \u00e9ditoriale Une architecture web, ce n\u2019est pas une affaire de \u201cjoli menu\u201d. C\u2019est d\u2019abord une mani\u00e8re de ranger l\u2019information pour que l\u2019utilisateur trouve rapidement, et pour que les moteurs comprennent sans se perdre. Sur un magazine technique grand public, la difficult\u00e9 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":133,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-135","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-actualites"],"_links":{"self":[{"href":"https:\/\/ph-plomberie.fr\/blog\/wp-json\/wp\/v2\/posts\/135","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ph-plomberie.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ph-plomberie.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ph-plomberie.fr\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ph-plomberie.fr\/blog\/wp-json\/wp\/v2\/comments?post=135"}],"version-history":[{"count":0,"href":"https:\/\/ph-plomberie.fr\/blog\/wp-json\/wp\/v2\/posts\/135\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ph-plomberie.fr\/blog\/wp-json\/wp\/v2\/media\/133"}],"wp:attachment":[{"href":"https:\/\/ph-plomberie.fr\/blog\/wp-json\/wp\/v2\/media?parent=135"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ph-plomberie.fr\/blog\/wp-json\/wp\/v2\/categories?post=135"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ph-plomberie.fr\/blog\/wp-json\/wp\/v2\/tags?post=135"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}