Table des matières:
- Créer des appels en une seule opération
- Concevoir pour une taille d'écran réduite
- Soyez précis sur ce qui se passe au-dessus de la ligne
- Choisissez une police mobile lisible
- Optimiser les images
- Design pour multi-écrans
- Évitez d'utiliser Flash
Vidéo: Comment placer vos vidéos youtube en première page de Google 2025
Dans le cadre de votre stratégie de référencement, pensez à tout ce que vos utilisateurs voient lorsqu'ils visitent votre site. site Internet. Des mots, images et vidéos à la navigation de votre site, ils voient le contenu de votre site Web.
Maintenant, installez-vous dans votre esprit mobile et réfléchissez à la façon dont vos visiteurs pourront découvrir le contenu de votre site Web lorsqu'ils seront sur des appareils mobiles dans les rues de New York.
Si vous ne vous souvenez que d'une chose à propos de la conception pour la convivialité mobile, il faut que ce soit le cas: les sites Web adaptés aux mobiles doivent avant tout offrir la meilleure expérience utilisateur possible.
Créer des appels en une seule opération
Pour que votre contenu soit adapté aux mobiles, vous devez simplifier au maximum la tâche de votre utilisateur afin de trouver ce dont il a besoin et agir. Dans l'environnement mobile, où les utilisateurs travaillent avec des petits écrans et des touches tactiles plutôt que des clics de souris, les boutons d'incitation à l'action click-to-call sont une excellente façon d'aider les utilisateurs à accomplir facilement des tâches courantes. Et terminer une tâche signifie une conversion pour vous!
Les boutons Appel Direct sont une excellente incitation à l'action spécifique aux mobiles, car les utilisateurs mobiles tiennent souvent déjà un téléphone. Ce bouton aide les utilisateurs à obtenir ce dont ils ont besoin (une conversation avec vous) et à obtenir ce dont vous avez besoin (une conversion).
Voici un exemple de bouton Appel Direct, stratégiquement placé au sommet de l'expérience mobile de Bruce Clay, Inc.
Pensez également à créer des boutons à simple pression qui aident les utilisateurs mobiles à trouver votre boutique en avant ou à accomplir des tâches lors de vos déplacements. Vous pouvez voir un exemple sur le site mobile Progressive, qui a des boutons pour aider les utilisateurs à trouver des agents locaux et effectuer des paiements sans avoir à faire défiler la page.
Concevoir pour une taille d'écran réduite
Les appareils mobiles sont plus petits que les ordinateurs de bureau. Vous avez donc moins de place pour le contenu de la page et moins de place pour les espaces. Voici quelques astuces d'optimisation du contenu du petit écran:
-
Faire de votre logo un lien qui redirige vers votre page d'accueil.
-
Minimiser les espaces blancs et s'assurer que la majorité de la page est remplie de contenu réel.
-
Construire des éléments hors écran tels qu'un menu à bascule , qui est un élément de navigation qui peut s'étendre et se fermer.
-
Raccourcissez le texte qui apparaît sur les boutons lorsque cela est possible.
Soyez précis sur ce qui se passe au-dessus de la ligne
Parce que les appareils mobiles sont plus petits que les ordinateurs de bureau, ils ont moins d'espace pour présenter le contenu au-dessus du pli . page). Assurez-vous d'être attentif et axé sur l'utilisateur lors de la sélection de votre contenu au-dessus de la ligne de flottaison. Assurez-vous également que le contenu que vous placez au-dessus du pli se charge rapidement. La vitesse du site et le temps de chargement au-dessus de la ligne de flottaison sont importants pour l'expérience de l'utilisateur, et ils sont également d'importants facteurs de classement mobile.
Choisissez une police mobile lisible
Chaque fois que vous mettez des mots sur votre site Web, la première priorité doit être la compréhension de l'utilisateur. Votre utilisateur doit être capable de voir clairement et de lire rapidement vos mots sur une variété d'appareils. Étant donné qu'il n'existe actuellement aucune norme unique pour la taille de l'écran mobile ou la qualité graphique, il est difficile de la réduire à une recommandation unique pour la sélection des polices. Voici quelques règles à suivre concernant les polices:
-
Que vous utilisiez une police Sans Serif ou Serif, tenez compte de la hauteur des caractères de votre alphabet et de l'espace entre les lettres. Les polices avec une hauteur de caractère individuelle modérément élevée et un peu d'espace entre les lettres peuvent améliorer la lisibilité.
-
Connaissez votre groupe démographique et souvenez-vous que les personnes plus âgées peuvent avoir plus de difficulté à lire des polices plus petites et plus condensées.
-
Assurez-vous de fournir suffisamment de contraste entre la police et l'arrière-plan afin que les utilisateurs puissent voir votre contenu, même à l'extérieur ou dans d'autres situations où l'éblouissement de l'écran est un facteur.
-
Le moyen le plus sûr consiste à utiliser une police commune approuvée par les fabricants et utilisateurs d'appareils mobiles, comme Arial, Helvetica, Courier, Georgia, Times New Roman, Trebuchet MS ou Verdana.
Optimiser les images
Pour rendre votre site Web adapté aux mobiles, il est important de vous assurer que vos images sont dimensionnées et enregistrées de manière à pouvoir les charger rapidement sur les ordinateurs de bureau et les appareils mobiles. Les images optimisées qui se chargent rapidement gardent l'utilisateur et le moteur de recherche heureux.
Pour optimiser les images pour mobile, veillez à
-
Enregistrer les images dans un format de fichier compact, tel que JPG, GIF ou PNG.
-
Ne taillez jamais des images plus grandes que nécessaire. rappelez-vous que les grandes images signifient de grandes tailles de fichier, ce qui signifie des temps de chargement lents.
-
Optimisez la taille des images même si vous utilisez un design réactif. Avec responsive design, vous pouvez vous assurer que les images sont optimisées pour les mobiles en utilisant CSS pour écrire une clause max-width - {max-width: 100%} - qui redimensionnera vos images en fonction de la taille de l'écran détecté.
Design pour multi-écrans
Pour optimiser votre contenu mobile en mode multi-écran, assurez-vous que les couleurs, les polices et les thèmes que vous utilisez imitent fidèlement les couleurs, les polices et les thèmes de votre bureau. Cela permet à vos visiteurs d'être sûrs qu'ils ont atterri au bon endroit lorsqu'ils accèdent à votre site Web à l'aide d'un nouvel appareil, et cela peut également renforcer l'image de marque. L'assurance progressive fait du bon travail.
Évitez d'utiliser Flash
En général, la conception avec Flash n'est pas fiable et n'est pas recommandée pour les applications de bureau ou mobiles. Cela inclut de s'appuyer sur Flash pour lire le contenu vidéo. Certains appareils mobiles, tels que les iPhones, ne peuvent pas afficher du tout Flash. Par conséquent, tous les éléments de votre site Web nécessitant Flash nécessitent une expérience utilisateur médiocre.
Flash est également mauvais pour le référencement, car on sait que Google a bousculé les classements SERP et inséré des avertissements SERP lorsque des sites mobiles utilisent Flash.
