Comment concevoir votre site Web pour l'optimisation du taux de conversion
Publié: 2020-12-16Un site Web peut aider votre entreprise à se développer de plusieurs façons. Mais avoir un site Web seul ne garantit pas plus de clients. Les entreprises bien établies savent que leurs sites Web doivent être transformés en machines de vente pour attirer et convertir les clients. Selon la dernière enquête de HubSpot:
Les cinq premières secondes du temps de chargement de la page ont le plus grand impact sur les taux de conversion. Les taux de conversion du site Web chutent en moyenne de 4,42% avec chaque seconde supplémentaire de temps de chargement.
Il n'y a pas de seconde chance pour une première impression, disent-ils. Et c'est la conception de votre site Web qui devrait attirer ses visiteurs dès la première seconde et ne jamais les laisser partir jusqu'à ce qu'ils se convertissent. Mais comment feriez-vous pour que votre site Web «fonctionne» pour vous de cette façon? Laissez-nous vous montrer les bases du design.
Cliquez pour voir en taille réelle. Faites défiler vers le bas pour lire l'article en entier.
Termes clés à connaître
Tout d'abord, vous devez comprendre quelques termes clés abordés dans ce didacticiel afin de mieux comprendre le sujet.
A / B Testing ou Split Test est un processus scientifique de comparaison de deux versions (A et B) d'une page Web pour savoir laquelle convertit le mieux. Vous pouvez tester vos en-têtes, images, boutons d'appel à l'action et couleurs pour n'en nommer que quelques-uns.
L'appel à l'action (CTA) est un bouton ou une ligne de texte qui incite vos visiteurs à agir. Il leur dit quoi faire lorsqu'ils visitent votre site Web. Quelques exemples de ceci sont, un bouton «Inscription» sur une page Web, un bouton «Achetez-moi» sur une boutique de commerce électronique et le bouton «Télécharger» sur une application.
La conversion se produit lorsqu'un visiteur ou un prospect termine l'action souhaitée. Cela signifie que le visiteur s'est inscrit avec succès sur votre site Web ou a acheté un article dans votre boutique.
Le taux de conversion est le pourcentage de visiteurs qui effectuent une action souhaitée sur votre site. Vous pouvez obtenir votre taux de conversion en divisant le nombre total de conversions par le nombre total de visiteurs sur votre site Web.
L'optimisation de la conversion ou l'optimisation du taux de conversion (CRO) est une approche systématique visant à affiner votre site Web afin d'augmenter le nombre de visiteurs de votre site qui entreprennent l'action souhaitée. Si votre objectif est d'augmenter votre nombre d'abonnés aux e-mails, vous souhaiterez que vos visiteurs s'inscrivent à votre newsletter. Ou si vous souhaitez augmenter vos ventes, vous devez leur faire cliquer sur ce bouton d'achat.
La page de destination est généralement la page d'accueil d'un site Web, mais il peut s'agir de n'importe quelle page de votre site où les visiteurs atterriraient pour les convertir en prospects ou en clients.
Le test multivariable ou multivarié (MVT) est le processus de test de plusieurs variables sur une page particulière en même temps. Il s'agit de créer différents éléments afin de savoir quelle combinaison convertit le plus.
Éléments de conception Web qui convertissent
Si vous souhaitez créer ou refondre votre site Web, voici les éléments à prendre en compte pour créer un site Web attrayant et convertissant:
1. Images
Les images jouent un rôle de premier plan dans chaque site Web. Ils sont utilisés pour attirer et engager facilement les visiteurs, bien que ce ne soit pas toujours le cas. Vous devez savoir comment utiliser correctement les images pour maximiser leur potentiel.
Voici quelques conseils pour utiliser efficacement les images sur votre site:
- Choisir des images avec des visages humains
Lorsque vous utilisez l'image d'une personne sur votre site, cela donne à vos visiteurs de l'empathie et une forte connexion.
«Lorsque nous voyons un visage, nous sommes automatiquement incités à ressentir quelque chose ou à faire preuve d'empathie avec cette personne. Si nous reconnaissons le contenu d'un site Web - tel qu'un problème, un dilemme, une habitude ou autre chose - nous nous sentons connectés et compris. " (Pas seulement joli: créer de l'émotion dans vos sites Web par Sabina Idler)
Découvrez comment PayPal utilise cette technique sur sa page de destination:
- Optimiser les images
Lors de la création d'un site Web, il est important d'optimiser les images que vous utilisez afin qu'elles n'affectent pas la vitesse de chargement de votre site. De plus, des études ont montré que même un délai d'une seconde dans la réponse de la page peut réduire votre taux de conversion de 7%.
L'idée d'optimiser les images est de rendre vos images claires en les compressant sans affecter leur qualité. Certains des outils d'optimisation d'image que vous pouvez utiliser gratuitement sont:
- Petit PNG
- Compressor.io
- Optimiseur JPEG
- Optimizilla
- Kraken.io
- Classement facile
- Redimensionner les photos
- Compresser Photos
- Convertir l'image
- Utiliser des images de héros
Pour clarifier les choses, les images de héros ne sont pas des images d'un super-héros. Une image de héros est une grande image de bannière Web placée en haut du site Web. Ils sont généralement placés en arrière-plan avec une ligne de texte ou des boutons d'appel à l'action.
Voici un exemple:
Astuce bonus: assurez-vous que les images que vous utilisez sont réactives pour offrir une bonne expérience utilisateur à vos visiteurs.
2. Typographie
Selon Wikipédia, la typographie est l'art et la technique d'agencement des caractères pour rendre le langage écrit lisible, lisible et attrayant lorsqu'il est affiché. Cela implique l'utilisation de polices de caractères, de tailles de points, de longueurs de ligne, d'espacement et d'espacement des lettres, ainsi que l'ajustement de l'espace entre les paires de lettres.
Cette vidéo explique comment la typographie a évolué du papier aux écrans:

Savez-vous combien de polices y a-t-il? La réponse - personne ne le sait. C'est la raison pour laquelle le choix de la bonne combinaison de polices n'est pas une tâche facile.
Alors, voici quelques outils de couplage de polices pour vous aider à décider quelles combinaisons utiliser:
- Type de connexion
- Type de Google
- Paire de polices
- Tapez Genius
- Type de loup
- Beau type de site Web
- Polices utilisées
- Juste mon type
- Typ.io
- Mixeur
- Combinateur de polices
- Typothèque
- Adobe Typekit
- Matcherator
- Typepiration
Comment choisir les meilleures polices pour votre site Web
3. Espace blanc
Vous êtes-vous déjà demandé pourquoi Google ne maximise pas l'espace de son site Web? C'est parce qu'ils utilisent la puissance des espaces.
L' espace blanc, également appelé espace négatif, fait partie d'un site Web laissé vide ou vide. Vous pouvez l'utiliser sur votre page de destination afin que les visiteurs puissent se concentrer sur l'appel à l'action et augmenter votre conversion. Un espace ne signifie pas nécessairement que l'arrière-plan de votre site doit être blanc. Vous pouvez jouer avec les couleurs ou même utiliser une image comme arrière-plan. Le but est de le rendre simple tout en offrant la meilleure expérience utilisateur.
N'oubliez pas: un site Web sans encombrement attire l'attention de vos visiteurs. Naviguer sur un site soigné et bien organisé est une expérience agréable pour eux.
4. Couleurs
Un autre élément important à prendre en compte lors de la création d'un site Web est la couleur. Gardez à l'esprit que les couleurs ont des significations, les couleurs que vous choisissez doivent donc refléter le message que vous souhaitez transmettre à votre public.
Par exemple, la plupart des banques aux États-Unis utilisent la couleur bleue car elle signifie la confiance.

Crédit d'image: The Epoch Times
Prenez note de certains des sentiments positifs et négatifs qu'une couleur représente lorsque vous choisissez les bonnes combinaisons de couleurs.
- Noir - En physique, le noir n'est pas une couleur, bien qu'il ait également un effet psychologique sur une personne. Il symbolise le pouvoir et la force, mais il peut aussi représenter la mort, le malheur et le mal.
- Blanc - En général, le blanc représente la pureté et l'innocence. Les hôpitaux utilisent le blanc pour créer un sentiment de stérilité. Cependant, cela peut aussi représenter quelque chose de froid, de fade et d'isolement.
- Rouge - Cette couleur suscite nos émotions. Cela peut être associé à l'amour, à l'excitation et à la confiance. Du côté négatif, il symbolise l'agressivité et la colère.
- Bleu - C'est la couleur du ciel, un océan et est le plus préféré des hommes. La couleur bleue symbolise le calme, la sérénité, la stabilité et la fiabilité. Cependant, cela peut également représenter de la tristesse d'où le terme «se sentir bleu».
- Vert - C'est la couleur de la forêt et représente souvent la nature. Le vert signifie la tranquillité, l'optimisme et la bonne chance.
- Jaune - Tout comme le soleil, le jaune représente la luminosité et la chaleur. C'est la couleur qui attire le plus l'attention et c'est pourquoi elle est couramment utilisée dans la signalisation routière. Cependant, il peut également créer une fatigue oculaire en raison de la quantité de lumière qu'il réfléchit.
- Violet - C'est la couleur de la lavande. Le violet symbolise la royauté et la richesse, bien que certains puissent l'interpréter comme exotique ou artificiel.
- Marron - C'est une couleur terreuse et naturelle. Cela signifie résilience, fiabilité et sécurité. Cela peut aussi signifier tristesse et isolement.
- Orange - Semblable à la couleur jaune, l'orange est également utilisé pour attirer l'attention. Il représente la chaleur, l'excitation et l'énergie. Il est souvent associé à Halloween.
- Rose - Cette couleur a un effet calmant. Il est associé à la gentillesse, à l'éducation et à la féminité. Vous devez éviter d'utiliser cette couleur si vous ne voulez pas que votre marque soit trop féminine.
Astuce bonus: lorsque vous ne pouvez pas décider quelles couleurs seraient les meilleures pour votre conception Web, vous pouvez utiliser les tests A / B ou multivariés. Cela vous aidera à savoir quelle couleur se convertit le mieux.
5. Adapté aux mobiles
Afin de maximiser la conversion sur votre site Web, il est très important qu'il soit compatible avec les mobiles. En raison de l'augmentation de l'utilisation des smartphones, les gens accèdent aujourd'hui aux sites Web sur plusieurs écrans - bureaux, tablettes et téléphones portables. Gardez à l'esprit que 8 personnes sur 10 utilisent Internet via leur smartphone.
Comment optimiser vos mises en page WordPress pour le trafic mobile
Utilisez les outils suivants pour connaître la réactivité de votre site Web pour différentes tailles d'écran:
- Test d'optimisation mobile par Google Search Console
- MobileTest.me
- Outil de test de convivialité mobile de Bing
- Vérificateur MobiReady Mobile Friendly
- Urlitor
- Browserstack
- RankWatch
- PageSpeed Insights par Google
N'oubliez pas: les sites Web adaptés aux mobiles sont mieux classés que ceux qui ne le sont pas.
Conclusion
Lors de l'optimisation du taux de conversion, vous devez garder à l'esprit que la conception Web joue un rôle important dans la transformation de votre trafic en profit. Suivez les conseils que nous avons fournis ci-dessus pour éviter un taux de rebond élevé sur votre site.