{"id":1115,"date":"2021-01-25T09:39:00","date_gmt":"2021-01-25T08:39:00","guid":{"rendered":"https:\/\/www.letest.studiocarmine.fr\/230\/?p=1115"},"modified":"2021-11-17T13:31:08","modified_gmt":"2021-11-17T12:31:08","slug":"refonte-site-web","status":"publish","type":"post","link":"https:\/\/www.letest.studiocarmine.fr\/230\/2021\/01\/25\/refonte-site-web\/","title":{"rendered":"Refonte de son site web : Les 3 signes qui ne trompent pas"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Faire une refonte de son site web n'est pas une petite t\u00e2che et n\u00e9cessite toujours une longue r\u00e9flexion sur<strong> le pourquoi, quand et comment faire ? <\/strong>Apr\u00e8s 4 ans et quelques refontes de sites Internet \u00e0 mon actif pour diverses structures et clients, je vous livre mes conseils afin de choisir <strong>le bon moment pour refondre <\/strong>votre site web ainsi que les cl\u00e9s d'une refonte de son site web r\u00e9ussite.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Au sommaire de l'article<\/strong><\/p>\n\n\n<div class=\"ub_table-of-contents\" data-showtext=\"show\" data-hidetext=\"hide\" data-scrolltype=\"auto\" id=\"ub_table-of-contents-50d603c9-2d38-4724-83e5-fbab4b3c8819\" data-initiallyhideonmobile=\"false\"\n                    data-initiallyshow=\"true\"><div class=\"ub_table-of-contents-extra-container\"><div class=\"ub_table-of-contents-container ub_table-of-contents-1-column \"><ul><li><a href=https:\/\/www.letest.studiocarmine.fr\/230\/2021\/01\/25\/refonte-site-web\/#0-pourquoi-faire-une-refonte-de-son-site-web-en-2021->Pourquoi faire une refonte de son site web en 2021 ?<\/a><\/li><li><a href=https:\/\/www.letest.studiocarmine.fr\/230\/2021\/01\/25\/refonte-site-web\/#1-manque-de-modernit%C3%A9-dans-le-graphisme-et-le-design>\ud83c\udfa8 Manque de modernit\u00e9 dans le graphisme et le design<\/a><\/li><li><a href=https:\/\/www.letest.studiocarmine.fr\/230\/2021\/01\/25\/refonte-site-web\/#2-entreprendre-une-refonte-de-son-site-web-pour-le-seo>\ud83d\udcc4 Entreprendre une refonte de son site web pour le SEO<\/a><\/li><li><a href=https:\/\/www.letest.studiocarmine.fr\/230\/2021\/01\/25\/refonte-site-web\/#3-responsive-amp-accessibilit%C3%A9-refondre-pour-tous>\ud83d\udc41 Responsive &amp; accessibilit\u00e9 : Refondre pour tous<\/a><ul><li><a href=https:\/\/www.letest.studiocarmine.fr\/230\/2021\/01\/25\/refonte-site-web\/#4-le-responsive>Le responsive<\/a><\/li><li><a href=https:\/\/www.letest.studiocarmine.fr\/230\/2021\/01\/25\/refonte-site-web\/#5-laccessibilit%C3%A9>L'accessibilit\u00e9<\/a><\/li><li><a href=https:\/\/www.letest.studiocarmine.fr\/230\/2021\/01\/25\/refonte-site-web\/#6-miser-sur-laccessibilit%C3%A9-num%C3%A9rique-la-cl%C3%A9-dune-refonte-de-site-web-r%C3%A9ussite->Miser sur l'accessibilit\u00e9 num\u00e9rique : La cl\u00e9 d'une refonte de site web r\u00e9ussite<\/a><ul><li><a href=https:\/\/www.letest.studiocarmine.fr\/230\/2021\/01\/25\/refonte-site-web\/#7-choses-%C3%A0-v%C3%A9rifier-et-mettre-en-place-pour-un-site-accessible->Choses \u00e0 v\u00e9rifier et mettre en place pour un site accessible :<\/a><\/li><\/ul><\/li><li><a href=https:\/\/www.letest.studiocarmine.fr\/230\/2021\/01\/25\/refonte-site-web\/#8-comment-savoir-si-mon-site-est-responsive-et-accessible->Comment savoir si mon site est responsive et accessible ?<\/a><\/li><\/ul><\/li><\/ul><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"0-pourquoi-faire-une-refonte-de-son-site-web-en-2021-\">Pourquoi faire une refonte de son site web en 2021 ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">La question est l\u00e9gitime. Le site marche, le contenu est \u00e0 jour, alors pourquoi refaire un site web. <strong>Quelques \u00e9l\u00e9ments de r\u00e9ponse<\/strong>&nbsp;que nous allons approfondir dans cet article :<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"#design\">Le design<\/a><\/li><li><a href=\"#seo\">Le r\u00e9f\u00e9rencement naturel<\/a><\/li><li><a href=\"#ace\">Le format et l'affichage<\/a><\/li><li><a href=\"#ace\">L'accessibilit\u00e9<\/a><\/li><li>Changement de strat\u00e9gie et de positionnement<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"1-manque-de-modernit%C3%A9-dans-le-graphisme-et-le-design\">\ud83c\udfa8 Manque de modernit\u00e9 dans le graphisme et le design<\/h2>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\"><em><strong>On ne juge pas un livre \u00e0 sa couverture ? Mais le site web si un peu.<\/strong><\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un utilisateur doit se sentir accueilli&nbsp;sur Internet et <strong>ne doit pas avoir envie de fuir<\/strong> (<em>le fameux taux de rebond<\/em>). Pour donner envie \u00e0 l'utilisateur de rester il y a des choses simples :<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Un <strong>design <\/strong>attrayant<\/li><li>Un <strong>contenu<\/strong> simple adapt\u00e9 \u00e0 la cible<\/li><li>Trouver <strong>rapidement l'information <\/strong>cherch\u00e9e.<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Ce qui donne&nbsp;\u00e0 l'utilisateur envie de fuir :<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Beaucoup <strong>trop de couleurs <\/strong>\"flash\" ou non assorties<\/li><li>Les polices d'\u00e9criture <strong>difficilement lisible<\/strong><\/li><li>Mise en page <strong>incoh\u00e9rente<\/strong><\/li><li>Des animations trop color\u00e9es et incoh\u00e9rentes avec le th\u00e8me du site<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Des choses qui \u00e0 une \u00e9poque pouvaient para\u00eetre design ne&nbsp;sont plus aujourd'hui et dur de convertir avec un site qui ne r\u00e9pond plus au code d'aujourd'hui et risque de donner une image n\u00e9gative de l'entreprise.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"2-entreprendre-une-refonte-de-son-site-web-pour-le-seo\">\ud83d\udcc4 Entreprendre une refonte de son site web pour le SEO<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Le SEO, est un sujet sur lequel les r\u00e9dacteurs web peuvent s'\u00e9tendre des heures, mais \u00e9galement <strong>les d\u00e9veloppeurs de site web<\/strong> ! En effet, le r\u00e9f\u00e9rencement naturel d'un site web d\u00e9pend \u00e9galement de leur m\u00e9tier.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Vos contenus, les images, les mots-cl\u00e9s mais aussi <strong><a href=\"https:\/\/www.letest.studiocarmine.fr\/230\/2020\/11\/09\/ameliorer-le-seo-avec-les-performances-techniques\/\">les performances de votre site<\/a><\/strong> peuvent \u00eatre des motivations \u00e0 faire une refonte de son site web. Certaines pratiques inconnues ou non p\u00e9nalisantes \u00e0 une \u00e9poque, peuvent l'\u00eatre aujourd'hui.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Exemple des mauvaises pratiques en SEO :<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>URL non optimis\u00e9e <\/li><li>Site non responsive<\/li><li>Avoir des liens cass\u00e9s<\/li><li>Avoir du contenu dupliqu\u00e9<\/li><li>L'utilisation de Flash<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Bien d'autres pratiques sont <strong>p\u00e9nalis\u00e9es par Google<\/strong>. De plus, ne pas avoir de SearchConsole ou de&nbsp;compte&nbsp;Google Analytics prive un site de pr\u00e9cieuses donn\u00e9es sur ses utilisateurs et son r\u00e9f\u00e9rencement !<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La refonte de son site web cr\u00e9e alors des nouveaux contenus, en plus d'un nouveau design, cela permet d'<strong>am\u00e9liorer la visibilit\u00e9<\/strong> et de plaire aux algorithmes de Google et des autres moteurs de recherche.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"3-responsive-amp-accessibilit%C3%A9-refondre-pour-tous\">\ud83d\udc41 Responsive &amp; accessibilit\u00e9 : Refondre pour tous<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Certains sites web encore en ligne aujourd'hui ont \u00e9t\u00e9 cr\u00e9\u00e9s avant le premier iPhone, qui a bouscul\u00e9&nbsp;de <strong>nombreux codes d'utilisation du web. <\/strong>Notamment le support, on estime aujourd'hui que<a href=\"https:\/\/www.mediametrie.fr\/fr\/lannee-internet-2019\" target=\"_blank\" rel=\"noopener\"><strong> 4 internautes sur 10 ne naviguent que sur leur mobile.<\/strong><\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"4-le-responsive\">Le responsive<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Je pense vous avoir convaincue avec le chiffre de la navigation sur mobile aujourd'hui. Mais sachez que le responsive ne sert pas que pour les personnes naviguant sur mobile. Google aime beaucoup aussi, et r\u00e9f\u00e9rence plus facilement un site <strong><em>\"mobile-friendly<\/em><\/strong>\"&nbsp;qu'un autre.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"5-laccessibilit%C3%A9\">L'accessibilit\u00e9<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">L'accessibilit\u00e9 est un enjeu de la vie quotidienne pour les personnes handicap\u00e9es, dans la rue, dans les magasins, mais \u00e9galement sur le web. <strong>15 \u00e0 20 %<\/strong> de la population souffre d'un handicap : Ou\u00efe, vision, facult\u00e9s motrices ou mentales.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"6-miser-sur-laccessibilit%C3%A9-num%C3%A9rique-la-cl%C3%A9-dune-refonte-de-site-web-r%C3%A9ussite-\">Miser sur l'accessibilit\u00e9 num\u00e9rique : La cl\u00e9 d'une refonte de site web r\u00e9ussite <\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Aider les personnes handicap\u00e9es \u00e0 naviguer sur un site web est simple, de non discriminante, et permet de parfois de se d\u00e9marquer de ses concurrents.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"7-choses-%C3%A0-v%C3%A9rifier-et-mettre-en-place-pour-un-site-accessible-\"><strong>Choses \u00e0 v\u00e9rifier et mettre en place pour un site accessible :<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li>Les<strong> couleurs<\/strong> adapt\u00e9s et contrastantes<\/li><li>Les <strong>l\u00e9gendes<\/strong> et textes alternatifs sur les images<\/li><li>Les <strong>sous-titres <\/strong>dans les vid\u00e9os <\/li><li>La taille des <strong>polices <\/strong>et leur lisibilit\u00e9<\/li><li>Le<strong> temps de d\u00e9filement&nbsp;<\/strong>des carrousels ou diaporama<\/li><li>Un <strong>menu simple<\/strong> facilement accessible<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"8-comment-savoir-si-mon-site-est-responsive-et-accessible-\">Comment savoir si mon site est responsive et accessible ?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Pour le responsive : Tester par vous-m\u00eame et&nbsp;vos proches, sur un Iphone, un&nbsp;smartphone Samsung,&nbsp;une tablette... Et vous verrez si votre site s'affiche correctement sur tous&nbsp;les supports.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pour l'accessibilit\u00e9 diff\u00e9rent site propose des tests de couleurs, d'utilisation. Pour ma part je recommande et utilise celui du <strong>WorldWide Web Consortium \"W3C\" <\/strong>qui est une communaut\u00e9 internationale qui nomme les bonnes\u00a0pratiques sur\u00a0le web. Leur outil \"<strong><a href=\"https:\/\/validator.w3.org\/\" target=\"_blank\" rel=\"noopener\">Validator<\/a><\/strong>\" permet de tester l'accessibilit\u00e9 et les bonnes pratiques de votre site Internet. <\/p>\n\n\n\n<h4 class=\"has-text-align-center wp-block-heading\" id=\"9-un-cahier-dexercice-pour-poser-les-bases-de-la-refonte-de-ton-site-web-%C3%A7a-te-tente-cest-gratuit-amp-bient%C3%B4t-dans-ta-bo%C3%AEte-mail-si-tu-compl%C3%A8te-le-formulaire-\">Un cahier d'exercice pour poser les bases de la refonte de ton site web \u00e7a te tente ? C'est gratuit &amp; bient\u00f4t dans ta bo\u00eete mail si tu compl\u00e8te le formulaire \ud83d\udc47<\/h4>\n\n\n\n<div class=\"ml-form-embed\"\n  data-account=\"2608058:s1z4b7k2g8\"\n  data-form=\"4294615:h5v9s3\">\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Faire une refonte de son site web n'est pas une petite t\u00e2che et n\u00e9cessite toujours une longue r\u00e9flexion sur le pourquoi, quand et comment faire ? Apr\u00e8s 4 ans et quelques refontes de sites Internet \u00e0 mon actif pour diverses structures et clients, je vous livre mes conseils afin de choisir le bon moment pour [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":1812,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"ub_ctt_via":"","footnotes":""},"categories":[29],"tags":[],"class_list":["post-1115","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-faire-une-refonte"],"acf":[],"featured_image_src":"https:\/\/www.letest.studiocarmine.fr\/230\/wp-content\/uploads\/2021\/07\/6-raisons-de-faire-un-refonte-1024x682-1.jpeg","author_info":{"display_name":"Carmine","author_link":"https:\/\/www.letest.studiocarmine.fr\/230\/author\/carmine\/"},"_links":{"self":[{"href":"https:\/\/www.letest.studiocarmine.fr\/230\/wp-json\/wp\/v2\/posts\/1115","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.letest.studiocarmine.fr\/230\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.letest.studiocarmine.fr\/230\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.letest.studiocarmine.fr\/230\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.letest.studiocarmine.fr\/230\/wp-json\/wp\/v2\/comments?post=1115"}],"version-history":[{"count":0,"href":"https:\/\/www.letest.studiocarmine.fr\/230\/wp-json\/wp\/v2\/posts\/1115\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.letest.studiocarmine.fr\/230\/wp-json\/wp\/v2\/media\/1812"}],"wp:attachment":[{"href":"https:\/\/www.letest.studiocarmine.fr\/230\/wp-json\/wp\/v2\/media?parent=1115"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.letest.studiocarmine.fr\/230\/wp-json\/wp\/v2\/categories?post=1115"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.letest.studiocarmine.fr\/230\/wp-json\/wp\/v2\/tags?post=1115"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}