• UI & UX

Obtenez le clic : 8 conseils pour une conception efficace des CTA

  • Felix Rose-Collins
  • 7 min read
Obtenez le clic : 8 conseils pour une conception efficace des CTA

Intro

Atteindre la première page des résultats de recherche Google et attirer l'attention de votre public est un véritable défi, car les gens cliquent rarement sur un résultat de la deuxième page. L'optimisation de votre site pour le référencement est indispensable pour atteindre cet objectif.

Mais cela ne signifie pas qu'une place dans les dix premiers rangs vous assurera nécessairement un bon taux de conversion par défaut. Il est vrai que vous pouvez vous attendre à une augmentation du trafic sur votre site, mais il existe un autre élément crucial pour les conversions : un appel à l'action efficace.

Le rôle principal d'un CTA est de diriger les visiteurs vers l'étape suivante et de les encourager à passer à l'action - s'abonner à une newsletter, télécharger un ebook, acheter un produit ou un service, ou s'inscrire à un essai.

Cependant, un CTA mal conçu est aussi bon que rien du tout, car il n'arrivera pas à générer des clics et à faciliter les conversions.

Dans cet article, nous allons aborder les meilleurs conseils pour concevoir des CTA irrésistibles sur lesquels vos prospects ne pourront s'empêcher de cliquer. Lisez la suite pour en savoir plus !

1. Utilisez un CTA collant dans la barre latérale

Les CTA ont pour but de capter l'attention des visiteurs et de les inciter à cliquer.

Certaines pages Web, comme les pages d'accueil ou les articles de blog, ont beaucoup de contenu, et il est facile pour les CTA de se fondre dans tous les autres éléments et de devenir pratiquement invisibles.

Rencontre avec Ranktracker

La plateforme tout-en-un pour un référencement efficace

Derrière chaque entreprise prospère se cache une solide campagne de référencement. Mais avec d'innombrables outils et techniques d'optimisation parmi lesquels choisir, il peut être difficile de savoir par où commencer. Eh bien, n'ayez crainte, car j'ai ce qu'il vous faut pour vous aider. Voici la plateforme tout-en-un Ranktracker pour un référencement efficace.

Nous avons enfin ouvert l'inscription à Ranktracker de manière totalement gratuite !

Créer un compte gratuit

Ou connectez-vous en utilisant vos informations d'identification

Entrez un CTA collant dans la barre latérale.

Ce bouton flottant est fixé sur le côté d'une page Web et reste visible lorsque l'utilisateur fait défiler la page vers le haut ou vers le bas, sans être trop intrusif ou distrayant. Vous n'avez pas à vous inquiéter de savoir si un client potentiel oubliera votre offre géniale pendant qu'il lit un article ou consulte les avis des clients.

ATH Sport accorde une remise de 10 % sur la première commande et fait la promotion de cette incitation sur sa page d'accueil et sur l'ensemble de son site Web en mettant en place un CTA collant dans la barre latérale indiquant "Économisez 10 %". De cette façon, les visiteurs se voient subtilement rappeler d'agir et de réclamer une réduction.

Use a sticky sidebar CTA (Source : ATH Sport)

2. Exploiter l'espace négatif

L'une des plus grosses erreurs que vous pouvez commettre avec votre CTA est de l'enterrer au milieu d'un énorme bloc de texte. C'est un moyen infaillible pour les visiteurs de le manquer et de partir sans convertir.

N'ayez pas peur de tirer le meilleur parti de l'espace négatif, c'est-à-dire de la zone d'un design qui n'est pas occupée par du texte ou d'autres éléments. En entourant votre CTA d'un espace blanc, vous pouvez créer une rupture visuelle qui permet d'attirer l'attention du spectateur sur le bouton.

Moins il y a de distractions autour du CTA, plus il sera facile à cliquer.

Rencontre avec Ranktracker

La plateforme tout-en-un pour un référencement efficace

Derrière chaque entreprise prospère se cache une solide campagne de référencement. Mais avec d'innombrables outils et techniques d'optimisation parmi lesquels choisir, il peut être difficile de savoir par où commencer. Eh bien, n'ayez crainte, car j'ai ce qu'il vous faut pour vous aider. Voici la plateforme tout-en-un Ranktracker pour un référencement efficace.

Nous avons enfin ouvert l'inscription à Ranktracker de manière totalement gratuite !

Créer un compte gratuit

Ou connectez-vous en utilisant vos informations d'identification

Flamingo donne au CTA de sa page d'accueil suffisamment d'espace et le sépare des autres éléments, attirant ainsi l'attention des visiteurs sur l'objectif principal - l'ajout de leur traceur de congés à Slack. Malgré les nombreux espaces blancs, le design ne semble pas vide ou inachevé, et il est donc essentiel de trouver le bon équilibre.

Leverage negative space (Source : Flamingo)

3. Créer un sentiment d'urgence

L'urgence et la rareté sont de puissants moteurs de conversion, c'est pourquoi vous devez inclure ces principes psychologiques dans votre copie CTA.

Inspirez-vous d'Amazon et de son astucieux avertissement "Il ne reste que 1/2/3 du stock" qui incite même les clients indécis à commander le produit immédiatement avant que quelqu'un d'autre ne s'en empare.

Les gens perçoivent les produits qui sont rares ou sur le point d'être épuisés comme ayant plus de valeur, ce qui déclenche la peur de manquer quelque chose (FOMO).

Pour souligner l'urgence, utilisez des termes de temporisation comme Maintenant, Immédiatement ou Aujourd'hui.

Le CTA de la page d'accueil de Bed Bath & Beyond est un excellent exemple de combinaison de l'urgence et de la rareté. Les clients sont invités à "Acheter maintenant" car l'offre est valable jusqu'au 8 janvier, mais cette fenêtre d'opportunité est minimisée en ajoutant "Jusqu'à épuisement des stocks". Le fait que le CTA lui-même se trouve dans une grande bannière rouge placée au-dessus du pli le rend encore plus frappant et persuasif.

Create a sense of urgency - Bed Bath & Beyond (Source : Bed Bath & Beyond)

Lapage d'accueil de janvier présente un CTA avec une approche légèrement différente de l'urgence. La formulation soignée "Rejoignez la liste d'attente" crée un buzz autour de l'application et génère une demande en laissant entendre que d'autres clients potentiels attendent impatiemment le lancement. Ce CTA simple mais intriguant fonctionne car il donne une impression d'exclusivité - c'est comme s'inscrire sur la liste d'un club VIP.

Create a sense of urgency - January (Source : Janvier)

4. Inclure des mots-clés

Comme leur nom l'indique, les mots forts ont la capacité de susciter des émotions chez vos clients potentiels. 95 % des décisions d'achat sont subconscientes, ce qui signifie que les sentiments jouent un rôle important dans le processus.

Ainsi, en incluant des mots clés tels que

  • Gratuit
  • Incroyable
  • Nouveau
  • Efficace
  • Facile
  • Instantanément
  • Garantie
  • Aucun risque
  • Certifié
  • Protégé
  • Testé
  • Vérifié
  • Extra

touchera la corde sensible de votre public et l'incitera à agir.

Comme vous pouvez le constater, certains de ces mots visent à convaincre les clients qu'ils peuvent cliquer sur le bouton et effectuer un achat ou s'abonner à une newsletter en toute sécurité. D'autres visent à mettre en évidence la proposition de valeur de votre offre.

La page d'accueil d'Evernote promet aux utilisateursqu' ils pourront organiser leur vie avec l'application, tandis que le CTA les incite à s'inscrire gratuitement. Et qui pourrait refuser une offre aussi alléchante ?

Include power words - Evernote (Source : Evernote)

De même, le CTA de la page d'accueil de BaseLang invite les utilisateurs à commencer à prendre des cours d'espagnol pour "seulement 1 dollar", ce qui revient à offrir un service gratuit. Le message global de la marque a du punch avec l'aide d'autres mots forts tels que "illimité" ou "à volonté", qui communiquent tous deux la valeur de l'offre que les clients potentiels peuvent essayer pendant une semaine et payer un prix symbolique d'un dollar.

Include power words - BaseLang (Source : BaseLang)

5. Mettez en valeur votre CTA

Vous avez probablement entendu parler de la règle des 15 secondes, selon laquelle vous ne disposez que d'un quart de minute pour attirer l'attention de vos visiteurs. Cela ne vous laisse pas une grande marge de manœuvre, ce qui signifie que vous devez agir rapidement et faire en sorte que le CTA soit l'une des premières choses que les gens remarquent lorsqu'ils arrivent sur votre page Web.

Une touche de couleur est l'un des meilleurs moyens d'atteindre cet objectif. Les avis divergent quant à la couleur qui stimule les conversions, mais le jury n'a pas encore tranché sur ce point. Cependant, on peut conclure que l'important n'est pas tant de choisir le rouge, le vert, le bleu ou le jaune que de créer un contraste.

Par exemple, vous pouvez utiliser des couleurs dites complémentaires, qui se trouvent sur des côtés opposés de la roue chromatique. Si votre page Web est essentiellement bleue, un CTA orange créera un fort contraste.

Lapage d'accueil de Menlo Caoching est blanche et grise, et le rouge vif choisi pour le bouton CTA le rend immédiatement visible. Le design bénéficie également de l'espace négatif, qui accentue le bouton CTA et le fait ressortir sur le fond neutre.

Make your CTA pop (Source : Menlo Coaching)

6. Ne soyez pas vague

N'attendez pas de vos visiteurs qu'ils tirent des conclusions quant à la suite des événements - dites-leur.

Les boutons CTA indiquant "Cliquez ici" ou "Soumettre" ne feront qu'embrouiller les gens, et c'est la pire chose que vous puissiez faire.

L'astuce consiste à communiquer clairement à vos visiteurs les avantages qu'ils auront à agir et à les informer de la prochaine étape.

Dropbox utilise cette approche "qu'est-ce que j'y gagne" sur sa page d'accueil en disant à ses clients potentiels qu'en cliquant sur le bouton CTA, ils pourront trouver le meilleur plan pour eux. Il est évident qu'à la page suivante, ils trouveront des détails sur les plans, des caractéristiques et des comparaisons qui les aideront à prendre une décision.

Don’t be vague (Source : Dropbox)

7. Ajoutez une preuve sociale

Lorsqu'il s'agit de convertir des prospects, rien ne fonctionne mieux que la preuve sociale. 87 % des décisions d'achat commencent par une recherche en ligne, et les clients lisent en moyenne dix avis avant de passer commande.

Mais, comme vous ne voulez pas que vos clients potentiels quittent votre site Web pendant qu'ils recherchent des avis et des témoignages de clients, il est préférable de leur montrer la preuve sociale juste là avant de leur présenter le CTA.

De cette façon, vous instaurerez un climat de confiance et vous dissiperez les doutes qu'ils pourraient avoir sur l'achat.

C'est exactement ce que fait Buffer sur sa page d'accueil. Leurs CTA sont associés à des citations de clients heureux soulignant comment l'utilisation de la plateforme leur facilite la vie. Pour ajouter une autre couche de crédibilité, la marque a inclus les noms et les photos des clients. Cette simple tactique permet de mettre un visage sur le nom et de rendre la preuve sociale plus authentique.

Add social proof (Source : Buffer)

8. Gardez les choses simples

Tous les conseils que nous avons évoqués jusqu'à présent pourraient vous donner l'impression que vos CTA doivent être exagérés pour être efficaces.

Mais la vérité est que la simplicité est souvent sous-estimée.

Rencontre avec Ranktracker

La plateforme tout-en-un pour un référencement efficace

Derrière chaque entreprise prospère se cache une solide campagne de référencement. Mais avec d'innombrables outils et techniques d'optimisation parmi lesquels choisir, il peut être difficile de savoir par où commencer. Eh bien, n'ayez crainte, car j'ai ce qu'il vous faut pour vous aider. Voici la plateforme tout-en-un Ranktracker pour un référencement efficace.

Nous avons enfin ouvert l'inscription à Ranktracker de manière totalement gratuite !

Créer un compte gratuit

Ou connectez-vous en utilisant vos informations d'identification

Dans de nombreux cas, vous obtiendrez d'excellents résultats en gardant votre CTA simple, tant en termes de conception que de processus de conversion.

LeCTA de la page d'accueil de Jira remplit toutes les conditions avec son CTA "Continuer avec Google". Le diable est dans les détails, et bien qu'il ne se passe apparemment pas grand-chose ici, l'efficacité de ce CTA réside dans le fait qu'il rend les choses super simples pour ceux qui décident de s'inscrire.

Au lieu d'un processus d'inscription compliqué, Jira fait gagner du temps aux utilisateurs en leur permettant d'accéder à la plateforme via leur compte Google. Cela ne prend que quelques clics et il n'y a pas de formulaire ennuyeux à remplir, responsable de nombreux abandons d'inscriptions et de paniers d'achat. De plus, le texte contient le mot magique " gratuit", capable de convaincre les hésitants de cliquer et de continuer.

Keep things simple (Source : Jira)

Conclusion

L'appel à l'action est peut-être le plus petit élément de conception de votre page Web, mais son importance est énorme. Sans lui, les clients potentiels ne sauraient pas ce que vous attendez d'eux et quelle doit être leur prochaine action. Accordez donc une attention particulière à la conception de vos CTA et ne les négligez pas. Ces tactiques vous aideront à faire en sorte que les clics affluent.

Felix Rose-Collins

Felix Rose-Collins

Ranktracker's CEO/CMO & Co-founder

Felix Rose-Collins is the Co-founder and CEO/CMO of Ranktracker. With over 15 years of SEO experience, he has single-handedly scaled the Ranktracker site to over 500,000 monthly visits, with 390,000 of these stemming from organic searches each month.

Commencez à utiliser Ranktracker... gratuitement !

Découvrez ce qui empêche votre site Web de se classer.

Créer un compte gratuit

Ou connectez-vous en utilisant vos informations d'identification

Different views of Ranktracker app