» » Comment preparer la refonte de sa boutique en ligne ?

Comment preparer la refonte de sa boutique en ligne ?

Revenir aux actus

 

Pourquoi faire une Refonte de site web ou site e-commerce ?

 

 

 

Comment faire la refonte de votre boutique en ligne ?
Faîtes décoller vos ventes et trafic web !

Vous souhaitez réaliser une refonte de votre site web ou de votre boutique en ligne mais vous ne savez pas comment cela va se passer.
En tant qu'
acteur du e-commerce en France depuis de nombreuses années, nous accompagnons au quotidien les projets de refonte de site web clients. 
Nous vous expliquons notre démarche et procédures afin de
limiter les perturbations sur le site internet existant,
notamment avec les ventes en cours et le 
référencement naturel (SEO).
 

 

 

 

C'est quoi la refonte d'un site web ?

La refonte de site internet consiste à modifier le site web existant de manière importante pour de le rendre plus moderne et efficace face aux tendances du web et à vos besoins stratégiques. La refonte de site web a pour objectif de bénéficier d'améliorations techniques, graphiques et ergonomiques.

 

 

 

Pourquoi et quand faire une refonte de site web ou boutique en ligne ?

Si le graphisme de votre boutique en ligne ne correspond plus aux tendances actuelles ou à votre positionnement marketing, ou encore si l’ergonomie n’est plus pertinente face aux comportement des internautes et décision d'achat en ligne, c'est qu'il est grand temps de lancer une refonte de votre boutique en ligne !

 

Les raisons fréquentes qui amenent à faire une refonte de site web ou boutique en ligne

. Une baisse de vos performances de ventes 
. Pour améliorer le référencement naturel SEO
. Un design vieillissant et obsolète
. Repenser l'ergonomie, la navigation et l'expérience utilisateur UX
. Votre site internet est inadapté au mobile
. Générer plus de trafic web
. Un changement d'objectifs et de stratégie digitale
. Un changement de marque ou identité visuelle

 

 

 

 

 

 

 

 

 

 

L'apparence visuelle et le design d'un site internet sont devenus des éléments indispensables pour rassurer et inciter à l'achat. 

Selon une étude sur la psychologie du consommateur, 42% des internautes se créent une opinion uniquement sur l'aspect du site internet.

 

 

 

 

 

 

 

Comment vous accompagner dans la refonte de site internet ? 

À tout moment, dès que vous en ressentez le besoin, nous pouvons vous accompagner pour la refonte de votre boutique en ligne ou site internet. 

 

Un formulaire de refonte de site web vous sera envoyé afin de définir avec vous vos nouveaux besoins pour la personnalisation graphique du thème e-commerce de votre choix. Ce formulaire pourra être complété par un entretien téléphonique avec nos commerciaux et graphistes si cela vous semble nécessaire afin que nous puissions cerner au mieux vos attentes.

 

 

 

 

Comment conserver le référencement naturel avec une refonte de site web ?

Mettre en place des redirections 301 pour conserver votre référencement SEO

Pour conserver une bonne partie du référencement naturel de votre site web existant ou boutique en ligne, il est primordial de mettre en place des redirections 301 entre les URL(s) de vos anciennes pages et les URL(s) de vos nouvelles pages.
Ces redirections permettent aux moteurs de recherche, mais aussi aux internautes de faire le lien entre l'ancien et le nouveau site internet. Si vous ne mettez pas en place ces redirections, les moteurs de recherches vont tomber sur des pages d'erreurs, et donc le référencement naturel de votre site internet repartira de zéro.

 

Le principe est dès qu'une URL est modifiée, alors il faut mettre une redirections 301 vers sa nouvelle version ou au contenu similaire. 

 

  S'il s'agit que d'une refonte graphique et que vous ne souhaitez pas changer votre arborescence de site internet, alors il ne sera pas nécessaire de mettre en place des redirections 301.

 

 

 

La récupération des URL(s) avant la refonte de site web

La récupération des URL(s) est le travail préparatoire aux redirections. Cette étape est trop souvent négligée. Concrètement il s'agit de collecter l'ensemble des URL(s) connues du site internet avant la refonte. 

 

Il n'est pas nécessaire de rediriger toutes vos pages, nous vous conseillons de rediriger les pages principales, à savoir celles de l'arborescence de votre site internet :

. les pages de rubriques

. les pages de sous-rubriques

. les pages de fiches articles 

. toutes les autres pages qui sont bien positionnées, qui vous génèrent du trafic et des ventes...

 

 

 

Migration ou changement de nom de domaine : Prévoir un fichier excel d'import

Vous souhaitez changer de prestataire ou de CMS tels que Shopify, Oxatis, Prestashop, Drupal, WordPress, etc... pour votre site internet alors il s'agit d'une migration, il est donc nécessaire de réaliser un fichier d'import pour mettre en place des redirections 301 et ainsi conserver votre référencement naturel (SEO). De la même manière, si vous changez de nom de domaine, il est important de faire un fichier d'import.

 

Pour se faire, c'est assez simple, il faut répertorier dans un fichier excel toutes les URL(s) nécessaires à rediriger en créant 2 colonnes : 

. Une pour les URL(s) de vos anciennes pages
. Une autre pour les URL(s) de vos nouvelles pages

 

Il est nécessaire de saisir une redirection par ligne avec une colonne pour l'ancienne URL et une colonne pour la nouvelle URL, comme ci-dessous.

 

Refonte Site web : Créer un fichier de redirection pour conserver le référencement SEO

 

 

 

 

 

 

 

 

 

 

Astuces SEO avec la commande "site:"  

 

La commande "site:" vous permet rapidement de connaître le nombre d'URL(s) indexées dans les moteurs de recherche. Cette astuce peut vous aider à identifier et récupérer des URL(s) de pages dans le cadre de la refonte de votre site internet. 

 

C'est très simple, il suffit d'écrire "site:" devant le nom de domaine de votre site internet dans la barre de recherche, comme ci-dessous.

 

Le nombre de résultats correspond au nombre d'URL(s) indexées et prises en compte dans Google. Cela peut vous donner une idée du volume de redirections 301 à mettre en place.

 

 

Astuces SEO pour conserver son référencement avec la refonte de site internet

 


 

 

 

 

 

 

Outil de redirections 301 disponible avec Shop Application

Dans votre espace d'administration Shop Application, vous trouverez cet outil de redirections à l'onglet "Informations" > "Redirections", comme ci-dessous.

 

 

Refonte Site web : Outil de redirections 301 avec Shop Application pour ne pas perdre le référencement SEO

 

 

Si vous avez beaucoup de redirections 301 à mettre en place, il faut réaliser un fichier excel pour un import.

 

 

 

Les avantages de mettre en place une interface de pré-production

Dans le cadre d'une refonte, nous conseillons la mise en place d'une interface de pré-production. Il s'agit d'une une interface temporaire pour gérer les nouveaux éléments graphiques. Cela vous permet de valider le nouveau design tout en ayant votre boutique en ligne toujours active. Lors de la bascule de votre refonte, seul le graphisme de la pré-production sera repris, le contenu du site actuel (pages statiques, fiches article…) ne sera pas modifié. Avec ce fonctionnement, la bascule de la refonte n'aura aucun impact sur vos bases de données, ventes, stocks, données clients et n'entraînera pas de perturbations sur votre boutique en ligne actuelle.

 

Si vous souhaitez retravailler le contenu de vos pages web, il est préférable de réaliser les modifications sur votre site web actuel.

 

 

 

 

Conseils "Spécial Refonte de site web" par nos agences SEO partenaires

Yumens

Très bon article par Yumens sur les signaux d'alerte qui vous prouvent qu'il est temps de faire une refonte de votre site web ou boutique en ligne 
[+] https://blog.yumens.fr/refonte-de-site-web-les-signaux-dalerte 

 

CyberCité

Téléchargez le livre blanc de CyberCité sur la thématique : "Réussir sa refonte SEO en 10 points clés"
[+] https://www.cybercite.fr/livre-blanc-reussir-refonte-seo.html

 

 

 

 

Exemples "Avant/ Après" refonte de sites e-commerce avec Shop Application

Voici quelques exemples de refontes de boutiques en ligne et sites e-commerce réalisés avec le CMS Shop Application pour vous donner une idée des possibilités d'évolutions après une refonte en terme de graphisme, de nouvelle structure, objectifs, etc...

 

 

#1. Refonte site e-commerce Chamarrel

 

La boutique en ligne Chamarrel est dédiée à la vente de produits naturels, de bien-être et d’entretien de la maison, favorisant l’approche zéro-déchet. Découvrez leur sélection de produits : huiles essentielles, perles de céramique EM, savons de Marseille, charbon binchotan...

 

Ce qui a changé avec la refonte du site e-commerce Chamarrel 

Les visuels Avant/Après ci-dessous, nous permettent de se rendre compte rapidement d'une belle évolution graphique après la refonte du site web.

 

Tout d'abord, la nouvelle structure du site e-commerce Chamarrel permet de diminuer le nombre de couleurs et donc d'épurer le graphisme de manière globale et significative. Avec la refonte, les couleurs sont mises sur des zones sans texte, ce qui permet de gagner en lisibilité et en compréhension. Les teintes vertes sont mises sur le header plutôt que sur l'arborescence du menu principal, éléments de navigation et autres blocs de textes.

 

 

Avant refonte

 

Rendu avant Refonte du site e-commerce Chamarrel

 

Après refonte
 

Rendu après Refonte du site e-commerce Chamarrel

 

 

 

 

  Les visuels des diaporamas en page d'accueil sont plus grands et de meilleurs qualité, ce qui incite l'internaute à découvrir davantage les produits et à rester plus longtemps sur la boutique en ligne. [+] Nos conseils sur l'importance des images de qualité 

 

 

Concernant l'identité graphique, un changement de logo a été réalisé, il est plus moderne et compact, pour un gain de place en entête du site internet Chamarrel.

 

Suite à la refonte du site e-commerce Chamarrel réalisée en 2020, le chiffre d'affaires entre 2020 et 2021 a plus que doublé.

 

 

 

 

 

#2. Refonte du site internet Ma Loupiote 

 

La boutique en ligne de Ma Loupiote est spécialisée dans la vente de luminaires décoratifs d'intérieur et extérieur. Découvrez leurs produits d'éclairage variés et design : lampadaires, suspensions, lampes, appliques, ampoules, etc... 

 

 

Avant refonte 
 

Rendu Avant Refonte du site web Ma Loupiote

 

Après refonte


 

Aperçu Après Refonte du site internet Ma Loupiote

 

 

Ce qui a changé avec la refonte de la boutique en ligne Ma Loupiote

La structure, ainsi que le graphisme ont bien évolué lors de la refonte de ce site internet.

Les couleurs principales ont changé, nous passons du orange et vert pour des couleurs plus foncées, mais plus atténuées avec le noir et doré.

 

Grâce à la refonte les termes du menu de navigation sont plus précis et pertinents, cela permet en un seul coup d'oeil de mieux comprendre le site internet et d'accéder en moins de clics aux produits recherchés. Cette nouvelle arborescence présente de réels avantages d'un point de vue référencement naturel (SEO).

 

 

 

 

 

 

En plus de la refonte, un travail sur le changement de logo a été effectué, notamment avec une typographie plus moderne et lisible.

 

 

 

#3. Refonte de la boutique La Marque Zone 

 

La boutique en ligne de La Marque Zone est dédiée à la vente en ligne de figurines, statuettes, objets collectors du monde de la BD, du cinéma et de la pop culture. Découvrez de nombreux produits dans les univers de Tintin, Lucky Luke, Bécassine, Les Schtroumpfs, Astérix, etc...

 

Ce qui a changé avec la refonte de la boutique La Marque Zone

Le menu de navigation qui était auparavant à la verticale sur la gauche, passe à l'horizontal avec la refonte. La navigation était davantage orientée vers la recherche de produit, ce qui n'est pas une mauvaise chose, mais plutôt la mettre à un autre endroit. Un important travail a été réalisé pour la création d'une nouvelle arborescence, favorisant ainsi la navigation et le référencement naturel.

Les couleurs principales à savoir le jaune et le noir sont conservées. 

 

 

 

Avant refonte

 

Aperçu Avant Refonte du site e-commerce La Marque Zone

 

 

 

 

 

Après refonte

 

 

Aperçu Après Refonte du site e-commerce La Marque Zone

 

 

 

 

 

Découvrez nos thèmes graphiques pour une refonte de site e-commerce

 

Dans le cadre d'une refonte, la création graphique peut-être réalisée en sur mesure, à partir d'une page blanche. Toutefois, pour un gain de temps et de budget, nous proposons également des thèmes de site e-commerce avec un design préexistant, facile à personnaliser selon vos goûts.

 

Thème Augo : Refonte site e commerce avec Shop Application  

Augo : Thème Refonte site e-commerce

 

Signes particuliers : Plusieurs diaporamas de photos

Le visuel au coeur de votre activité. Le thème graphique Augo pour la création ou refonte de votre boutique en ligne vous permet d'intégrer de belles et grandes photos.

[+] Découvrir Augo

     
Thème Alll : Refonte site e commerce avec Shop Application  

All : Thème Refonte site e-commerce

 

Signes particuliers : Une structure de type "One-Page"

À la croisée des chemins, entre site d'informations et site e-commerce, la force du thème "Alll" se trouve dans sa polyvalence et dans sa structure de type "one-page".

 

[+] Découvrir Alll

     
Theme Gerrri : Refonte de boutique en ligne avec Shop Application  

Gerrri : Thème Refonte site e-commerce

 

Signes particuliers : Des mises en avant commerciales

Ce thème a été pensé pour répondre aux besoins des e-commerçants ayant un catalogue d’articles important. L’article est placé au centre de l’attention. L’ergonomie et la disposition des éléments mettent en avant les actions commerciales comme les ventes flash, les promotions...

 

[+] Découvrir Gerrri

     
Theme Hermer : Refonte boutique en ligne avec Shop Application  

Hermer : Thème Refonte site e-commerce

 

Signes particuliers : Juste ce qu'il faut, un concentré d'essentiels !

Ce thème a été pensé pour répondre aux besoins essentiels des e-commerçants tout en conservant une esthétique sobre et épurée. La place est laissée libre pour de belles et grandes photos de diaporama.

 

[+] Découvrir Hermer

     
Theme Waro : Refonte site boutique en ligne avec Shop Application  

Waro : Thème Refonte site e-commerce 

 

Signes particuliers : Un menu unique

Le thème Waro offre une expérience de navigation unique pour créer une boutique en ligne, mixant un catalogue produits et des pages d'informations.

 

[+] Découvrir Waro

 

 

 

 

 

 

Déroulement des étapes pour la création de boutique en ligne

Voici un schéma retraçant les principales étapes lors de la conception d'une boutique en ligne avec la solution Shop Application.

 

Deroulement des etapes de creation de boutique en ligne avec Shop Application

 

Validation du devis 

Validez votre devis ou commandez directement en ligne.

 

Codes d'accès

Nous installons l'interface d'administration de Shop Application qui vous permettra de gérer votre boutique en ligne. Vous recevrez dans les 48h vos codes d'accès à l’interface. 

 

Hébergement et nom de domaine

Nous nous occupons de l'hébergement de votre boutique en ligne. Vous pouvez nous confier toutes vos démarches de nom de domaine : réservation, transfert et renouvellement.

 

Formulaire à nous retourner

Un formulaire vous sera envoyé afin que vous puissiez indiquer au service infographie vos souhaits, références, couleurs… pour réaliser le design de votre boutique en ligne. A la réception du formulaire, une de nos graphistes prendra en charge votre projet afin de créer une charte graphique.

 

Maquette graphique

La maquette graphique sera modifiée pour une satisfaction de votre part.  

 

Intégration

Une fois la maquette validée, un de nos techniciens réalise l'intégration de votre boutique en ligne.

 

Mise en ligne

A votre demande, nous mettons en ligne votre boutique en ligne.

 

Accompagnement

Nous vous transmettons des conseils et bonnes pratiques afin d'amorcer le référencement naturel de votre boutique en ligne.

 

Assistance technique

Vous pouvez contacter notre support technique par message ou par téléphone pour toutes questions sur le fonctionnement de la solution ou demandes de modifications techniques sur votre boutique en ligne. Vous avez également accès à notre plateforme de tutoriels et module d'e-learning pour gagner en compétences et autonomie.

 

 

 

Pourquoi choisir le CMS Shop Application
pour la refonte ou la création de boutique en ligne ?

Fonctionnalités e-commerce évolutives

De nombreuses [+] fonctionnalités e-commerce vous permettent de [+] gérer votre boutique en ligne et de s'adapter à votre activité. Des mises à jour logicielles sont réalisées tous les mois afin d'enrichir nos fonctionnalités et sont transparentes pour nos clients.

 

Méthodes de paiement pré-installées

La possibilité d'activer sur votre boutique en ligne le paiement par carte, chèque, virement… Plusieurs méthodes de paiement sont pré-installées gratuitement : PayPal, PayPlug… D'autres méthodes de paiement sont disponibles à votre demande.

 

Version mobile

Toutes les boutiques en ligne conçues avec Shop Application bénéficient d'une version mobile optimisée.

 

Attestation individuelle de conformité

Shop Application est un logiciel certifié et conforme à l'article 88, [+] la loi anti-fraude TVA. A tout moment, vous avez accès à votre attestation individuelle de conformité dans votre interface de site Shop Application.

 

Editeur de texte facile à prendre en main

Une solution e-commerce facile à prendre en main, aussi bien adaptée pour les débutants qu’aux plus confirmés. L'éditeur de texte vous permet d'intégrer rapidement vos contenus (textes, images, vidéos) en toute autonomie.

 

Création de site internet en Marque Blanche

Depuis plusieurs années, nous commercialisons Shop Application en marque blanche. Vous pouvez devenir revendeur de notre solution e-commerce. Que vous soyez une agence de web, ou un réseau de distribution, nous vous donnons la possibilité de proposer notre solution à vos clients via votre propre nom de marque. [+] Devenez revendeur de Shop Application !

 

Référencement naturel (SEO)

La solution Shop Application bénéficie d'optimisations déjà intégrées pour le référencement naturel. Laissez-vous guider par Shop Application.

 

Logiciel de caisse enregistreuse

La possibilité de coupler votre boutique en ligne à notre [+] logiciel de caisse (Synchronisation des ventes & Stocks).

 

Assistance technique basée en France

En cas de questions, nous avons un service technique joignable par téléphone et tickets, ainsi qu'une plateforme de + de 100 tutoriels.

 

Refonte par une Migration de votre site internet ou changement de prestataire, CMS e-commerce 

Vous souhaitez changer de CMS ou de solution e-commerce de type Shopify, WordPress, WooCommerce, Magento, Prestashop, Oxatis ou WiziShop, migrez votre site web ou site site e-commerce existant chez Shop Application sans perturber votre activité. 

 

Refonte par une Migration, changement de prestataire ou CMS pour son site e commerce : Shopify, Wordpress, Prestashop, Oxatis, Wizishop, Magento, Woocommerce, Powerboutique...

 

 

 

 

Auteur de l'article
Sarah LE GUEN
Spécialiste en Stratégie SEO et Webmarketing à Shop Application

Passionnée par le digital, je publie sur ce blog des conseils en référencement naturel (SEO), sur les fonctionnalités e-commerce innovantes et tendances web efficaces. L'objectif est de transmettre une vision plus large du digital afin de gagner en autonomie et compétences dans la gestion quotidienne de votre site internet, logiciel de caisse et plus particulièrement de votre site e-commerce.