{"id":2650,"date":"2012-09-19T14:28:41","date_gmt":"2012-09-19T18:28:41","guid":{"rendered":"http:\/\/marketingmedia.ca\/?p=2650"},"modified":"2016-02-12T12:45:31","modified_gmt":"2016-02-12T17:45:31","slug":"un-html-valide-dans-linteret-de-votre-site","status":"publish","type":"post","link":"https:\/\/marketing.media\/fr\/un-html-valide-dans-linteret-de-votre-site\/","title":{"rendered":"Un HTML valide dans l\u2019int\u00e9r\u00eat de votre site"},"content":{"rendered":"<p><a style=\"text-decoration: none; color: #000;\" title=\"web design\" href=\"http:\/\/www.marketingmedia.ca\/\" rel=\"nofollow noopener\" target=\"_blank\"><strong>Le design Web \u00a0(la conception de site Web)<\/strong><\/a> a beaucoup chang\u00e9 au cours de\u00a0la derni\u00e8re d\u00e9cennie, dans la mesure o\u00f9 la technologie de d\u00e9veloppement de la fa\u00e7ade est concern\u00e9e. Aux oubliettes le GIF anim\u00e9, les banni\u00e8res de d\u00e9filement, et la touche clignotement Cliquez! d\u2019antan. \u00c0 leur place, nous avons des multifonctions (sleek), des conceptions accrocheuses, des menus de navigation\u00a0et des interfaces bien structur\u00e9s. Toutefois, de nombreux designers n\u00e9gligent encore de s\u2019assurer que leur code HTML est valide et conforme aux normes. Certains ne voient pas l\u2019importance d\u2019un HTML valide. Tant que l\u2019affichage de leur site est plus ou moins correct dans le navigateur, ils supposent que leur travail est fait. Cependant, un bon codage dans la conception d\u2019un site Web est un facteur tr\u00e8s important pour plusieurs raisons.<\/p>\n<div style=\"text-align: center; padding-bottom: 20px;\"><a href=\"http:\/\/marketingmedia.ca\/wp-content\/uploads\/2011\/07\/marketingmediavalidated.jpg\" rel=\"nofollow noopener\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-88\" title=\"marketingmediavalidated\" src=\"http:\/\/marketingmedia.ca\/wp-content\/uploads\/2011\/07\/marketingmediavalidated.jpg\" alt=\"- marketingmedia\" width=\"480\" height=\"270\"><\/a><\/div>\n<h2>L\u2019optimisation du moteur de recherche<\/h2>\n<p>Alors que les m\u00e9ta-balises (metatags), la densit\u00e9 des mots-cl\u00e9s et la construction des liens sont tous des \u00e9l\u00e9ments cruciaux de la SEO, un codage HTML valide a \u00e9galement un r\u00f4le \u00e0 jouer dans l&rsquo;am\u00e9lioration\u00a0des classements par les\u00a0moteurs de recherche. En effet, les sections de l\u2019ent\u00eate correctement format\u00e9es permettent aux moteurs de recherche comme Google d\u2019indexer et de cataloguer votre site compl\u00e8tement et efficacement. Cela signifie que votre dernier contenu appara\u00eet plus rapidement dans la recherche des r\u00e9sultats . En outre, un codage HTML valide dans l&rsquo;ensemble du\u00a0corps de vos diff\u00e9rentes pages augmente la probabilit\u00e9 que les moteurs de recherche puissent explorer sans erreur\u00a0l\u2019int\u00e9gralit\u00e9 de votre site . Vous pouvez ainsi\u00a0obtenir un rang organique plus \u00e9lev\u00e9 pour les mots-cl\u00e9s que vous d\u00e9sirez cibler.<\/p>\n<div style=\"text-align: center; padding-bottom: 20px;\"><a href=\"http:\/\/marketingmedia.ca\/wp-content\/uploads\/2011\/07\/error.jpg\" rel=\"nofollow noopener\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-81\" title=\"error\" src=\"http:\/\/marketingmedia.ca\/wp-content\/uploads\/2011\/07\/error.jpg\" alt=\"- marketingmedia\" width=\"480\" height=\"270\"><\/a><\/div>\n<h2>Fonctionnalit\u00e9 am\u00e9lior\u00e9e<\/h2>\n<p>Sur les grands sites contenant\u00a0des centaines, sinon des milliers de pages, il est presque impossible de tester chaque page individuellement pour s\u2019assurer qu\u2019elle\u00a0soit fonctionnelle. L\u2019utilisation incorrecte des balises ou l\u2019usage de balises obsol\u00e8tes peuvent d\u00e9t\u00e9riorer votre site ou pourraient m\u00eame afficher un contenu brouill\u00e9 pour les visiteurs. D\u00e9busquer ces erreurs peut \u00eatre difficile. Si votre codage est valide selon les normes actuelles, vous courez moins de risque\u00a0d\u2019avoir des probl\u00e8mes de convivialit\u00e9 que si vous n\u00e9gligez la validit\u00e9 de votre HTML. En outre, les personnes handicap\u00e9es qui utilisent les technologies d\u2019assistance en ligne peuvent ne pas \u00eatre en mesure d\u2019exp\u00e9rimenter votre site si son\u00a0code n\u2019est pas conforme aux normes.<\/p>\n<h2>Exp\u00e9rience de l\u2019utilisateur<\/h2>\n<p>Bien qu\u2019elle y chevauche en partie\u00a0la fonctionnalit\u00e9, l\u2019exp\u00e9rience de l\u2019utilisateur est un jeu beaucoup plus subtil. Les lecteurs cyberfut\u00e9s d\u00e9montrent souvent une forte loyaut\u00e9 envers\u00a0certaines configurations et certains syst\u00e8mes de navigation. Apportez un changement \u00e0 quelque chose d\u2019apparemment insignifiant\u00a0et vous pourriez\u00a0d\u00e9truire le flux de votre site. Lorsque le populaire site de conseils pratiques Lifehacker a chang\u00e9 sa conception cette ann\u00e9e, son taux de conversion a chut\u00e9 significativement et n\u2019a toujours pas \u00e9t\u00e9 r\u00e9cup\u00e9r\u00e9 enti\u00e8rement. Sans un codage HTML valide, vous courez le risque de ruiner votre conception et votre interface d\u2019utilisateur pour un grand nombre de vos visiteurs. Cela n\u2019est \u00e9videmment pas une position dans laquelle les webmestres souhaitent\u00a0se retrouver lorsque les recettes d\u00e9pendent de la fa\u00e7on dont votre trafic peut interagir avec votre page d\u2019accueil.<\/p>\n<div style=\"text-align: center; padding-bottom: 20px;\"><a href=\"http:\/\/marketingmedia.ca\/wp-content\/uploads\/2011\/07\/browsercompatibility.jpg\" rel=\"nofollow noopener\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-93\" title=\"browsercompatibility\" src=\"http:\/\/marketingmedia.ca\/wp-content\/uploads\/2011\/07\/browsercompatibility.jpg\" alt=\"- marketingmedia\" width=\"480\" height=\"270\"><\/a><\/div>\n<h2>Compatibilit\u00e9\u00a0avec plusieurs fureteurs (cross-browser)<\/h2>\n<p>Encore, une autre raison imp\u00e9rieuse de s\u2019en tenir \u00e0 un codage valide dans la conception de sites Web est l\u2019\u00e9pineuse question des tests sur plusieurs fureteurs (cross-browser testing). Bien que le codage HTML\u00a0soit\u00a0le m\u00eame, chaque navigateur interpr\u00e8te un peu diff\u00e9remment les balises\u00a0\u00e0 la source\u00a0de chaque page Web. Pour la plupart des \u00e9l\u00e9ments d\u2019une page Web, il n\u2019y a g\u00e9n\u00e9ralement pas de probl\u00e8me. Avoir \u00e0 pirater vos codes avec des codes conditionnels afin qu\u2019ils soient reconnus par chaque navigateur prend beaucoup de temps et s&rsquo;av\u00e8re\u00a0frustrant. Partir\u00a0d\u2019une base de codage HTML valide, interpr\u00e9t\u00e9e plus ou moins de la m\u00eame fa\u00e7on par les principaux navigateurs, est une fa\u00e7on intelligente de\u00a0cr\u00e9er des sites.<\/p>\n<h2>Derni\u00e8res pens\u00e9es<\/h2>\n<p>Nous esp\u00e9rons que vous avez appris quelque chose sur la pratique ad\u00e9quate du codage. Si vous voulez vous assurer que votre site soit\u00a0<a style=\"text-decoration: none; color: #000;\" title=\"valid html\" href=\"http:\/\/www.marketingmedia.ca\/services.html\" rel=\"nofollow noopener\" target=\"_blank\">correctement cod\u00e9, <\/a> la premi\u00e8re \u00e9tape est de vous\u00a0diriger vers le valideur de W3C Markup. Il vous fera savoir si vos pages sont conformes\u00a0aux\u00a0normes actuelles. Si vous d\u00e9couvrez beaucoup de codes invalides, il est probablement pr\u00e9f\u00e9rable de\u00a0vous adresser \u00e0\u00a0un concepteur de Web \u00e9prouv\u00e9 et professionnel afin\u00a0que celui-ci apporte les modifications n\u00e9cessaires \u00e0 votre site. \u00c9tant donn\u00e9 la complexit\u00e9 de\u00a0<a style=\"text-decoration: none; color: #000;\" title=\"web design professional\" href=\"http:\/\/www.marketingmedia.ca\/portfolio\/webdesign.html\" rel=\"nofollow noopener\" target=\"_blank\">la conception de sites Web d<\/a>epuis\u00a0les derni\u00e8res ann\u00e9es, vous vous remercierez plus tard d&rsquo;avoir laiss\u00e9 des professionnels faire cette t\u00e2che ingrate\u00a0\u00e0 votre place.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Le design Web \u00a0(la conception de site Web) a beaucoup chang\u00e9 au cours de\u00a0la derni\u00e8re d\u00e9cennie, dans la mesure o\u00f9 la technologie de d\u00e9veloppement de la fa\u00e7ade est concern\u00e9e. Aux oubliettes le GIF anim\u00e9, les banni\u00e8res de d\u00e9filement, et la [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":1916,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[50,18],"tags":[],"class_list":["post-2650","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blogue-carl","category-web"],"_links":{"self":[{"href":"https:\/\/marketing.media\/fr\/wp-json\/wp\/v2\/posts\/2650","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marketing.media\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/marketing.media\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/marketing.media\/fr\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/marketing.media\/fr\/wp-json\/wp\/v2\/comments?post=2650"}],"version-history":[{"count":7,"href":"https:\/\/marketing.media\/fr\/wp-json\/wp\/v2\/posts\/2650\/revisions"}],"predecessor-version":[{"id":5489,"href":"https:\/\/marketing.media\/fr\/wp-json\/wp\/v2\/posts\/2650\/revisions\/5489"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/marketing.media\/fr\/wp-json\/wp\/v2\/media\/1916"}],"wp:attachment":[{"href":"https:\/\/marketing.media\/fr\/wp-json\/wp\/v2\/media?parent=2650"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/marketing.media\/fr\/wp-json\/wp\/v2\/categories?post=2650"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/marketing.media\/fr\/wp-json\/wp\/v2\/tags?post=2650"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}