{"id":6749,"date":"2023-01-16T16:51:54","date_gmt":"2023-01-16T16:51:54","guid":{"rendered":"https:\/\/www.internetcommunication.fr\/?p=6749"},"modified":"2024-01-03T15:49:52","modified_gmt":"2024-01-03T15:49:52","slug":"optimisation-seo-preferer-le-html-ou-un-cms","status":"publish","type":"post","link":"https:\/\/www.internetcommunication.fr\/+\/optimisation-seo-preferer-le-html-ou-un-cms.html","title":{"rendered":"Optimisation SEO, pr\u00e9f\u00e9rer le HTML ou un CMS ?"},"content":{"rendered":"<h2><span class=\"ez-toc-section\" id=\"Les_origines_du_HTML\"><\/span>Les origines du HTML<span class=\"ez-toc-section-end\"><\/span><\/h2><div id=\"ez-toc-container\" class=\"ez-toc-v2_0_89 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\">Pour gagner du temps<\/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 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.internetcommunication.fr\/+\/optimisation-seo-preferer-le-html-ou-un-cms.html\/#Les_origines_du_HTML\" >Les origines du HTML<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.internetcommunication.fr\/+\/optimisation-seo-preferer-le-html-ou-un-cms.html\/#Faut-il_preferer_coder_en_HTML_ou_utiliser_un_CMS\" >Faut-il pr\u00e9f\u00e9rer coder en HTML ou utiliser un CMS ?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.internetcommunication.fr\/+\/optimisation-seo-preferer-le-html-ou-un-cms.html\/#Pour_le_SEO_coder_en_dur_en_HTML_ou_utiliser_un_CMS\" >Pour le SEO, coder en dur en HTML ou utiliser un CMS ?<\/a><\/li><\/ul><\/nav><\/div>\n\n<p>HyperText Markup Language (HTML) est un langage de balisage utilis\u00e9 pour structurer et pr\u00e9senter du contenu sur le World Wide Web. Il a \u00e9t\u00e9 imagin\u00e9 par Tim Berners-Lee dans les ann\u00e9es 1990 [3].<\/p>\n<p>Les premiers \u00e9l\u00e9ments du langage HTML comprennent le titre du document, les hyperliens, la structuration du texte en titres, sous-titres, listes ou texte brut, ainsi qu&rsquo;un m\u00e9canisme rudimentaire de recherche par index [1]. Le but de HTML \u00e9tait de permettre la cr\u00e9ation de documents hypertexte, c&rsquo;est-\u00e0-dire de documents contenant des liens qui permettaient de naviguer entre diff\u00e9rentes pages.<\/p>\n<p>Au d\u00e9but de HTML, dans les ann\u00e9es 1991-1992, les doctypes \u00e9taient utilis\u00e9s pour faire r\u00e9f\u00e9rence \u00e0 des ensembles de r\u00e8gles qui pouvaient \u00eatre utilis\u00e9es pour dire qu&rsquo;un document \u00e9tait du HTML \u00ab\u00a0valide\u00a0\u00bb et d\u00e9tecter les erreurs de balisage. Cependant, ces doctypes ne sont plus utilis\u00e9s aujourd&rsquo;hui et sont simplement pr\u00e9sents pour s&rsquo;assurer que la page puisse fonctionner, y compris sur les anciens navigateurs [2].<\/p>\n<p>Au fil des ann\u00e9es, le langage HTML a \u00e9volu\u00e9 pour devenir de plus en plus complexe et capable de g\u00e9rer une grande vari\u00e9t\u00e9 de contenus multim\u00e9dias tels que des images, des vid\u00e9os et de la musique. De nouvelles versions de HTML ont \u00e9t\u00e9 d\u00e9velopp\u00e9es pour r\u00e9pondre aux besoins croissants des d\u00e9veloppeurs et des utilisateurs de sites Web.<\/p>\n<p>HTML est devenu un standard de l&rsquo;industrie et est largement utilis\u00e9 pour cr\u00e9er des sites Web. Il est souvent utilis\u00e9 conjointement avec d&rsquo;autres technologies telles que Cascading Style Sheets (CSS) et JavaScript pour donner \u00e0 un site Web une apparence attrayante et une fonctionnalit\u00e9 avanc\u00e9e.<\/p>\n<p>Ce qu&rsquo;il faut retenir, le HTML est un langage de balisage essentiel pour la cr\u00e9ation de sites Web qui a \u00e9volu\u00e9 au fil du temps pour r\u00e9pondre aux besoins croissants des d\u00e9veloppeurs et des utilisateurs de l&rsquo;Internet.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Faut-il_preferer_coder_en_HTML_ou_utiliser_un_CMS\"><\/span>Faut-il pr\u00e9f\u00e9rer coder en HTML ou utiliser un CMS ?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Il y a deux options pour cr\u00e9er un site Web : coder en HTML ou utiliser un syst\u00e8me de gestion de contenu (CMS).<\/p>\n<p>Le codage en HTML consiste \u00e0 d\u00e9velopper un site \u00ab\u00a0from scratch\u00a0\u00bb, c&rsquo;est-\u00e0-dire \u00e0 construire le site de A \u00e0 Z sans aide compl\u00e9mentaire. Le code est interpr\u00e9t\u00e9 par le navigateur et retourne au visiteur du site le format d&rsquo;une page Web. Plusieurs langages de balisage, de style et de programmation peuvent \u00eatre utilis\u00e9s dans le processus de codage, tels que HTML, CSS et JavaScript [4].<\/p>\n<p>Un CMS, en revanche, est une solution pour la conception et la mise \u00e0 jour de sites Web. Il peut \u00eatre facilement accessible via un navigateur et permet de cr\u00e9er et g\u00e9rer un site Web et son contenu sans avoir de connaissances en programmation. Un CMS se divise en deux interfaces : le frontoffice, qui est la partie visible en interaction avec les visiteurs du site, et le backoffice, qui n&rsquo;est accessible que par l&rsquo;administrateur du site [5].<\/p>\n<p>Il n&rsquo;y a pas de r\u00e9ponse unique \u00e0 la question de savoir s&rsquo;il faut pr\u00e9f\u00e9rer coder en HTML ou utiliser un CMS. Cela d\u00e9pend de vos connaissances et de vos comp\u00e9tences en programmation, de vos besoins en mati\u00e8re de personnalisation et de votre budget. Si vous avez des comp\u00e9tences solides en programmation et que vous souhaitez avoir un contr\u00f4le total sur l&rsquo;apparence et la fonctionnalit\u00e9 de votre site, le codage en HTML peut \u00eatre la meilleure option. Cependant, si vous avez des besoins limit\u00e9s en mati\u00e8re de personnalisation et que vous souhaitez \u00e9conomiser du temps et de l&rsquo;argent, un CMS peut \u00eatre une solution plus ad\u00e9quate [6].<\/p>\n<div class=\"flex flex-grow flex-col gap-3\">\n<div class=\"min-h-[20px] flex flex-col items-start gap-4 whitespace-pre-wrap\">\n<div class=\"markdown prose w-full break-words dark:prose-invert light\">\n<h2><span class=\"ez-toc-section\" id=\"Pour_le_SEO_coder_en_dur_en_HTML_ou_utiliser_un_CMS\"><\/span>Pour le SEO, coder en dur en HTML ou utiliser un CMS ?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Il est recommand\u00e9 d&rsquo;utiliser un syst\u00e8me de gestion de contenu (CMS) pour optimiser le r\u00e9f\u00e9rencement des pages Web. Les CMS sont con\u00e7us avec des fonctionnalit\u00e9s qui peuvent aider \u00e0 am\u00e9liorer le classement des pages dans les r\u00e9sultats de recherche. Ces fonctionnalit\u00e9s peuvent inclure la possibilit\u00e9 de cr\u00e9er des balises de titre et de m\u00e9ta-description, de g\u00e9rer les URL des pages et de cr\u00e9er des redirections 301 pour les pages qui ont \u00e9t\u00e9 d\u00e9plac\u00e9es ou supprim\u00e9es [7].<\/p>\n<p>Cependant, il est important de noter que le simple fait d&rsquo;utiliser un CMS ne garantit pas que votre site sera bien r\u00e9f\u00e9renc\u00e9. Vous devrez \u00e9galement mettre en place des techniques de r\u00e9f\u00e9rencement appropri\u00e9es pour am\u00e9liorer le classement de votre site dans les r\u00e9sultats de recherche. Ces techniques peuvent inclure l&rsquo;optimisation de vos balises de titre et de m\u00e9ta-description, l&rsquo;utilisation de mots-cl\u00e9s pertinents dans le contenu de votre site, la cr\u00e9ation de liens internes et externes de qualit\u00e9 et l&rsquo;optimisation de la vitesse de chargement de votre site [8].<\/p>\n<p>Il est \u00e9galement possible d&rsquo;utiliser un CMS \u00ab\u00a0headless\u00a0\u00bb pour le SEO. Un CMS headless est un CMS qui ne g\u00e9n\u00e8re pas de code HTML\/JavaScript\/CSS et qui utilise principalement des API pour interroger le contenu stock\u00e9 dans ses bases de donn\u00e9es (articles, cat\u00e9gories, produits, images, etc.). Ces CMS sont souvent utilis\u00e9s avec des plateformes <a href=\"https:\/\/www.internetcommunication.fr\/+\/creation-de-site-internet\/creation-de-site-prestashop\">e-commerce<\/a> et peuvent \u00eatre con\u00e7ues en mode headless [9].<\/p>\n<p>En r\u00e9sum\u00e9, il est recommand\u00e9 d&rsquo;utiliser un CMS pour le SEO, mais il est \u00e9galement important de mettre en place des techniques de r\u00e9f\u00e9rencement appropri\u00e9es et de prendre en compte les sp\u00e9cificit\u00e9s d&rsquo;un CMS headless.<\/p>\n<hr \/>\n<p>[1] \u00ab\u00a0Les premiers \u00e9l\u00e9ments du langage HTML comprennent : le titre du document, les hyperliens, la structuration du texte en titres, sous-titres, listes ou texte brut, un m\u00e9canisme rudimentaire de recherche par index. La description de HTML est alors assez informelle et principalement d\u00e9finie par le support des divers navigateurs web contemporains.\u00a0\u00bb<br \/>\nSource: https:\/\/fr.wikipedia.org\/wiki\/Hypertext_Markup_Language<\/p>\n<p>[2] \u00ab\u00a0Au d\u00e9but de HTML, dans les ann\u00e9es 1991-1992, les doctypes \u00e9taient utilis\u00e9s pour faire r\u00e9f\u00e9rence \u00e0 des ensembles de r\u00e8gles quon pouvait utiliser pour dire quun document \u00e9tait du HTML \u00ab valide \u00bb et d\u00e9tecter les erreurs de balisage. Cependant, ceux-ci ne sont plus utilis\u00e9s aujourdhui et sont juste pr\u00e9sents pour sassurer que la page puisse fonctionner y compris sur les anciens navigateurs. Pour le moment, cest tout ce quil y a \u00e0 savoir \u00e0 propos des\u00a0\u00bb<br \/>\nSource: https:\/\/developer.mozilla.org\/fr\/docs\/Learn\/Getting_started_with_the_web\/HTML_basics<\/p>\n<p>[3] \u00ab\u00a0Origines. Le langage HTML a \u00e9t\u00e9 imagin\u00e9 par Tim Berners-Lee dans les ann\u00e9es 1990. Les premiers \u00e9l\u00e9ments de ce langage comprennent le titre du document, les hyperliens, la structuration du texte en titres, sous-titres, listes ou texte brut, et un m\u00e9canisme rudimentaire de recherche par index.\u00a0\u00bb<br \/>\nSource : https:\/\/www.gralon.net\/articles\/internet-et-webmaster\/creation-site-internet\/article-le-langage-html-260.htm<\/p>\n<p>[4] \u00ab\u00a0Deux solutions s&rsquo;offrent \u00e0 vous pour la cr\u00e9ation de votre site : coder ou utiliser un CMS. Commen\u00e7ons par voir quels sont les diff\u00e9rences entre ces deux possibilit\u00e9s : Le codage, c&rsquo;est le d\u00e9veloppement \u00ab from scratch \u00bb, c&rsquo;est-\u00e0-dire construire son site de A \u00e0 Z sans aide compl\u00e9mentaire. Le code est interpr\u00e9t\u00e9 par le navigateur qui retourne pour l&rsquo;internaute le format dune page web. On utilise diff\u00e9rents langages de balisage, de style ou de programmation &#8230;\u00a0\u00bb<br \/>\nSource : https:\/\/webalia.fr\/coder-ou-utiliser-un-cms-pour-son-site-internet\/<\/p>\n<p>[5] \u00ab\u00a0Qu&rsquo;est-ce qu&rsquo;un CMS ? Il s&rsquo;agit d&rsquo;une solution pour la conception et la mise \u00e0 jour de sites web. On peut facilement acc\u00e9der \u00e0 un CMS par un navigateur. Il permet de cr\u00e9er et g\u00e9rer un site web et son contenu sans avoir de connaissances en langage informatique. Le CMS se divise en deux interfaces : le frontoffice et le backoffice. Le frontoffice est la partie visible qui est en interaction avec l&rsquo;internaute, le visiteur du site. Le backoffice n&rsquo;est accessible que par le &#8230;\u00a0\u00bb<br \/>\nSource : https:\/\/blog.specialist-wanted.com\/me-faire-connaitre-sur-internet\/lancer-son-propre-site-internet-utiliser-un-cms-ou-coder-pour-un-site-sur-mesure\/<\/p>\n<p>[6] \u00ab\u00a0Cela \u00e9tant, si tu souhaites personnaliser des choses et ne pas rester enferm\u00e9 dans les limites intrins\u00e8ques de ton th\u00e8me, tu auras probablement besoin t\u00f4t ou tard de mettre les mains dans le cambouis : au minimum dans la connaissance du CSS, \u00e9ventuellement du JavaScript et si tu as vraiment des besoins sp\u00e9cifiques dans celle du PHP ; la connaissance de ces trois langages n&rsquo;est donc pas inutile, m\u00eame avec un CMS.\u00a0\u00bb<br \/>\nSource : https:\/\/openclassrooms.com\/forum\/sujet\/cms-ou-html-css<\/p>\n<p>[7] \u00ab\u00a0De nombreuses fonctionnalit\u00e9s doivent \u00eatre int\u00e9gr\u00e9es \u00e0 un CMS pour optimiser le r\u00e9f\u00e9rencement des pages Web g\u00e9r\u00e9es. Les outils de gestion de contenu Open Source peuvent les embarquer&#8230;\u00a0\u00bb<br \/>\nSource : https:\/\/www.journaldunet.com\/solutions\/seo-referencement\/1002898-cms-et-seo-comment-bien-choisir-sa-plate-forme-de-gestion-de-contenu\/<\/p>\n<p>[8] \u00ab\u00a0Dans cet article, nous allons voir des optimisations orient\u00e9es SEO (pour Search Engine Optimization) afin d&rsquo;am\u00e9liorer le r\u00e9f\u00e9rencement de votre site web aupr\u00e8s des moteurs de recherche&#8230;\u00a0\u00bb<br \/>\nSource : https:\/\/www.journaldunet.com\/solutions\/seo-referencement\/1489225-les-regles-de-base-du-seo-pour-optimiser-votre-referencement\/<\/p>\n<p>[9] \u00ab\u00a0Il ne pr\u00e9voit rien pour g\u00e9n\u00e9rer le code HTML\/Javascript\/CSS. Oui, rien du tout, \u00e0 part des API le plus souvent pour interroger le contenu qui est stock\u00e9 dans les bases du CMS : articles, cat\u00e9gories, produits, images, etc. On appelle cela un CMS \u00ab headless \u00bb. Un CMS \u00ab sans t\u00eate \u00bb. Le concept s&rsquo;applique avec des plateformes <a href=\"https:\/\/www.internetcommunication.fr\/+\/creation-de-site-internet\/creation-de-site-prestashop\">ecommerce<\/a>, qui peuvent elles aussi \u00eatre con\u00e7ues en mode \u00ab headless \u00bb.\u00a0\u00bb<br \/>\nSource : https:\/\/www.neper.fr\/2021\/06\/08\/les-cms-headless-sont-ils-mauvais-pour-le-seo\/<\/p>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Les origines du HTML HyperText Markup Language (HTML) est un langage de balisage utilis\u00e9 pour structurer et pr\u00e9senter du contenu sur le World Wide Web. Il a \u00e9t\u00e9 imagin\u00e9 par Tim Berners-Lee dans les ann\u00e9es 1990 [3]. Les premiers \u00e9l\u00e9ments du langage HTML comprennent le titre du document, les hyperliens, la structuration du texte en [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6750,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[62],"tags":[389],"class_list":["post-6749","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-referencement-naturel","tag-html"],"_links":{"self":[{"href":"https:\/\/www.internetcommunication.fr\/+\/wp-json\/wp\/v2\/posts\/6749","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.internetcommunication.fr\/+\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.internetcommunication.fr\/+\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.internetcommunication.fr\/+\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.internetcommunication.fr\/+\/wp-json\/wp\/v2\/comments?post=6749"}],"version-history":[{"count":1,"href":"https:\/\/www.internetcommunication.fr\/+\/wp-json\/wp\/v2\/posts\/6749\/revisions"}],"predecessor-version":[{"id":8063,"href":"https:\/\/www.internetcommunication.fr\/+\/wp-json\/wp\/v2\/posts\/6749\/revisions\/8063"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.internetcommunication.fr\/+\/wp-json\/wp\/v2\/media\/6750"}],"wp:attachment":[{"href":"https:\/\/www.internetcommunication.fr\/+\/wp-json\/wp\/v2\/media?parent=6749"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.internetcommunication.fr\/+\/wp-json\/wp\/v2\/categories?post=6749"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.internetcommunication.fr\/+\/wp-json\/wp\/v2\/tags?post=6749"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}