{"id":32810,"date":"2022-09-01T01:00:00","date_gmt":"2022-08-31T23:00:00","guid":{"rendered":"https:\/\/graphiste.com\/blog\/?p=32810"},"modified":"2022-11-03T09:10:53","modified_gmt":"2022-11-03T08:10:53","slug":"guide-refonte-site-internet","status":"publish","type":"post","link":"https:\/\/graphiste.com\/blog\/guide-refonte-site-internet\/","title":{"rendered":"Refonte de site internet\u00a0: le guide complet pour r\u00e9ussir"},"content":{"rendered":"<p>La refonte d\u2019un site internet permet de modifier en profondeur sa structure et son apparence. Elle a ainsi pour objectif d\u2019am\u00e9liorer les performances et les services offerts par le site \u00e0 ses visiteurs, afin de leur offrir une <a href=\"https:\/\/graphiste.com\/blog\/meilleure-navigation-site-web\">meilleure exp\u00e9rience utilisateur<\/a> et de les amener ainsi \u00e0 convertir. Le fonctionnel et le visuel sont donc ici amen\u00e9s \u00e0 subir des modifications importantes, afin de r\u00e9pondre \u00e0 vos nouveaux objectifs strat\u00e9giques et commerciaux.<\/p>\n<p>Mais encore faut-il pour cela mener \u00e0 bien cette refonte, en respectant ses \u00e9tapes cl\u00e9s. <a href=\"https:\/\/graphiste.com\/blog\/guide-refonte-homepage\">Refonte de site internet<\/a>, voici le guide pour r\u00e9ussir\u00a0!<\/p>\n<p>&nbsp;<\/p>\n<h2>D\u00e9finir les objectifs de la refonte de votre site internet<\/h2>\n<p>Il existe plusieurs types de refontes, parmi lesquels on trouve la refonte technique, \u00e9ditoriale, esth\u00e9tique et UX.<\/p>\n<h3>Refonte esth\u00e9tique d&#8217;un site internet<\/h3>\n<p>La refonte esth\u00e9tique induit la conception d\u2019une<a href=\"https:\/\/graphiste.com\/blog\/comment-reussir-la-charte-graphique-de-votre-marque\"> nouvelle charte graphique<\/a>, parfois induite par le renouvellement de l\u2019identit\u00e9 visuelle de l\u2019entreprise (nouveau logo, nom, etc.).<\/p>\n<p>Le site internet de la soci\u00e9t\u00e9 doit alors n\u00e9cessairement \u00eatre refondu afin de refl\u00e9ter fid\u00e8lement la nouvelle strat\u00e9gie de communication.<\/p>\n<p>Dans ce type de refonte, ce sont donc les aspects cr\u00e9atifs et esth\u00e9tiques qui priment.<\/p>\n<figure id=\"attachment_32814\" aria-describedby=\"caption-attachment-32814\" style=\"width: 297px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"size-large wp-image-32814\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/11\/Energem-297x1024.jpg\" alt=\"\" width=\"297\" height=\"1024\" \/><figcaption id=\"caption-attachment-32814\" class=\"wp-caption-text\">Refonte graphique du site Energem, par <a href=\"https:\/\/graphiste.com\/pictures\/303093\" target=\"_blank\" rel=\"noopener noreferrer\">Simon Houelleu<\/a>.<\/figcaption><\/figure>\n<h3>Refonte de l&#8217;exp\u00e9rience utilisateur<\/h3>\n<p>La refonte UX, s\u2019applique quant \u00e0 elle \u00e0 r\u00e9orienter le site afin de r\u00e9pondre \u00e0 de nouveaux objectifs commerciaux.<\/p>\n<p>E-commerce, mais aussi souscription de services en ligne (assurance, banque, etc.) doivent offrir un parcours digital simple et intuitif pour le souscripteur ou l\u2019acheteur. L\u2019environnement du site doit alors \u00eatre refondu afin d\u2019\u00eatre plus engageant, et cr\u00e9er une relation de confiance entre le visiteur et l\u2019interface.<\/p>\n<p>La refonte de l\u2019UX design (User eXperience Design) vise ainsi \u00e0 offrir la meilleure exp\u00e9rience utilisateur possible.<\/p>\n<p>&nbsp;<\/p>\n<h2>Pr\u00e9parer le terrain de la refonte<\/h2>\n<h3>Auditer le site internet<\/h3>\n<p>L&#8217;audit est une \u00e9tape incontournable de la refonte, qui permet de r\u00e9v\u00e9ler les diff\u00e9rents dysfonctionnements du site et d\u2019\u00e9valuer son potentiel \u00e9volutif. Cet audit peut ainsi concerner tous les aspects du site, et en particulier\u00a0:<\/p>\n<ul>\n<li>la navigation (fluidit\u00e9, clart\u00e9, acc\u00e8s aux informations recherch\u00e9es, d\u00e9nomination des rubriques, etc.) ;<\/li>\n<li>le <a href=\"https:\/\/graphiste.com\/blog\/seo-on-page-web-design\">SEO<\/a> (indexation, nombre de visites, contenus, etc.) ;<\/li>\n<li>les interactions des visiteurs avec le site (pages consult\u00e9es, pages d\u00e9laiss\u00e9es, taux de rebond, etc.)<\/li>\n<\/ul>\n<blockquote><p>\u00c0 lire aussi&nbsp;:\u00a0<a href=\"https:\/\/graphiste.com\/blog\/comment-faire-audit-ux\">Comment faire un audit UX\u00a0?<\/a><\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<h3>Le cahier des charges<\/h3>\n<p>Que l\u2019on parle de cr\u00e9ation ou de refonte d\u2019un site internet, la <a href=\"https:\/\/graphiste.com\/blog\/rediger-cahier-des-charges\">r\u00e9daction d\u2019un cahier des charges<\/a> est une n\u00e9cessit\u00e9. Plus celui-ci est pr\u00e9cis et d\u00e9taill\u00e9, mieux le projet se d\u00e9roulera.<\/p>\n<p>Parmi les chapitres abord\u00e9s dans le cahier des charges, une section compl\u00e8te doit \u00eatre attribu\u00e9e \u00e0 la partie graphique du site, c\u2019est-\u00e0-dire \u00e0 la direction artistique de votre projet de refonte.<\/p>\n<p>Le cahier des charges d\u00e9crit alors les diff\u00e9rents \u00e9l\u00e9ments graphiques que doit comporter le nouveau web design\u00a0:<\/p>\n<ul>\n<li>les couleurs ;<\/li>\n<li>les typographies ;<\/li>\n<li>le logo ;<\/li>\n<li>les contenus images (photos, illustrations, ic\u00f4nes&#8230;) ;<\/li>\n<li>Etc.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h3>La r\u00e9union de cadrage<\/h3>\n<p>Encore une fois, la phase de cadrage est aussi indispensable pour la refonte d\u2019un site internet que pour sa cr\u00e9ation. Cette r\u00e9union permet de discuter des p\u00e9rim\u00e8tres du projet, d\u2019estimer les ressources n\u00e9cessaires \u00e0 son bon d\u00e9roulement (temps, intervenants, finances), et de d\u00e9finir les\u00a0 \u00ab personas \u00bb, soit les portraits des utilisateurs du site.<\/p>\n<p>&nbsp;<\/p>\n<h3>R\u00e9viser l\u2019arborescence du site<\/h3>\n<p>Refondre un site internet permet d\u2019en revoir la structure afin de r\u00e9pondre aux exigences de l\u2019UX design qui place le visiteur au c\u0153ur de la conception. \u00c0 ce titre, il convient de mettre \u00e0 plat l\u2019arborescence du site avant refonte, soit toutes les pages qu\u2019il contient et la fa\u00e7on dont elles sont reli\u00e9es entre elles.<\/p>\n<p>Une fois fait, un travail d\u2019optimisation est alors mis en \u0153uvre avec l\u2019appui de l&#8217;audit pr\u00e9c\u00e9demment r\u00e9alis\u00e9.<\/p>\n<figure id=\"attachment_32816\" aria-describedby=\"caption-attachment-32816\" style=\"width: 700px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"size-full wp-image-32816\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/11\/UEPG.jpg\" alt=\"\" width=\"700\" height=\"495\" \/><figcaption id=\"caption-attachment-32816\" class=\"wp-caption-text\">Refonte du site UEPG avec navigation simplifi\u00e9e, par <a href=\"https:\/\/graphiste.com\/pictures\/272461\" target=\"_blank\" rel=\"noopener noreferrer\">Louise-Marie Dionnet<\/a>.<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<h3>Pr\u00e9parer la refonte du design du site internet<\/h3>\n<p>Une fois l&#8217;arborescence et les fonctionnalit\u00e9s du site sont bien d\u00e9finies, il est alors temps de pr\u00e9parer la refonte graphique du site.<\/p>\n<p>&nbsp;<\/p>\n<h3>Le zoning<\/h3>\n<p>Le but du <a href=\"https:\/\/graphiste.com\/blog\/methodes-simples-ameliorer-ux-ui-design\">zoning<\/a> est de diviser le site en diff\u00e9rentes zones afin d\u2019\u00e9tablir un premier niveau d&#8217;agencement du site internet. Pour cela, on dessine simplement l&#8217;\u00e9bauche du site sur une feuille de papier, un <a href=\"https:\/\/graphiste.com\/blog\/logiciels-pao-mise-en-page\">logiciel de bureautique<\/a> (sketch, Illustrator, etc.), ou encore un logiciel en ligne (Balsamiq, Mockflow, etc.). Le site est ainsi sch\u00e9matis\u00e9 sous forme de blocs symbolisant ses diverses fonctionnalit\u00e9s et contenus.<\/p>\n<p>Au cours d\u2019une refonte, le zoning permet notamment de faire un tri parmi les informations superflues, et d\u2019ajuster la disposition des diff\u00e9rents contenus.<\/p>\n<blockquote><p>Le zoning peut mettre en lumi\u00e8re de nouveaux \u00e9l\u00e9ments impr\u00e9vus, induisant un ajustement du cahier des charges.<\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<h3>Le wireframing<\/h3>\n<p>Une fois le zoning termin\u00e9 et valid\u00e9, il est temps de s\u2019attaquer au <a href=\"https:\/\/graphiste.com\/blog\/wireframe-application-mobile\">wireframing<\/a> qui permet d\u2019ajouter un nouveau niveau de d\u00e9tails \u00e0 l\u2019\u00e9bauche pr\u00e9c\u00e9dente du site.<\/p>\n<p>Le contenu de chaque zone est alors d\u00e9crit. Dans le cas d\u2019une refonte, le contenu (textes, images, vid\u00e9os) existe d\u00e9j\u00e0, et il peut alors \u00eatre directement ajout\u00e9 dans le wireframe.<\/p>\n<figure id=\"attachment_32817\" aria-describedby=\"caption-attachment-32817\" style=\"width: 700px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"size-full wp-image-32817\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/11\/Wireframes_Kitchenaid.jpg\" alt=\"\" width=\"700\" height=\"518\" \/><figcaption id=\"caption-attachment-32817\" class=\"wp-caption-text\">Wireframes Kitchenaid, par <a href=\"https:\/\/graphiste.com\/pictures\/254733\" target=\"_blank\" rel=\"noopener noreferrer\">Fiona Vero<\/a>.<\/figcaption><\/figure>\n<blockquote><p>Il n\u2019est pas question ici d\u2019\u00e9l\u00e9ments graphiques comme la couleur, la typographie, etc. Le but est avant tout de bien organiser la structure du site. Le wireframe forme une base de travail au graphiste qui doit imp\u00e9rativement en respecter l\u2019agencement.<\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<h3>Le maquettage<\/h3>\n<p>Une fois le wireframing achev\u00e9 et valid\u00e9, la phase de maquettage permet de donner vie aux diff\u00e9rentes pages du site internet. C\u2019est \u00e0 ce moment-l\u00e0 que le design de ce dernier est int\u00e9gr\u00e9 au projet de refonte.<\/p>\n<p>Ici, le webdesigner peut faire face \u00e0 deux situations diff\u00e9rentes\u00a0:<\/p>\n<ul>\n<li>il peut utiliser la charte graphique existante de l\u2019entreprise, mentionn\u00e9e en d\u00e9tail dans le cahier des charges du projet de refonte ;<\/li>\n<li>ou \u00eatre amen\u00e9 \u00e0 refondre lui-m\u00eame la charte graphique existante.<\/li>\n<\/ul>\n<p>Dans ce second cas, de nombreux allers-retours entre le graphiste et le propri\u00e9taire du site sont \u00e0 pr\u00e9voir, dans le but d\u2019ajuster les diff\u00e9rentes propositions. Mieux vaut donc avoir parfaitement pr\u00e9par\u00e9 le terrain en amont.<\/p>\n<p>&nbsp;<\/p>\n<h3>Le protypage<\/h3>\n<p>Le <a href=\"https:\/\/graphiste.com\/blog\/logiciel-prototypage-maquette-web\">prototypage<\/a> permet d\u2019ajouter une dimension interactive aux maquettes graphiques con\u00e7ues pr\u00e9c\u00e9demment. Cette phase permet de simuler l&#8217;aspect d\u00e9finitif qu\u2019arborera le site web refondu.<\/p>\n<figure id=\"attachment_32818\" aria-describedby=\"caption-attachment-32818\" style=\"width: 473px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"size-full wp-image-32818\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/11\/AlphaCorp.jpeg\" alt=\"\" width=\"473\" height=\"600\" \/><figcaption id=\"caption-attachment-32818\" class=\"wp-caption-text\">UI \/ UX Desgin d&#8217;interface d&#8217;application IOS et prototypage avec animation, par <a href=\"https:\/\/graphiste.com\/pictures\/187243\" target=\"_blank\" rel=\"noopener noreferrer\">AlphaCorp<\/a>.<\/figcaption><\/figure>\n<p>Tous les \u00e9l\u00e9ments qui composent la charte graphique du site en refonte sont donc repr\u00e9sent\u00e9s et cliquables, pour une repr\u00e9sentation particuli\u00e8rement r\u00e9aliste.<\/p>\n<p>Ce prototype aide donc \u00e0 se projeter et \u00e0 mieux appr\u00e9hender la future navigation du site.<\/p>\n<p>&nbsp;<\/p>\n<h2>Le d\u00e9veloppement du site internet en refonte<\/h2>\n<p>Ce n\u2019est qu\u2019une fois le prototypage valid\u00e9 que le designer passe la main au d\u00e9veloppeur. Celui-ci entre dans la partie pour coder les fonctionnalit\u00e9s sp\u00e9cifiques du site. Celles-ci sont pr\u00e9cis\u00e9ment d\u00e9crites dans le cahier des charges de la refonte.<\/p>\n<p>De son c\u00f4t\u00e9, l\u2019int\u00e9grateur se charge de l&#8217;int\u00e9gration des diff\u00e9rents contenus du site (les textes, les images, les vid\u00e9os, etc.).<\/p>\n<p>Pour int\u00e9grer les modifications sur votre site internet, le plus simple est de faire appel au prestataire ayant d\u00e9velopp\u00e9 votre site. Vous pouvez aussi faire appel \u00e0 des <a href=\"https:\/\/www.codeur.com\/users\/c\/web?utm_campaign=refonte-site&amp;utm_medium=blog&amp;utm_source=Graphiste\" target=\"_blank\" rel=\"noopener noreferrer\">d\u00e9veloppeurs freelances<\/a>. Vous trouverez de nombreux d\u00e9veloppeurs et int\u00e9grateurs freelances disponibles sur une plateforme telle que <a href=\"https:\/\/www.codeur.com\/?utm_source=Graphiste&amp;utm_medium=blog&amp;utm_campaign=refonte-site\" target=\"_blank\" rel=\"noopener noreferrer\">Codeur.com<\/a>.<\/p>\n<blockquote><p>\u00c0 cette \u00e9tape du projet, il est possible d\u2019impliquer le commanditaire \u00e0 chaque \u00e9tape d\u2019int\u00e9gration afin de s\u2019assurer de sa bonne direction. Cette m\u00e9thode agile, permet d\u2019apporter de petits ajustements en temps r\u00e9el, plut\u00f4t que de tout corriger une fois le travail achev\u00e9.<\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<h2>Refonte et redirections 301<\/h2>\n<p>Nous l\u2019avons vu, une refonte demande souvent une r\u00e9vision de l\u2019arborescence, et donc de la navigation du site internet. Dans ce cas, l\u2019URL de chaque page est probablement amen\u00e9e \u00e0 changer.<\/p>\n<p>Afin de ne pas perdre totalement votre r\u00e9f\u00e9rencement sur les moteurs de recherche, pr\u00e9voyez absolument de travailler sur les redirections d\u2019URL (redirections 301). De cette fa\u00e7on, les internautes arriv\u00e9s depuis d\u2019anciennes URL seront automatiquement redirig\u00e9es vers les nouvelles. Vous \u00e9viterez ainsi qu\u2019ils ne tombent sur votre <a href=\"https:\/\/graphiste.com\/blog\/reussir-design-page-erreur-404\">page d&#8217;erreur 404<\/a>, ce qui est \u00e0 la fois pr\u00e9judiciable pour l\u2019exp\u00e9rience utilisateur et pour votre SEO.<\/p>\n<figure id=\"attachment_32815\" aria-describedby=\"caption-attachment-32815\" style=\"width: 700px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"size-full wp-image-32815\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/11\/Erreur_404.jpg\" alt=\"\" width=\"700\" height=\"495\" \/><figcaption id=\"caption-attachment-32815\" class=\"wp-caption-text\">Page d\u2019erreur 404, par <a href=\"https:\/\/graphiste.com\/pictures\/7216\" target=\"_blank\" rel=\"noopener noreferrer\">Cyril Leroy<\/a>.<\/figcaption><\/figure>\n<blockquote><p>Le site dans son ensemble doit \u00eatre parfaitement optimis\u00e9 pour son r\u00e9f\u00e9rencement, en offrant un responsive design aboutit, des balises m\u00e9ta renseign\u00e9es, un temps de chargement des pages rapide, etc.<\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<h2>Le recettage du site en refonte<\/h2>\n<p>Toute refonte de site internet demande une phase de recettage assidue. La mise en ligne n\u2019est pas envisageable sans cette phase de test et de relecture compl\u00e8te.<\/p>\n<p>Ce processus de v\u00e9rification est une \u00e9tape cl\u00e9 du projet de refonte, puisqu\u2019il permet de faire remonter toutes les \u00e9ventuelles coquilles et dysfonctionnements qui peuvent encore subsister sur le site.<\/p>\n<p>Ce n\u2019est donc qu\u2019une fois l&#8217;ensemble du site v\u00e9rifi\u00e9, corrig\u00e9, puis de nouveau v\u00e9rifi\u00e9 et valid\u00e9, que la mise en production intervient.<\/p>\n<p>&nbsp;<\/p>\n<h2>La mise en production du site web<\/h2>\n<p>La mise en production du site pr\u00e9voit notamment\u00a0:<\/p>\n<ul>\n<li>un h\u00e9bergement adapt\u00e9 aux nouvelles exigences techniques de votre site internet, avec des serveurs plus ou moins puissants ;<\/li>\n<li>l\u2019indexation du site sur Google Search Console ;<\/li>\n<li>sa configuration Google Analytics ;<\/li>\n<li>la mise en place de la nouvelle strat\u00e9gie de communication autour du site ;<\/li>\n<li>la formation de vos \u00e9quipes \u00e0 la nouvelle interface du site.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2>Conclusion<\/h2>\n<p>R\u00e9ussir la refonte de son site internet, tant d\u2019un point de vue de ses fonctionnalit\u00e9s que de son design, induit de respecter la chronologie de ses diff\u00e9rentes \u00e9tapes cl\u00e9s que sont\u00a0:<\/p>\n<ul>\n<li>la planification du projet (audit, cahier des charges avec charte graphique, r\u00e9union de cadrage, arborescence) ;<\/li>\n<li>la r\u00e9vision du design selon les principes UX (zoning, wireframing, maquettage, prototypage) ;<\/li>\n<li>le d\u00e9veloppement des fonctionnalit\u00e9s du site et l\u2019int\u00e9gration des contenus ;<\/li>\n<li>la prise en compte des redirections 301 ;<\/li>\n<li>le recettage de tout le site refondu ;<\/li>\n<li>la mise en production finale.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>Vous \u00eates \u00e0 la recherche d\u2019un webdesigner capable de mener \u00e0 bien le projet de refonte graphique et UX\u00a0de votre site internet\u00a0? Rendez-vous sans tarder sur <a href=\"https:\/\/graphiste.com\">Graphiste.com<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>La refonte d\u2019un site internet permet de modifier en profondeur sa structure et son apparence. Elle a ainsi pour objectif d\u2019am\u00e9liorer les performances et les services offerts par le site \u00e0 ses visiteurs, afin de leur offrir une meilleure exp\u00e9rience utilisateur et de les amener ainsi \u00e0 convertir. Le fonctionnel et le visuel sont donc [&hellip;]<\/p>\n","protected":false},"author":54,"featured_media":32813,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[27],"tags":[69],"class_list":["post-32810","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-webdesign","tag-graphisme"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Refonte de site internet\u00a0: le guide complet pour r\u00e9ussir - Graphiste Blog<\/title>\n<meta name=\"description\" content=\"La refonte d\u2019un site internet permet de modifier en profondeur sa structure et son apparence. Elle a ainsi pour objectif d\u2019am\u00e9liorer les performances et\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/graphiste.com\/blog\/guide-refonte-site-internet\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Refonte de site internet\u00a0: le guide complet pour r\u00e9ussir - Graphiste Blog\" \/>\n<meta property=\"og:description\" content=\"La refonte d\u2019un site internet permet de modifier en profondeur sa structure et son apparence. Elle a ainsi pour objectif d\u2019am\u00e9liorer les performances et\" \/>\n<meta property=\"og:url\" content=\"https:\/\/graphiste.com\/blog\/guide-refonte-site-internet\/\" \/>\n<meta property=\"og:site_name\" content=\"Graphiste.com\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/graphistesfreelances\" \/>\n<meta property=\"article:published_time\" content=\"2022-08-31T23:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-03T08:10:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/11\/guide-refonte-site-web-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"850\" \/>\n\t<meta property=\"og:image:height\" content=\"423\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Solenne Ricard\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Graphistecom\" \/>\n<meta name=\"twitter:site\" content=\"@Graphistecom\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Solenne Ricard\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/graphiste.com\/blog\/guide-refonte-site-internet\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/guide-refonte-site-internet\/\"},\"author\":{\"name\":\"Solenne Ricard\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/d32851799b2f02a17a0e64f98fe5def4\"},\"headline\":\"Refonte de site internet\u00a0: le guide complet pour r\u00e9ussir\",\"datePublished\":\"2022-08-31T23:00:00+00:00\",\"dateModified\":\"2022-11-03T08:10:53+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/guide-refonte-site-internet\/\"},\"wordCount\":1855,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/guide-refonte-site-internet\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/11\/guide-refonte-site-web-1.jpg\",\"keywords\":[\"Tout savoir sur le Graphisme\"],\"articleSection\":[\"Webdesign\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/graphiste.com\/blog\/guide-refonte-site-internet\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/graphiste.com\/blog\/guide-refonte-site-internet\/\",\"url\":\"https:\/\/graphiste.com\/blog\/guide-refonte-site-internet\/\",\"name\":\"Refonte de site internet\u00a0: le guide complet pour r\u00e9ussir - Graphiste Blog\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/guide-refonte-site-internet\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/guide-refonte-site-internet\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/11\/guide-refonte-site-web-1.jpg\",\"datePublished\":\"2022-08-31T23:00:00+00:00\",\"dateModified\":\"2022-11-03T08:10:53+00:00\",\"description\":\"La refonte d\u2019un site internet permet de modifier en profondeur sa structure et son apparence. Elle a ainsi pour objectif d\u2019am\u00e9liorer les performances et\",\"breadcrumb\":{\"@id\":\"https:\/\/graphiste.com\/blog\/guide-refonte-site-internet\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/graphiste.com\/blog\/guide-refonte-site-internet\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/guide-refonte-site-internet\/#primaryimage\",\"url\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/11\/guide-refonte-site-web-1.jpg\",\"contentUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/11\/guide-refonte-site-web-1.jpg\",\"width\":850,\"height\":423,\"caption\":\"guide-refonte-site-web\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/graphiste.com\/blog\/guide-refonte-site-internet\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/graphiste.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Refonte de site internet\u00a0: le guide complet pour r\u00e9ussir\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/graphiste.com\/blog\/#website\",\"url\":\"https:\/\/graphiste.com\/blog\/\",\"name\":\"Graphiste.com\",\"description\":\"graphiste\",\"publisher\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/graphiste.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\",\"name\":\"Graphiste.com\",\"url\":\"https:\/\/graphiste.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg\",\"contentUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg\",\"width\":1,\"height\":1,\"caption\":\"Graphiste.com\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/graphistesfreelances\",\"https:\/\/x.com\/Graphistecom\",\"https:\/\/www.linkedin.com\/company\/graphiste-com\/\",\"https:\/\/fr.pinterest.com\/Graphiste_Com\",\"https:\/\/www.instagram.com\/graphiste_com\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/d32851799b2f02a17a0e64f98fe5def4\",\"name\":\"Solenne Ricard\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/89317884380ee1cf794e2e807f66c0d7d6ccf7fe2779b34a087382d27c0f12ee?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/89317884380ee1cf794e2e807f66c0d7d6ccf7fe2779b34a087382d27c0f12ee?s=96&d=mm&r=g\",\"caption\":\"Solenne Ricard\"},\"description\":\"Dipl\u00f4m\u00e9e d'une licence d'Histoire de l'Art, Solenne propose un point de vue expert sur le graphisme et les outils cr\u00e9atifs.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/solennericard\/\"],\"url\":\"https:\/\/graphiste.com\/blog\/author\/solenne-ricard\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Refonte de site internet\u00a0: le guide complet pour r\u00e9ussir - Graphiste Blog","description":"La refonte d\u2019un site internet permet de modifier en profondeur sa structure et son apparence. Elle a ainsi pour objectif d\u2019am\u00e9liorer les performances et","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/graphiste.com\/blog\/guide-refonte-site-internet\/","og_locale":"fr_FR","og_type":"article","og_title":"Refonte de site internet\u00a0: le guide complet pour r\u00e9ussir - Graphiste Blog","og_description":"La refonte d\u2019un site internet permet de modifier en profondeur sa structure et son apparence. Elle a ainsi pour objectif d\u2019am\u00e9liorer les performances et","og_url":"https:\/\/graphiste.com\/blog\/guide-refonte-site-internet\/","og_site_name":"Graphiste.com","article_publisher":"https:\/\/www.facebook.com\/graphistesfreelances","article_published_time":"2022-08-31T23:00:00+00:00","article_modified_time":"2022-11-03T08:10:53+00:00","og_image":[{"width":850,"height":423,"url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/11\/guide-refonte-site-web-1.jpg","type":"image\/jpeg"}],"author":"Solenne Ricard","twitter_card":"summary_large_image","twitter_creator":"@Graphistecom","twitter_site":"@Graphistecom","twitter_misc":{"\u00c9crit par":"Solenne Ricard","Dur\u00e9e de lecture estim\u00e9e":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/graphiste.com\/blog\/guide-refonte-site-internet\/#article","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/guide-refonte-site-internet\/"},"author":{"name":"Solenne Ricard","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/d32851799b2f02a17a0e64f98fe5def4"},"headline":"Refonte de site internet\u00a0: le guide complet pour r\u00e9ussir","datePublished":"2022-08-31T23:00:00+00:00","dateModified":"2022-11-03T08:10:53+00:00","mainEntityOfPage":{"@id":"https:\/\/graphiste.com\/blog\/guide-refonte-site-internet\/"},"wordCount":1855,"commentCount":0,"publisher":{"@id":"https:\/\/graphiste.com\/blog\/#organization"},"image":{"@id":"https:\/\/graphiste.com\/blog\/guide-refonte-site-internet\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/11\/guide-refonte-site-web-1.jpg","keywords":["Tout savoir sur le Graphisme"],"articleSection":["Webdesign"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/graphiste.com\/blog\/guide-refonte-site-internet\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/graphiste.com\/blog\/guide-refonte-site-internet\/","url":"https:\/\/graphiste.com\/blog\/guide-refonte-site-internet\/","name":"Refonte de site internet\u00a0: le guide complet pour r\u00e9ussir - Graphiste Blog","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/graphiste.com\/blog\/guide-refonte-site-internet\/#primaryimage"},"image":{"@id":"https:\/\/graphiste.com\/blog\/guide-refonte-site-internet\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/11\/guide-refonte-site-web-1.jpg","datePublished":"2022-08-31T23:00:00+00:00","dateModified":"2022-11-03T08:10:53+00:00","description":"La refonte d\u2019un site internet permet de modifier en profondeur sa structure et son apparence. Elle a ainsi pour objectif d\u2019am\u00e9liorer les performances et","breadcrumb":{"@id":"https:\/\/graphiste.com\/blog\/guide-refonte-site-internet\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/graphiste.com\/blog\/guide-refonte-site-internet\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/guide-refonte-site-internet\/#primaryimage","url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/11\/guide-refonte-site-web-1.jpg","contentUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/11\/guide-refonte-site-web-1.jpg","width":850,"height":423,"caption":"guide-refonte-site-web"},{"@type":"BreadcrumbList","@id":"https:\/\/graphiste.com\/blog\/guide-refonte-site-internet\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/graphiste.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Refonte de site internet\u00a0: le guide complet pour r\u00e9ussir"}]},{"@type":"WebSite","@id":"https:\/\/graphiste.com\/blog\/#website","url":"https:\/\/graphiste.com\/blog\/","name":"Graphiste.com","description":"graphiste","publisher":{"@id":"https:\/\/graphiste.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/graphiste.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/graphiste.com\/blog\/#organization","name":"Graphiste.com","url":"https:\/\/graphiste.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg","contentUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg","width":1,"height":1,"caption":"Graphiste.com"},"image":{"@id":"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/graphistesfreelances","https:\/\/x.com\/Graphistecom","https:\/\/www.linkedin.com\/company\/graphiste-com\/","https:\/\/fr.pinterest.com\/Graphiste_Com","https:\/\/www.instagram.com\/graphiste_com\/"]},{"@type":"Person","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/d32851799b2f02a17a0e64f98fe5def4","name":"Solenne Ricard","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/89317884380ee1cf794e2e807f66c0d7d6ccf7fe2779b34a087382d27c0f12ee?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/89317884380ee1cf794e2e807f66c0d7d6ccf7fe2779b34a087382d27c0f12ee?s=96&d=mm&r=g","caption":"Solenne Ricard"},"description":"Dipl\u00f4m\u00e9e d'une licence d'Histoire de l'Art, Solenne propose un point de vue expert sur le graphisme et les outils cr\u00e9atifs.","sameAs":["https:\/\/www.linkedin.com\/in\/solennericard\/"],"url":"https:\/\/graphiste.com\/blog\/author\/solenne-ricard\/"}]}},"_links":{"self":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/32810","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/users\/54"}],"replies":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/comments?post=32810"}],"version-history":[{"count":0,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/32810\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media\/32813"}],"wp:attachment":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media?parent=32810"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/categories?post=32810"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/tags?post=32810"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}