Autant dire que vous devez choisir soigneusement les \u00e9l\u00e9ments de votre page d’accueil et leur disposition si vous voulez optimiser vos ventes !<\/p>\n\n\n\n
Le logo de votre marque doit figurer en bonne place !<\/h2>\n\n\n\n
Votre logo, c’est important car il va permettre :<\/p>\n\n\n\n
- aux visiteurs qui connaissent d\u00e9j\u00e0 votre marque de vous reconna\u00eetre imm\u00e9diatement ;<\/li>
- et \u00e0 ceux qui vous d\u00e9couvrent pour la toute premi\u00e8re fois de vous reconna\u00eetre plus facilement dans l’avenir. <\/li><\/ul>\n\n\n\n
La pr\u00e9sence de votre logo confortera aussi vos visiteurs dans l’id\u00e9e qu’ils sont bien sur votre site officiel ! M\u00eame s’il est vrai que les pirates informatiques ne se g\u00eanent pas pour \u00ab\u00a0emprunter\u00a0\u00bb les visuels des marques dans leurs tentatives de phishing… <\/p>\n\n\n\n
![\"En](\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2022\/11\/phishing.gif\")
<\/figure><\/div>\n\n\n\nBref ! Compte tenu de son importance, la plupart des marques placent leur logo dans une zone qui attire rapidement le regard des visiteurs<\/strong>. C’est-\u00e0-dire :<\/p>\n\n\n\n
- en haut au centre ;<\/li>
- ou en haut \u00e0 gauche. G\u00e9n\u00e9ralement au m\u00eame niveau que leur menu de navigation, pour celles qui misent sur le menu horizontal en haut de page ! <\/li><\/ul>\n\n\n\n
Un menu visible et bien con\u00e7u optimisera la page d’accueil de votre site e-commerce<\/h2>\n\n\n\n
Autre \u00e9l\u00e9ment qui doit figurer absolument sur votre page d’accueil : un bon menu. Dans l’absolu, vous avez le droit de le placer o\u00f9 vous le souhaitez si l’originalit\u00e9 et l’avant-gardisme font partie de l’ADN de votre marque. Vous pouvez m\u00eame lui donner une forme originale (ex. : menu en spirale plein \u00e9cran).<\/p>\n\n\n\n
Mais dans la majorit\u00e9 des cas, mieux vaut s’en tenir aux menus les plus classiques. \u00c0 savoir les barres de navigation :<\/p>\n\n\n\n
- horizontales, plac\u00e9es en haut de la page d’accueil ;<\/li>
- verticales, plac\u00e9es \u00e0 gauche.<\/li><\/ul>\n\n\n\n
Les internautes sont tellement habitu\u00e9s \u00e0 ces emplacements qu’ils trouveront facilement votre menu.<\/strong> A plus forte raison si vous attirez l’attention sur lui gr\u00e2ce \u00e0 une judicieuse mise en couleur !<\/p>\n\n\n\n
Veillez aussi \u00e0 :<\/p>\n\n\n\n
- limiter le nombre de cat\u00e9gories principales (ex. : 5-6) pour \u00e9viter de surcharger votre \u00ab\u00a0top menu\u00a0\u00bb ;<\/li>
- et \u00e0 leur donner des noms clairs. Les internautes doivent comprendre exactement \u00e0 quoi chaque cat\u00e9gorie fait r\u00e9f\u00e9rence !<\/li><\/ul>\n\n\n\n
Bon \u00e0 savoir \u00e9galement : bien entendu, vous pouvez aussi ajouter un moteur de recherches interne sur votre page pour simplifier la navigation des visiteurs au maximum !<\/p>\n\n\n\n
Placez un \u00e9l\u00e9ment d’accroche<\/h2>\n\n\n\n
Pour capter l’attention de vos visiteurs en 3 secondes, un \u00e9l\u00e9ment d’accroche doit figurer en bonne place sur votre page d’accueil. \u00c0 comprendre : en haut, juste en dessous de la barre de navigation si vous optez pour un menu horizontal. <\/p>\n\n\n\n
Classiquement, il s’agit d’un slogan court et percutant ! Pour le cr\u00e9er, le plus simple est de vous demander de quoi vos clients ont envie : ils doivent comprendre imm\u00e9diatement que vous pouvez combler toutes leurs attentes quand ils arrivent sur votre page d’accueil. Par exemple, les sites sp\u00e9cialis\u00e9s dans la vente de produits de r\u00e9gime adoptent des slogans du type \u00ab\u00a0Perdez 3 kilos facilement \u00ab\u00a0. Ceux qui vendent des articles pour les sports extr\u00eames utilisent plut\u00f4t des slogans dans l’esprit \u00ab\u00a0Equipez-vous pour la grande aventure\u00a0\u00bb, etc. <\/p>\n\n\n\n
Mais il existe d’autres mani\u00e8res d’accrocher l’attention de vos visiteurs. Comme un beau carrousel par exemple, avec un CTA (Call-To-Action) sur chaque photo pour inciter les visiteurs \u00e0 en savoir plus !<\/strong> Adopt\u00e9 par de tr\u00e8s nombreuses marques, celui-ci permet de mettre en valeur :<\/p>\n\n\n\n
- le lancement d’un tout nouveau produit ;<\/li>
- vos produits\/services les plus populaires ;<\/li>
- \u00e9ventuellement une action RSE (Responsabilit\u00e9 Soci\u00e9tale des Entreprises) concernant directement vos clients. Comme l’arriv\u00e9e de vos nouveaux emballages 100% recyclables par exemple ;<\/li>
- et bien entendu, les \u00e9v\u00e8nements en cours. Comme les promotions que vous proposez pour le Black Friday par exemple. Ou encore vos meilleures id\u00e9es cadeaux pour No\u00ebl et la Saint-Valentin !<\/li><\/ul>\n\n\n\n
1 exemple de page d’accueil r\u00e9ussie pour un site e-commerce utilisant un carrousel <\/h2>\n\n\n\n
Si de nombreux sites e-commerce placent un carrousel en haut de leur page d’accueil, celle de la marque Caravane<\/a>, sp\u00e9cialis\u00e9e dans l’ameublement et les articles de d\u00e9coration, a particuli\u00e8rement retenu notre attention gr\u00e2ce \u00e0 ses tr\u00e8s belles photos et son design l\u00e9ch\u00e9 ! M\u00eame les CTA b\u00e9n\u00e9ficient d’une jolie petite animation sur le site !<\/strong><\/p>\n\n\n\n
![\"page](\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2022\/11\/exemples-page-daccueil-r\u00e9ussie-site-e-commerce-d\u00e9coration.jpg\")
Source : capture d’\u00e9cran site caravane, novembre 2022<\/figcaption><\/figure><\/div>\n\n\n\n Au passage, vous remarquerez \u00e9galement :<\/p>\n\n\n\n
- le logo de la marque, bien visible tout en haut ;<\/li>
- le top menu, clair et concis ;<\/li>
- et la pr\u00e9sence d’un moteur de recherches interne, en haut \u00e0 droite, simplement symbolis\u00e9 par la petite icone loupe. Ce qui est amplement suffisant, tout le monde – ou presque – utilisant ce symbole pour repr\u00e9senter les moteurs de recherches. A ses c\u00f4t\u00e9s vous remarquerez \u00e9galement les petites icones repr\u00e9sentant \u00ab\u00a0mon compte\u00a0\u00bb, \u00ab\u00a0mes favoris\u00a0\u00bb et \u00ab\u00a0mon panier\u00a0\u00bb. L\u00e0 aussi, les symboles sont suffisamment parlants : cela \u00e9vite d’ajouter du texte qui alourdirait le haut de la page. <\/li><\/ul>\n\n\n\n
Pensez aussi \u00e0 la vid\u00e9o pour capter l’attention<\/h3>\n\n\n\n
Une vid\u00e9o mettant en valeur votre savoir-faire, vos produits ou m\u00eame vos points de ventes physiques peut \u00e9galement constituer un \u00e9l\u00e9ment d’accroche. En effet, elle est souvent tr\u00e8s efficace pour retenir les internautes ! MAIS m\u00e9fiez-vous de certains \u00e9cueils si vous souhaitez utiliser cette technique…<\/p>\n\n\n\n
En pratique, vous devez surtout :<\/p>\n\n\n\n
- veiller \u00e0 ce que la vid\u00e9o ne soit pas trop lourde<\/strong>. Sinon, elle ralentira le chargement de votre page. Ce qui poussera vos visiteurs \u00e0 quitter votre site avant m\u00eame qu’elle ne s’affiche sur leur \u00e9cran ;<\/li>
- \u00e9viter \u00e9galement de mettre une bande-son<\/strong>. Ou \u00e0 minima, offrez \u00e0 vos visiteurs la possibilit\u00e9 de couper rapidement le son. Sinon, ils risquent d’\u00eatre plus irrit\u00e9s que captiv\u00e9s par votre vid\u00e9o ! En effet, peu de gens appr\u00e9cient les musiques qui se lancent d’elles-m\u00eames \u00e0 l’ouverture d’une page. A plus forte raison lorsqu’ils essaient de surfer \u00ab\u00a0en douce\u00a0\u00bb sur le web pendant leurs heures de bureau…<\/li><\/ul>\n\n\n\n
Un choix de produits sur la page d’accueil, c’est malin !<\/h2>\n\n\n\n
Autre bonne pratique adopt\u00e9e par de nombreuses marques sur leur site e-commerce : pr\u00e9senter certains produits directement sur leur page d’accueil. L’id\u00e9al \u00e9tant bien s\u00fbr de mettre en lumi\u00e8re les articles les plus susceptibles d’int\u00e9resser vos visiteurs. <\/strong>Il s’agit g\u00e9n\u00e9ralement des meilleures ventes du site ou d’articles saisonniers (ex. : bonnets de laine en p\u00e9riode hivernale, coffrets escapades en duo pour la Saint-Valentin, etc.). <\/p>\n\n\n\n
Placez aussi des \u00e9l\u00e9ments de r\u00e9assurance sur la page d’accueil de votre site e-commerce !<\/h2>\n\n\n\n
Pour cr\u00e9er une page d’accueil efficace, vous devez \u00e9galement y placer tous les \u00e9l\u00e9ments qui peuvent rassurer vos clients<\/strong>. Dans l’id\u00e9al au-dessus de la ligne de flottaison <\/a>pour que les internautes les remarquent d\u00e8s leur arriv\u00e9e !<\/p>\n\n\n\n
Vous proposez la \u00ab\u00a0garantie \u00e0 vie\u00a0\u00bb ou \u00ab\u00a0satisfait ou rembours\u00e9\u00a0\u00bb par exemple ? Indiquez-le visiblement sur votre page d’accueil !<\/p>\n\n\n\n
Vous avez d\u00e9j\u00e0 r\u00e9colt\u00e9 des avis clients positifs ? Placez-en quelques uns sur votre page d’accueil, avec un lien les dirigeant vers l’ensemble des avis.<\/p>\n\n\n\n
Votre marque a \u00e9t\u00e9 \u00e9lue \u00ab\u00a0marque pr\u00e9f\u00e9r\u00e9e des consommateurs\u00a0\u00bb ou encore \u00ab\u00a0service client de l’ann\u00e9e\u00a0\u00bb ? M\u00eame combat : mettez ce point en avant sur votre page d’accueil. Une simple image avec un CTA invitant vos visiteurs \u00e0 en savoir plus peut suffire !<\/p>\n\n\n\n
Mettez aussi vos avantages concurrentiels en valeur !<\/h2>\n\n\n\n
Produits bio ? Made in France ? Autant d’avantages concurrentiels qui m\u00e9ritent eux aussi de figurer sur votre page d’accueil, aux cot\u00e9s des \u00e9l\u00e9ments de r\u00e9assurance !<\/p>\n\n\n\n
Faut-il mettre ou non un bloc de texte sur la page d’accueil de votre site e-commerce ?<\/h2>\n\n\n\n
Sur ce point, tout d\u00e9pend de la notori\u00e9t\u00e9 de votre marque. En effet, les marques les plus connues, comme Chanel par exemple, n’en ont absolument pas besoin : les images et les CTA leur suffisent amplement. Leur r\u00e9putation n’est plus \u00e0 faire !<\/p>\n\n\n\n
![\"Les](\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2022\/11\/marques-c\u00e9l\u00e8bres-site-e-commerce.gif\")
<\/figure><\/div>\n\n\n\nEn revanche, les autres entreprises ont int\u00e9r\u00eat \u00e0 se pr\u00e9senter rapidement et \u00e0 mettre en valeur leur expertise d\u00e8s la page d’accueil de leur site e-commerce<\/strong>. Mais n’en faites pas trop non plus pour ne pas surcharger la page ! Pr\u00e9f\u00e9rez un texte court, dans lequel vous placerez des mots-cl\u00e9s choisis judicieusement : un CTA renverra les visiteurs qui veulent en savoir plus sur la page pr\u00e9sentation de votre entreprise. <\/p>\n\n\n\n
Cela \u00e9tant dit, pour les marques qui proposent des concepts vraiment innovants au sujet desquels les consommateurs se posent encore de nombreuses questions, il peut \u00eatre judicieux d’en dire \u00ab\u00a0un peu plus long\u00a0\u00bb que la moyenne sur la page d’accueil. Dans ce cas il ne faut pas h\u00e9siter \u00e0 utiliser des astuces pour int\u00e9grer un maximum d’informations en un minium de place. A l’image de ce qu’\u00e0 fait la marque Elia !<\/p>\n\n\n\n
1 exemple de page d’accueil de site e-commerce associant harmonieusement long bloc de texte, s\u00e9lection de produits, r\u00e9assurance client et avantages concurrentiels<\/h2>\n\n\n\n
La marque Elia, sp\u00e9cialis\u00e9e dans les culottes menstruelles, doit absolument rassurer et informer ses clientes potentielles, nettement plus habitu\u00e9es \u00e0 d’autres types de protections menstruelles. C’est pourquoi elle a pris le parti d’ins\u00e9rer une FAQ en 4 onglets directement sur sa page d’accueil !<\/strong><\/p>\n\n\n\n
![\"page](\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2022\/11\/exemple-de-page-daccueil-r\u00e9ussie-pour-un-site-e-commerce-marque-innovante.jpg\")
Source : capture d’\u00e9cran site Elia<\/figcaption><\/figure><\/div>\n\n\n\n Une bonne id\u00e9e, qui permet de placer un maximum d’informations et de r\u00e9pondre \u00e0 toutes les questions des visiteuses sans occuper trop de place sur la page d’accueil. Sans parler du fait que cette FAQ permet aussi d’optimiser le r\u00e9f\u00e9rencement naturel (SEO) de la page !<\/p>\n\n\n\n
Mais c’est loin d’\u00eatre la seule bonne id\u00e9e de la marque Elia ! En effet, si vous visitez son site<\/a>, vous remarquerez de nombreuses autres bonnes pratiques. Parmi elles, nous attirons surtout votre attention sur :<\/p>\n\n\n\n
- le texte qui accompagne la s\u00e9lection produits. Premier bon point : lui aussi est manifestement optimis\u00e9 pour le r\u00e9f\u00e9rencement naturel.<\/strong> Notamment via la question \u00ab\u00a0Comment choisir la meilleure culotte menstruelle\u00a0\u00bb, qui fait partie des requ\u00eates les plus courantes pour ce genre d’article. Second bon point : il inclut de nombreux \u00e9l\u00e9ments de r\u00e9assurance et d’avantages concurrentiels (ex. : bio, made in France, retours gratuits) ;<\/li>
- la s\u00e9lection des produits en elle-m\u00eame, qui met en valeur les articles les plus populaires de la marque, preuve \u00e0 l’appui car la notation des clients est directement affich\u00e9e. <\/li><\/ul>\n\n\n\n
Cerise sur le g\u00e2teau : des avis clients plus d\u00e9taill\u00e9s sont affich\u00e9s juste en-dessous de la s\u00e9lection pour rassurer au maximum les visiteuses ! <\/p>\n\n\n\n
Et le design dans tout \u00e7a ? <\/h2>\n\n\n\n
Bien entendu, le design de votre page d’accueil a \u00e9galement une grande importance ! L’essentiel \u00e9tant :<\/p>\n\n\n\n
- de miser sur le responsive web design, pour que l’apparence de votre page s’adapte \u00e0 tous les \u00e9crans (ex. : smartphone, ordinateur, tablette) ;<\/li>
- de respecter une charte graphique adapt\u00e9e \u00e0 votre marque ;<\/li>
- d’utiliser uniquement des photos et des illustrations de bonne qualit\u00e9. Halte aux images floues et pixellis\u00e9es !<\/li><\/ul>\n\n\n\n
Autre conseil : humanisez autant que possible votre page d’accueil, avec des photos de visages souriants<\/strong>. D’apr\u00e8s une analyse de la plateforme VWO<\/a>, ce type de photo augmenterait le taux de conversion par rapport aux sites qui publient uniquement des photos de leurs produits ou qui misent plut\u00f4t sur les pictogrammes et autres illustrations !<\/p>\n\n\n\n
En plus de la recherche scientifique, les tests A\/B dans le monde r\u00e9el corroborent \u00e9galement l’hypoth\u00e8se selon laquelle les photos humaines augmentent le taux de conversion. <\/p>Source : VWO<\/cite><\/blockquote>\n\n\n\n
Que mettre en bas de la page d’accueil de votre site e-commerce ? <\/h2>\n\n\n\n
Enfin, vous pouvez \u00e9galement placer de nombreuses informations en bas de page dont :<\/p>\n\n\n\n
- vos informations de contact ;<\/li>
- un lien vers vos CGV (Conditions G\u00e9n\u00e9rale de Ventes) ;<\/li>
- un lien vers votre blog d’entreprise, etc. <\/li><\/ul>\n\n\n\n
C’est \u00e9galement un bon endroit pour placer des liens vers vos diff\u00e9rents r\u00e9seaux sociaux, inviter vos visiteurs \u00e0 s’inscrire \u00e0 votre newsletter… Et m\u00eame pour \u00ab\u00a0synth\u00e9tiser\u00a0\u00bb les informations essentielles de votre page ! \u00c0 l’image de ce que fait La Pelucherie Paris sur sa page d’accueil…<\/p>\n\n\n\n
1 autre exemple de page d’accueil r\u00e9ussi pour un site e-commerce <\/h3>\n\n\n\n
![\"La](\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2022\/11\/exemples-page-daccueil-r\u00e9ussie-site-e-commerce-jouets.jpg\")
Capture d’\u00e9cran La Pelucherie Paris, novembre 2022<\/figcaption><\/figure><\/div>\n\n\n\n Si toute la page d’accueil de La Pelucherie Paris est tr\u00e8s r\u00e9ussie, nous appr\u00e9cions surtout :<\/p>\n\n\n\n
- sa mani\u00e8re de synth\u00e9tiser les informations essentielles dans le bas de sa page. Comme la \u00ab\u00a0garantie \u00e0 vie\u00a0\u00bb par exemple, d\u00e9j\u00e0 mise en avant tout en haut de la page d’accueil. Une piq\u00fbre de rappel ne fait jamais de mal quand le sujet est vraiment important ;<\/li>
- la possibilit\u00e9 de s’inscrire directement \u00e0 la newsletter depuis la page d’accueil.<\/strong> Une newsletter d’ailleurs bien mise en valeur gr\u00e2ce \u00e0 la photo des peluches de la marque et la formulation sympathique \u00ab\u00a0Suivez nos aventures\u00a0\u00bb. Nul doute que cela g\u00e9n\u00e8re plus d’inscriptions qu’un simple lien vers la newsletter en pied-de-page ;<\/li>
- les liens vers d’autres cat\u00e9gories de peluches en pied-de-page (diff\u00e9rentes de celles du top menu en haut du site) et vers les r\u00e9seaux sociaux de la marque. <\/li><\/ul>\n\n\n\n
Vous voulez optimiser l’ensemble de votre site e-commerce ? <\/h2>\n\n\n\n
\u00c0 une \u00e9poque o\u00f9 les consommateurs font de plus en plus leurs emplettes sur le net, disposer d’un bon site e-commerce est devenu essentiel pour les entreprises. Mais elles ne poss\u00e8dent pas toutes les comp\u00e9tences internes n\u00e9cessaires pour le d\u00e9velopper !<\/p>\n\n\n\n
Certaines d’entre elles n’h\u00e9sitent pas alors \u00e0 faire appel \u00e0 un prestataire externe. Mais force est de reconna\u00eetre que cela a un co\u00fbt. Sans parler du fait que vous risquez de rester \u00ab\u00a0d\u00e9pendant\u00a0\u00bb du prestataire pour la maintenance du site…<\/p>\n\n\n\n
D’o\u00f9 la seconde option : suivre une formation en cr\u00e9ation de site web accessible aux d\u00e9butants<\/a>, pour concevoir vous-m\u00eame votre site e-commerce !<\/p>\n\n\n\n
Il s’agit d’une option \u00e9conomique, gr\u00e2ce aux diff\u00e9rents dispositifs de financement existants (ex. : CPF, aides r\u00e9gionales) et la prime exceptionnelle de 1000 euros<\/a> accord\u00e9e par l’Etat pour le suivi des formations au digital ! Le top du top \u00e9tant d’opter pour une formation en ligne, car cela vous permet \u00e9galement de rayer le co\u00fbt du carburant et les notes de restaurant de votre liste de frais !<\/strong><\/p>\n\n\n\n
Cela \u00e9tant dit, il existe d’autres formations int\u00e9ressantes pour d\u00e9velopper votre activit\u00e9 sur le net. Comme des formations en SEO<\/a> par exemple, pour booster la visibilit\u00e9 de votre site e-commerce ! <\/p>\n\n\n\n
- les liens vers d’autres cat\u00e9gories de peluches en pied-de-page (diff\u00e9rentes de celles du top menu en haut du site) et vers les r\u00e9seaux sociaux de la marque. <\/li><\/ul>\n\n\n\n
- la s\u00e9lection des produits en elle-m\u00eame, qui met en valeur les articles les plus populaires de la marque, preuve \u00e0 l’appui car la notation des clients est directement affich\u00e9e. <\/li><\/ul>\n\n\n\n
- \u00e9viter \u00e9galement de mettre une bande-son<\/strong>. Ou \u00e0 minima, offrez \u00e0 vos visiteurs la possibilit\u00e9 de couper rapidement le son. Sinon, ils risquent d’\u00eatre plus irrit\u00e9s que captiv\u00e9s par votre vid\u00e9o ! En effet, peu de gens appr\u00e9cient les musiques qui se lancent d’elles-m\u00eames \u00e0 l’ouverture d’une page. A plus forte raison lorsqu’ils essaient de surfer \u00ab\u00a0en douce\u00a0\u00bb sur le web pendant leurs heures de bureau…<\/li><\/ul>\n\n\n\n
- veiller \u00e0 ce que la vid\u00e9o ne soit pas trop lourde<\/strong>. Sinon, elle ralentira le chargement de votre page. Ce qui poussera vos visiteurs \u00e0 quitter votre site avant m\u00eame qu’elle ne s’affiche sur leur \u00e9cran ;<\/li>