{"id":990,"date":"2014-02-12T10:26:52","date_gmt":"2014-02-12T09:26:52","guid":{"rendered":"https:\/\/www.coeurduweb.com\/blog\/?p=990"},"modified":"2016-05-30T13:29:25","modified_gmt":"2016-05-30T11:29:25","slug":"template-seo-friendly","status":"publish","type":"post","link":"https:\/\/www.coeurduweb.com\/blog\/2014\/02\/12\/template-seo-friendly\/","title":{"rendered":"Qu&rsquo;est-ce qu\u2019un template SEO friendly ?"},"content":{"rendered":"<div id=\"attachment_994\" style=\"width: 710px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-994\" loading=\"lazy\" class=\"size-full wp-image-994\" alt=\"Un template SEO friendly bien con\u00e7u s'indexe naturellement mieux\" src=\"https:\/\/www.coeurduweb.com\/blog\/wp-content\/uploads\/2014\/02\/template-seo-friendly.jpg\" width=\"700\" height=\"284\" srcset=\"https:\/\/www.coeurduweb.com\/blog\/wp-content\/uploads\/2014\/02\/template-seo-friendly.jpg 700w, https:\/\/www.coeurduweb.com\/blog\/wp-content\/uploads\/2014\/02\/template-seo-friendly-300x121.jpg 300w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><p id=\"caption-attachment-994\" class=\"wp-caption-text\"><em>Un template SEO friendly bien con\u00e7u favorise naturellement mieux l&rsquo;indexation du site<\/em><\/p><\/div>\r\n<p style=\"text-align: left;\">C&rsquo;est \u00e0 la suite d&rsquo;une question d&rsquo;un client, probablement entendue dans une discussion ou d&rsquo;un s\u00e9minaire que je vous propose quelques \u00e9l\u00e9ments simples pour savoir si votre template est \u00ab\u00a0SEO friendly\u00a0\u00bb, en fran\u00e7ais \u00ab\u00a0compatible SEO\u00a0\u00bb ou \u00ab\u00a0optimis\u00e9 pour le r\u00e9f\u00e9rencement\u00a0\u00bb.<\/p>\r\n<p style=\"text-align: left;\">Pause vocabulaire : un template est en fran\u00e7ais un mod\u00e8le, en l&rsquo;occurrence un mod\u00e8le de page qui supporte l&rsquo;identit\u00e9 graphique d&rsquo;un site internet. Pour faire simple, c&rsquo;est une couche applicative d&rsquo;un site internet qui comprend le style (CSS), l&rsquo;agencement et la mise en page des pages (ent\u00eate, pied de page, blocs lat\u00e9raux, etc.).<\/p>\r\n<!--more-->\r\n\r\n<div id=\"attachment_995\" style=\"width: 710px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-995\" loading=\"lazy\" class=\"size-full wp-image-995\" alt=\"ThemeForest, fournissseur de templates SEO friendly\" src=\"https:\/\/www.coeurduweb.com\/blog\/wp-content\/uploads\/2014\/02\/template-seo-friendly-themeforest.jpg\" width=\"700\" height=\"565\" srcset=\"https:\/\/www.coeurduweb.com\/blog\/wp-content\/uploads\/2014\/02\/template-seo-friendly-themeforest.jpg 700w, https:\/\/www.coeurduweb.com\/blog\/wp-content\/uploads\/2014\/02\/template-seo-friendly-themeforest-300x242.jpg 300w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><p id=\"caption-attachment-995\" class=\"wp-caption-text\">ThemeForest, fournissseur de templates SEO friendly<\/p><\/div>\r\n<h2 style=\"text-align: left;\">Un template pour mon CMS Joomla ou WordPress !<\/h2>\r\n<p style=\"text-align: left;\">De nos jours, de plus en plus d&rsquo;int\u00e9grateurs de sites internet ach\u00e8tent des templates qu&rsquo;ils customisent et param\u00e8trent pour que le site de leur client soit disponible le plus rapidement possible. La raison ? La baisse de co\u00fbt effr\u00e9n\u00e9e qui conduit \u00e0 rationaliser la charge de travail : en effet, il peut \u00eatre plus int\u00e9ressant de modifier un template existant, qui dispose de fonctions int\u00e9ressantes (param\u00e9trable, responsive, joli, optimis\u00e9, performant et agr\u00e9able) plut\u00f4t que de partir sur un d\u00e9veloppement ad hoc.<\/p>\r\n<p style=\"text-align: left;\">D&rsquo;autant qu&rsquo;un template \u00e0 l&rsquo;achat est entre 25 euros et 100 euros la plupart du temps. Imaginez un peu combien de temps vous \u00e9conomisez en achetant un template !<\/p>\r\n<p style=\"text-align: left;\">Bref, passons aux choses s\u00e9rieuses. Les clients sont de plus en plus sensibilit\u00e9s \u00e0 la n\u00e9cessit\u00e9 de disposer d&rsquo;un site optimis\u00e9 pour le r\u00e9f\u00e9rencement. Certes, la plupart ne savent pas \u00e0 quoi \u00e7a correspond, ce sont des termes tr\u00e8s \u00e9loign\u00e9s de leurs connaissances dans le web, voil\u00e0 pourquoi je vous propose un ensemble d&rsquo;\u00e9l\u00e9ments simples que vous pourrez leur communiquer pour leur expliquer que, oui, le template choisi est SEO friendly. Je vous fais confiance pour leur expliquer que le CMS est d\u00e9j\u00e0 SEO friendly et qu&rsquo;il leur incombe, dans la vie courante du site \u00e0 conserver cette compatibilit\u00e9.<\/p>\r\n<p style=\"text-align: left;\">Exemple de mauvaise utilisation : r\u00e9diger un article et mettre une balise H1 alors que le titre de l&rsquo;article l&rsquo;est d\u00e9j\u00e0. Il y a tellement d&rsquo;exemples qui \u00ab\u00a0d\u00e9truisent\u00a0\u00bb les efforts port\u00e9s en amont dans le SEO.<\/p>\r\n<p style=\"text-align: left;\">Bon, allons-y. Voici les \u00e9l\u00e9ments que vous attendez tous :<\/p>\r\n\r\n<h2 style=\"text-align: left;\">Les crit\u00e8res d&rsquo;un template SEO friendly<\/h2>\r\n<div id=\"attachment_993\" style=\"width: 310px\" class=\"wp-caption alignright\"><img aria-describedby=\"caption-attachment-993\" loading=\"lazy\" class=\"size-full wp-image-993 \" style=\"margin: 5px; border: 1px solid black;\" alt=\"Votre template tousse ? Est-il optimis\u00e9 naturellement pour le r\u00e9f\u00e9rencement ?\" src=\"https:\/\/www.coeurduweb.com\/blog\/wp-content\/uploads\/2014\/02\/template-seo-friendly-doctor.jpg\" width=\"300\" height=\"300\" srcset=\"https:\/\/www.coeurduweb.com\/blog\/wp-content\/uploads\/2014\/02\/template-seo-friendly-doctor.jpg 300w, https:\/\/www.coeurduweb.com\/blog\/wp-content\/uploads\/2014\/02\/template-seo-friendly-doctor-150x150.jpg 150w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><p id=\"caption-attachment-993\" class=\"wp-caption-text\">Votre template tousse ? Est-il optimis\u00e9 naturellement pour le r\u00e9f\u00e9rencement ?<\/p><\/div>\r\n<h3 class=\"check\" style=\"text-align: left;\">il a une bonne architecture HTML<\/h3>\r\n<p style=\"text-align: left;\">Parce que le template de la page d&rsquo;accueil ou celui des articles doit \u00eatre bien form\u00e9 : la balise TITLE et les META existent bien. Le titre de l&rsquo;article ou de la page peut \u00eatre soit H1 (article pleine page), soit H2 (dans le cas d&rsquo;une liste d&rsquo;articles); les balises H3 ou H4 pour d\u00e9signer les modules lat\u00e9raux, les blocs tels que \u00ab\u00a0articles li\u00e9s\u00a0\u00bb,&#8230;<\/p>\r\n\r\n<h3 class=\"check\" style=\"text-align: left;\">il g\u00e8re le TITLE et les META<\/h3>\r\n<p style=\"text-align: left;\">Parce que la balise META DESCRIPTION et la META KEYWORD ne m\u00e9ritent pas qu&rsquo;on y d\u00e9pense ne serait-ce qu&rsquo;une seconde, il faut qu&rsquo;il le remplisse automatiquement.<\/p>\r\n<p style=\"text-align: left;\">Cela laisse du temps pour optimiser le TITLE.<\/p>\r\n\r\n<h3 class=\"check\" style=\"text-align: left;\">il est responsive (Responsive Web Design)<\/h3>\r\n<p style=\"text-align: left;\">Parce que d&rsquo;abord c&rsquo;est recommand\u00e9 par Google comme un \u00e9l\u00e9ment des bonnes pratiques dans l&rsquo;industrie du web.<\/p>\r\n<p style=\"text-align: left;\">Parce qu&rsquo;ensuite, on n&rsquo;a plus qu&rsquo;un seul site web \u00e0 g\u00e9rer et non pas 1 site classique, 1 pour mobiles\/smartphones et m\u00eame 1 pour tablettes : cela obligerait Google \u00e0 crawler plusieurs versions du site.<\/p>\r\n<p style=\"text-align: left;\">Parce qu&rsquo;un site Responsive, le contenu et l&rsquo;architecture reste la m\u00eame, seul l&rsquo;internaute peut y voir une diff\u00e9rence au niveau visuel, rien que pour son confort.\r\nParce que c&rsquo;est plus facile \u00e0 g\u00e9rer au final.<\/p>\r\n\r\n<h3 class=\"check\" style=\"text-align: left;\">il \u00e9vite le duplicate content<\/h3>\r\nParce que le contenu dupliqu\u00e9, c&rsquo;est l&rsquo;enfer pour le r\u00e9f\u00e9rencement d&rsquo;un site web :\r\n<ul>\r\n\t<li>il a une ent\u00eate optimis\u00e9 : le lien sur le logo renvoie vers le domaine et non vers index.php<\/li>\r\n\t<li>il fait attention \u00e0 la pagination ou aux listes : le renvoi vers la 1\u00e8re page est une URL unique, et non index.php?start=1 par exemple<\/li>\r\n\t<li>il g\u00e8re les cat\u00e9gories, les tags, les pages d&rsquo;impression ou de g\u00e9n\u00e9ration de PDF ainsi que les pages sans int\u00e9r\u00eat pour Google : noindex, nofollow selon les cas (un tag peut entrer en concurrence avec une cat\u00e9gorie)<\/li>\r\n<\/ul>\r\n<h3 class=\"check\" style=\"text-align: left;\">il est rapide \u00e0 charger<\/h3>\r\n<p style=\"text-align: left;\">Parce que Google en fait un crit\u00e8re essentiel aujourd&rsquo;hui, il faut que le template soit vraiment l\u00e9ger, qu&rsquo;il dispose des outils de compression et de minification des \u00e9l\u00e9ments de style, de JavaScript et \u00e9ventuellement des \u00e9l\u00e9ments graphiques (CSS, JS, JPG\/PNG).<\/p>\r\n\r\n<h3 class=\"check\" style=\"text-align: left;\">il est valide W3C et CSS3<\/h3>\r\n<p style=\"text-align: left;\">Parce que non&#8230; en fait, entre nous je m&rsquo;en fiche que \u00e7a soit valide. Car une fois que le site sera en production, le client ne s&#8217;embarrassera pas de r\u00e9diger des articles valides. Donc poubelle. Je le redis : CE N&rsquo;EST PAS UN BON CRIT\u00c8RE ! Je vous absous mon fils \ud83d\ude42<\/p>\r\n<p style=\"text-align: left;\">D&rsquo;ailleurs, voici 2 preuves que la validation W3C n&rsquo;a aucun impact sur le r\u00e9f\u00e9rencement, sinon, je cite \u00ab\u00a0la plupart des sites web seraient p\u00e9nalis\u00e9s\u00a0\u00bb. A noter que m\u00eame Matt Cutts (responsable antispam de Google) le dit :<\/p>\r\n<p style=\"text-align: left;\">Google ne p\u00e9nalise absolument pas un site au code HTML, JS et CSS non valide :\u00a0<a href=\"http:\/\/www.abondance.com\/actualites\/20130927-13185-matt-cutts-googe-ne-penalise-pas-un-site-au-code-html-non-valide.html\" target=\"_blank\">http:\/\/www.abondance.com\/actualites\/20130927-13185-matt-cutts-googe-ne-penalise-pas-un-site-au-code-html-non-valide.html<\/a><\/p>\r\n<p style=\"text-align: left;\">Les explications d&rsquo;un blogueur SEO sur le mythe d&rsquo;\u00eatre valide W3C : <a href=\"http:\/\/blog.axe-net.fr\/site-conforme-w3c-xhtml-mon-oeil\/\" target=\"_blank\">http:\/\/blog.axe-net.fr\/site-conforme-w3c-xhtml-mon-oeil\/<\/a><\/p>\r\n<p style=\"text-align: left;\">Par contre, le seul avantage de d\u00e9velopper un site valide, c&rsquo;est qu&rsquo;on s&rsquo;est efforc\u00e9 de bien architecturer le contenu et qu&rsquo;il est potentiellement proche de r\u00e9pondre en partie aux crit\u00e8res d&rsquo;accessibilit\u00e9 WCAG.<\/p>\r\n\r\n<h3 class=\"check\" style=\"text-align: left;\">il a des modules ou des widgets SEO<\/h3>\r\n<p style=\"text-align: left;\">Parce qu&rsquo;il faut garder l&rsquo;internaute. Citons par exemple le widget \u00ab\u00a0Articles de m\u00eame cat\u00e9gorie\u00a0\u00bb ou \u00ab\u00a0Articles compl\u00e9mentaires\u00a0\u00bb. Id\u00e9al pour conserver les internautes sur le site et les faire naviguer encore quelques minutes.<\/p>\r\n\r\n<h3 class=\"check\" style=\"text-align: left;\">il int\u00e8gre les outils de partage sur les r\u00e9seaux sociaux<\/h3>\r\n<p style=\"text-align: left;\">Parce que c&rsquo;est cool mais aussi utile pour le trafic. Ils doivent \u00eatre pr\u00e9sents, au bon endroit : soit pour partager une page, un article, soit au niveau du site pour informer de se pr\u00e9sence sur les r\u00e9seaux sociaux.<\/p>\r\n\r\n<h2 style=\"text-align: left;\">Quoi, \u00e7a vous laisse sur votre faim ?<\/h2>\r\n<p style=\"text-align: left;\">Oui, je comprends, mais la question n&rsquo;est pas de se poser si le template est SEO friendly mais plut\u00f4t : est-ce que votre template peut \u00eatre un frein \u00e0 son r\u00e9f\u00e9rencement. Est-ce qu&rsquo;il est cod\u00e9 avec les pieds et peut cr\u00e9er des probl\u00e8mes lors du crawl ? Est-ce qu&rsquo;il va falloir recoder une partie du template car il introduit des erreurs au niveau SEO ?<\/p>\r\n<p style=\"text-align: left;\">Voil\u00e0 plut\u00f4t les bonnes questions \u00e0 se poser. Sur ce, bon travail, et n&rsquo;oubliez pas de soigner votre contenu, c&rsquo;est le plus important !<\/p>","protected":false},"excerpt":{"rendered":"<p>C&rsquo;est \u00e0 la suite d&rsquo;une question d&rsquo;un client, probablement entendue dans une discussion ou d&rsquo;un s\u00e9minaire que je vous propose quelques \u00e9l\u00e9ments simples pour savoir si votre template est \u00ab\u00a0SEO friendly\u00a0\u00bb, en fran\u00e7ais \u00ab\u00a0compatible SEO\u00a0\u00bb ou \u00ab\u00a0optimis\u00e9 pour le r\u00e9f\u00e9rencement\u00a0\u00bb. Pause vocabulaire : un template est en fran\u00e7ais un mod\u00e8le, en l&rsquo;occurrence un mod\u00e8le de [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/www.coeurduweb.com\/blog\/wp-json\/wp\/v2\/posts\/990"}],"collection":[{"href":"https:\/\/www.coeurduweb.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.coeurduweb.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.coeurduweb.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.coeurduweb.com\/blog\/wp-json\/wp\/v2\/comments?post=990"}],"version-history":[{"count":0,"href":"https:\/\/www.coeurduweb.com\/blog\/wp-json\/wp\/v2\/posts\/990\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.coeurduweb.com\/blog\/wp-json\/wp\/v2\/media?parent=990"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.coeurduweb.com\/blog\/wp-json\/wp\/v2\/categories?post=990"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.coeurduweb.com\/blog\/wp-json\/wp\/v2\/tags?post=990"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}