👉 15 meilleures pratiques en matière d'atterrissage mobile éprouvées pour obtenir de gros résultats

Guide du débutant sur la génération de leads

Saviez-vous que 51% des acheteurs disent utiliser des appareils mobiles pour trouver de nouvelles marques et de nouveaux produits? Depuis que les appareils mobiles et portables «intelligents» sont apparus sur la scène, ils ont progressivement réduit le trafic des ordinateurs de bureau.

Alors, pourquoi les conversions mobiles sont encore moins performantes que les conversions de postes de travail?

Bon, il y a quelques raisons. Certaines de ces raisons, comme la préoccupation des consommateurs quant à la sécurité de leurs informations, vous ont peu de contrôle. L'une des raisons pour lesquelles les conversions mobiles restent en deçà des conversions sur le bureau vous permet de contrôler entièrement: vos pages de destination pour mobiles.

Qu'est-ce qu'une page d'atterrissage?

Une page de destination est une page Web unique qui s'affiche lorsque vous cliquez sur un résultat de recherche ou une annonce en ligne. Ces pages ont généralement un seul appel à l'action ou à un objectif et une conception et une navigation minimales.

Dans cet article, nous allons vous présenter 15 bonnes pratiques relatives aux pages de destination mobiles qui dynamiseront vos conversions mobiles. Nous terminerons avec des exemples de pages de destination mobiles qui vous inciteront à créer les vôtres.

Pratiques exemplaires de la page d'atterrissage mobile

Les meilleures pages d'atterrissage mobiles attirent l'attention, demandent une action et obtiennent une conversion. Fait et fait.

Lorsque vous vous trouvez sur une page d'atterrissage mobile bien conçue, quelque chose à l'intérieur de vous soupire heureusement parce que c'est juste «faux» juste et est tellement facile à utiliser.

Vous pouvez créer vos propres pages d'atterrissage de la même façon avec ces 15 conseils d'optimisation de page de destination mobile.

1. Créez une page d'atterrissage mobile distincte

Il ne suffit plus d'être «premier mobile» ou «plus réceptif». Vos pages de destination mobiles doivent être conçues spécifiquement pour une utilisation mobile ou elles ne vont pas être converties comme vous le souhaitez.

Le problème avec la conception réactive est que tous les éléments étaient toujours conçus pour les ordinateurs de bureau, et non pour les mobiles. Même le flux de la page a été créé pour un usage bureautique. Étant donné que les utilisateurs mobiles recherchent et parcourent les sites différemment des utilisateurs de bureau, vos pages de destination doivent être personnalisées pour chaque périphérique qui sera utilisé tout au long du parcours du client.

Il est important de tracer le parcours du client et de créer votre site optimisé pour les périphériques qui seront utilisés en cours de route.

PayPal fait un excellent travail en créant une expérience entièrement différente pour les utilisateurs mobiles et de bureau. Leur page de destination, même minimaliste, est visuellement attrayante et attrayante.

Leur page de destination mobile est très simple. Il existe une option pour vous connecter et un menu au cas où vous souhaiteriez voir des options supplémentaires, mais l'objectif principal est deux boutons qui vous amèneront à plus d'informations sur l'utilisation de PayPal pour un usage personnel ou professionnel. Cela élimine la nécessité pour un visiteur mobile de parcourir le site pour trouver les informations qu'il recherche.

Comme vous pouvez le constater, les deux pages d’atterrissage sont visuellement attrayantes et traitent toutes deux des besoins très différents des visiteurs. La page d’accueil mobile est conçue pour aider les visiteurs à trouver rapidement des informations ou à effectuer des tâches, tandis que la page d’accueil des postes de travail s’adresse davantage aux visiteurs qui ont du temps à consacrer.

2. Utiliser le Click-to-Call

Si les données clés telles que l'inventaire, les heures d'ouverture et les prix ne sont pas facilement accessibles sur votre site, vos informations de contact doivent l'être. Pour un site mobile, cela signifie qu'il faut utiliser un bouton «cliquer pour appeler» facile à repérer et suffisamment grand pour cliquer.

Les utilisateurs mobiles sont intéressés à obtenir les données qu'ils recherchent en ce moment. S'ils ne peuvent pas le trouver rapidement sur votre site, ils chercheront un moyen facile de vous contacter pour obtenir les informations dont ils ont besoin.

3. Implémentez le Click-to-Scroll

La plupart du temps, une page de destination plus courte est préférable. Il arrive cependant que les utilisateurs souhaitent parcourir votre inventaire ou lire quelque chose sur votre site. Dans ces cas, vous pouvez utiliser le click-to-scroll.

Cliquer pour faire défiler signifie que vous définissez des boutons de navigation sur lesquels l'utilisateur peut cliquer pour les ramener à une page de défilement plus longue. Plutôt que de forcer le défilement sur les visiteurs de votre site, vous leur permettez de prendre les décisions.

String Automotive a fait ses propres tests A / B pour sa page de destination mobile et a constaté que l'ajout de la fonction de clic pour réduire le taux de rebond de 37%.

4. Utilisez des en-têtes et des pieds de page collants

Même si les propriétés de l'écran sont précieuses sur les pages de destination mobiles, il est important de garder votre appel à l'action ou la navigation que vous utilisez pour votre page de destination mobile facilement accessible. La navigation collante permet aux visiteurs trouver ce qu'ils cherchent environ 22% plus rapide, ce qui est un gros problème pour les pages de destination mobiles.

Aussi, littéralement, tout le monde préfère les sites avec une navigation collante, même s’ils ne peuvent pas expliquer pourquoi.

5. Utilisez les fenêtres contextuelles optimisées pour mobile

Les fenêtres contextuelles peuvent être utiles et efficaces pour la génération de leads sur les pages de destination mobiles si vous vous assurez qu'elles sont optimisées pour les mobiles. Une grande partie de cette optimisation consiste à les garder aussi simples que possible, limitez donc votre formulaire à quelques champs ou même à une adresse e-mail. Vous pouvez toujours contacter le visiteur à l'adresse électronique fournie pour plus d'informations ultérieurement.

Les fenêtres contextuelles utilisées pour les mobiles doivent correspondre à la taille de votre page d’accueil pour mobile et ne pas être un fardeau pour le visiteur à fermer ou à se retirer.

Il y a ceux qui vous diront que les sites mobiles ne devraient jamais avoir de popup, mais plusieurs clients de Jared Ritchey ont connu un grand succès avec le leur:

  • ChinaImportal a progressé de 18%
  • L'entraîneur-conseiller a vu 3X conversions sur l'ensemble du site
  • Salt Strong a converti 3,8% des visiteurs mobiles

Lorsqu'ils sont utilisés correctement, les popups sont un ajout génial à votre stratégie d'optimisation du taux de conversion.

6. Craft Shorter Copy

Votre page de destination mobile ne doit pas contenir toute la copie de votre site de bureau. Ceci est un endroit pour utiliser une copie abrégée plus courte.Vous pouvez et devez toujours être intelligent et coloré, mais vous voudrez aller droit au but rapidement ou vos visiteurs seront frustrés avec vous et partiront.

Voici quelques moyens de réduire le texte sur votre page d’accueil mobile:

Couper tout ce que vous pouvez, sans sacrifier la clarté

Le but est d'être bref et concis, et non de supprimer les points clés qui feront ou défont votre message. Si quelque chose ajoute de la valeur, laissez-le.

Utilisez les points de balle

Les puces sont idéales pour obtenir des points clés dans des blocs plus petits sans avoir à utiliser de copies de support autour d’eux. Ils ont également l'avantage de dessiner l'Ĺ“il du visiteur, ce qui les rend moins susceptibles d'être négligés.

Gardez des phrases et des paragraphes courts

Les phrases et les paragraphes doivent être courts et faciles à lire. Il ne devrait y avoir aucun mur de texte sur votre page. Briser le texte maintient l'intérêt du visiteur et facilite la recherche de points clés.

N'oubliez pas que vous travaillez avec moins d'espace sur une page de destination mobile qu'un site de bureau. Un titre de 10 mots peut se terminer par 7 lignes de texte, comme cette page de destination mobile mal conçue de HubSpot:

7. Go Easy sur les visuels et les vidéos

Les images et les vidéos prennent des données. Tous les utilisateurs qui accèdent à votre page d’accueil mobile ne seront pas connectés au WiFi; certains utiliseront leurs données cellulaires limitées. Gardez les images au minimum et assurez-vous d'optimiser les images que vous utilisez pour vous assurer qu'elles sont compressées.

Si vous utilisez des vidéos, vous ne voudrez certainement pas qu'elles soient configurées pour une lecture automatique. Cela signifie que vos visiteurs devront cliquer dessus pour les lire, ce qui pourrait les distraire de votre appel principal à l'action.

Une page de destination n’a pas besoin d’être embourbée avec des images et des vidéos pour être attrayante. Il suffit de regarder cette belle page de destination mobile d'Evernote:

C'est simple, l'appel à l'action ne fait aucun doute et il se charge très rapidement. C'est aussi très accrocheur en raison de son manque d'imagerie lourde. Comparez cela à cette page de destination mobile d'Amrit Yoga:

Bien sûr, c'est une très belle page, mais elle est remplie d'images et nécessite beaucoup de ressources. Amrit Yoga aurait pu transmettre la paix et le calme du yoga avec un design minimaliste utilisant des images limitées et abouti à un site beaucoup plus rapide.

8. Faites vite

L'attention portée aux temps de chargement est extrêmement importante car, à mesure que le temps de chargement augmente, les taux de rebond augmentent également. Et, lorsqu'un visiteur quitte un site à cause d'un temps de chargement lent, près de 50% d'entre eux ne reviennent jamais.

Voici les données que Google a découvertes dans leurs recherches en 2018:

Fait intéressant, le temps moyen nécessaire pour charger complètement une page de destination mobile est de 15 secondes. Si vous considérez que 53% des visiteurs de sites mobiles rebondiront si le chargement d'un site prend plus de 3 secondes, le chargement moyen d'un site prend beaucoup plus de temps.

Si vous avez pris note des conseils donnés dans le conseil précédent, votre site devrait déjà se charger plus rapidement car les images et les vidéos sont généralement le problème numéro un avec les sites lents. Vous pouvez également mettre à niveau votre plan d'hébergement plus rapidement ou consulter un réseau de distribution de contenu (CDN) tel que MaxCDN.

9. S'en tenir à des dispositions de colonne unique

Les appareils mobiles n'ont pas besoin de plusieurs colonnes. Ils n'ont pas de place pour eux et rien de plus qu'une seule colonne rend la navigation et le défilement vraiment encombrants et encombrants.

Bien entendu, les règles sont parfois conçues pour être parfois brisées. Si vous essayez d'attirer l'attention du visiteur, il peut être avantageux de désaligner le contenu de temps en temps. Pour la plupart, cependant, une seule colonne est la voie à suivre.

Jetons un coup d'oeil à la différence dans l'action. Tout d'abord, le site officiel du gouvernement de l'État de l'Alaska ne semble pas avoir de page de destination mobile et utilise simplement la page d'accueil de son site Web habituel, mais cela fonctionne pour notre exemple:

Les colonnes multiples qui fonctionnent sur une page Web normale ne fonctionnent tout simplement pas sur un site mobile. Pouvez-vous imaginer à quel point il serait difficile de naviguer sur ce site dans un espace d'environ 3 x 5 pouces?

Regardons maintenant la page de destination mobile de la Californie:

Pas super excitant, mais certainement beaucoup plus facile à utiliser.

10. Repenser la navigation

Saviez-vous que certains leaders du marketing pensent que nous devrions éliminer complètement la navigation sur les pages d’accueil mobiles et nous efforcer de pousser les visiteurs vers l’action principale que nous souhaitons qu’ils accomplissent sur la page?

De nombreuses pages de destination mobiles utilisent un «hamburger» pour la navigation afin de gagner de la place sur les écrans plus petits. La plupart des visiteurs se sont habitués à voir ce symbole et savent que cliquer dessus fera apparaître des options de navigation.

Certains sites utilisent les en-têtes "sticky" dont nous avons parlé dans # 4 pour inclure quelques liens de navigation principaux liés à l'objectif principal qu'ils ont pour la page de destination mobile.

11. Optimiser les formulaires pour mobile

Il est très important d’optimiser vos formulaires pour les visiteurs mobiles. Remplir des formulaires sur un appareil mobile a en fait une valeur d'amusement nette négative. Assurez-vous donc d'obtenir les informations minimales nécessaires pour atteindre votre objectif. Vous pouvez toujours suivre plus tard pour plus d'informations.

Conseil rapide: Si vous avez un site WordPress, vous pouvez utiliser un plug-in comme WPForms pour vous aider à créer rapidement et facilement des formulaires qui fonctionneront parfaitement pour vos visiteurs mobiles.

Ce formulaire de Learn Jazz Standards est un excellent exemple de ce que devrait être un formulaire mobile:

Ils vous mettent au courant de ce qu'ils proposent. C'est un peu verbeux, mais le formulaire compense. Trois champs: prénom, adresse e-mail et liste déroulante pour sélectionner l'instrument que vous jouez. Boom. Cliquez sur S'abonner et vous êtes sur la bonne voie pour apprendre les standards du jazz.

Local aimable est une autre histoire entièrement.

Nous sommes sûrs qu'ils sont charmants, mais nous ne sommes pas certains de les aimer suffisamment pour passer le temps nécessaire pour remplir 6 champs de texte et un menu déroulant sur un appareil mobile avant de pouvoir télécharger leur aimant principal.

Si vous avez besoin d’aide pour créer le bon optin, consultez ce post sur la façon de créer des optins mobiles qui gagnent plus d’affaires.

12. Utilisez le contraste élevé

Les couleurs à contraste élevé ont un double objectif pour l'optimisation des pages de destination mobiles.

Tout d'abord, ils sont accrocheurs et même les personnes qui n'ont pas le bogue de conception peuvent parfois trouver des boutons magnifiquement dessinés irrésistibles à cliquer.

Deuxièmement, les personnes utilisent leurs appareils mobiles partout et la lumière extérieure naturelle peut rendre difficile la visualisation de l’écran s’il s’agit d’un design à faible contraste.

Apple fait un excellent travail en utilisant un contraste élevé avec des textes et des images plus sombres sur un fond blanc brillant.

Lindsey Racing, eh bien, pas.

Le design noir, gris et rouge a l'air énervé, ce que nous supposons être ce qu'ils étaient en train de faire, mais tout se transforme en lumière.

Vous voulez vous assurer que vous utilisez des couleurs qui se convertissent bien et qui apparaissent sous n'importe quel type d'éclairage que vos visiteurs utilisent.

13. Utilisez les espaces blancs

Comme nous l'avons déjà vu avec Evernote et Apple, l'utilisation des espaces blancs est une chose merveilleuse. Cela crée de l'intérêt et rend les pages de destination mobiles plus modernes. Cela permet également aux yeux de lire les mots qui se trouvent sur la page.

L'espace blanc facilite également les interactions entre écrans tactiles pour les visiteurs et réduit au minimum les clics accidentels.

Pour une approche créative des espaces blancs, jetons un coup d’œil à SquareSpace.

L'espace blanc de Squarespace montre que l'espace blanc ne signifie pas vraiment un espace «blanc». Nous cherchons du blanc comme dans «sans distraction». SquareSpace le fait magnifiquement.

14. Passer des appels à l'action en haut de la page

“Au-dessus du pli” s'applique toujours aux pages de destination mobiles. Oui, les utilisateurs mobiles sont conditionnés pour faire défiler, mais 80% de l'attention d'un visiteur mobile est toujours passée en haut de la page, avant le premier défilement instinctif. C'est là que doit être votre principal appel à l'action.

Drift fait un excellent travail pour garder son appel à l'action vers le haut de la page et attire l'attention sur elle avec un peu de changement de couleur. Ils ont depuis changé cette fonctionnalité géniale, mais nous voulions l'utiliser ici pour vous montrer ce qui peut être fait.

Lorsque vous faites défiler la page de Drift, vous recevez le même appel à l'action (sans les couleurs) à mi-chemin pour vous rappeler la raison de votre présence.

Si vous n'êtes pas sûr de ce qui fait un excellent appel à l'action, nous pouvons vous aider à créer l'appel à l'action idéal.

15. Test A / B

Nous avons enregistré les meilleures pratiques en matière de pages d’atterrissage mobiles les plus récentes: les tests A / B. Vous obtiendrez tellement d'informations que vous pourrez utiliser pour améliorer votre site, augmenter les conversions et augmenter vos revenus en apportant des modifications subtiles.

Voici le format de base pour exécuter un test A / B:

  • Décidez du problème que vous souhaitez résoudre, par exemple en augmentant les taux de conversion.
  • Déterminez ce que vous voulez comparer. Par exemple, une réduction de 10% serait-elle préférable à la livraison gratuite?
  • Effectuez le test en créant deux versions de la page de destination, la seule différence étant l'élément que vous souhaitez comparer.
  • Déterminez le gagnant en analysant vos données et en examinant les résultats de votre test A / B.
  • Révisez et relancez vos expériences.

Il existe littéralement des milliers de façons de séparer votre site pour le fractionner. Pour quelques idées, consultez ce post des 11 meilleures pratiques pour les tests A / B.

Meilleures pages d'atterrissage mobiles qui convertissent

Maintenant que vous êtes un expert en conception et en test, examinons quelques exemples de pages de destination pour mobile, n'est-ce pas? Vous avez déjà vu certains de nos favoris dans les exemples ci-dessus, mais voici quelques-uns des meilleurs exemples que nous avons trouvés.

Todoist

Pourquoi nous l'aimons:

  • Contraste élevé
  • Appel à l'action vers le haut de la page
  • espace blanc
  • graphiques minimes

Opérateur

Pourquoi nous l'aimons:

  • Utilisation amusante des graphiques
  • Forme super simple
  • Contraste élevé
  • Pas de mur de texte géant

Zero Financial

Pourquoi nous l'aimons:

  • Utilise la vidéo, mais ne s'exécute pas automatiquement
  • Appel à l'action en haut de la page
  • Super imagerie
  • Excellente utilisation des espaces blancs

Vivint

Pourquoi nous l'aimons:

  • Graphique émotionnel tire sur les cordes
  • Grand contraste
  • Bouton Cliquer pour appeler
  • La copie est au point

Voilà! 15 bonnes pratiques et techniques d'optimisation des pages de destination mobiles pour booster vos conversions et vos engagements sur mobile. Si vous cherchez d'autres moyens d'augmenter votre taux de conversion mobile, consultez ces 19 méthodes éprouvées.

Jared Ritchey peut être le partenaire de génération de prospects que vous recherchez. Rejoignez-nous aujourd'hui. Qu'est-ce que tu attends?

Voir la vidĂ©o: MaĂ®triser la gĂ©nĂ©ration de leads – Jean de la Rochebrochard, associĂ© chez Kima Ventures

Like this post? Please share to your friends:
Laisser un commentaire

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: