Comment faire un site web mobile

Comment faire un site web mobile

Avoir un site web optimisé pour les mobiles était autrefois considéré comme un joli avantage de la conception web, mais c’est désormais essentiel. En fait, les consommateurs sont tellement habitués aux sites Web mobiles (faciles à naviguer sur un petit écran et avec des temps de chargement rapides) qu’ils quitteront rapidement un site Web s’il ne fonctionne pas bien sur mobile.

Si vous avez un site web pour votre entreprise, vous avez entendu maintes et maintes fois combien les clients mobiles peuvent être importants. À ce moment-là, vous vous demandez probablement : « Eh bien, mon site web est-il adapté aux mobiles ? »

Si vous utilisez le constructeur de site web mobile de Jimdo, il y a de bonnes nouvelles. Votre site web sera automatiquement responsive mobile, ce qui est l’étalon-or du design web mobile friendly. Les modèles de sites web mobiles Jimdo s’adapteront automatiquement à toutes les tailles d’écran, sans que vous ayez besoin de faire quoi que ce soit de spécial.

Pour autant, si vous vous demandez ce que vous pouvez faire de plus pour créer le meilleur site web mobile, ou si vous êtes curieux des avantages d’un design web mobile friendly en premier lieu, lisez la suite car nous vous guidons à travers quelques astuces mobiles.

Pourquoi un site web adapté aux mobiles est-il si important ?

Beaucoup de gens utilisent le mobile : L’utilisation de sites Web mobiles (en d’autres termes, l’utilisation d’un site Web en déplacement depuis un smartphone ou une tablette) est en hausse depuis des années. En 2015, Google a annoncé que, pour la première fois dans l’histoire, plus de personnes effectuaient des recherches depuis des appareils mobiles que depuis des ordinateurs de bureau ou portables.

S’adapter aux mobiles aide votre classement Google : Il y a un avantage SEO évident à avoir votre site Web optimisé pour le mobile, car Google donne la priorité aux sites Web optimisés pour le mobile dans les résultats de recherche sur les smartphones. Cela signifie que si quelqu’un recherchait « pizza » à partir de son téléphone mobile, Google serait plus susceptible de montrer à cette personne des sites Web optimisés pour le mobile près de chez elle dans les résultats de recherche.

Les clients mobiles ont tendance à être locaux et prêts à acheter : Les personnes qui visitent votre site Web via un appareil mobile sont souvent plus locales, et plus susceptibles de faire un achat parce qu’elles sont en mouvement. Si vous recherchez « pizza » sur votre téléphone portable, c’est probablement parce que vous voulez une pizza tout de suite et qu’elle se trouve près de chez vous. S’il est encore courant pour les clients d’utiliser un ordinateur de bureau pour faire des recherches, lire des avis et prendre des décisions concernant des achats importants, les consommateurs mobiles cherchent davantage à établir un contact et à agir sur-le-champ, d’où l’importance de l’optimisation des recherches locales. Un site web adapté aux mobiles peut les aider à le faire, ce qui se traduit par plus de business local pour vous.

Qu’est-ce qu’un site web responsive?

Si vous avez déjà visité un site web sur votre téléphone mobile et que vous vous êtes retrouvé à plisser les yeux pour lire le texte, ou à zoomer et dézoomer constamment pour tout voir, alors vous savez certainement à quoi ressemble la visite d’un site mobile « unfriendly ». Frustrant.

C’est pourquoi nous recommandons d’utiliser un design réactif. Un site web responsive s’adapte automatiquement au type d’appareil utilisé par vos visiteurs en modifiant la résolution, la taille de l’image, les menus, et plus encore, afin qu’ils aient un sens sur différentes tailles d’écran.

Avec un site Web réactif, vous n’avez pas besoin de construire un site Web distinct uniquement pour les appareils mobiles ou une page de destination mobile distincte – tous vos utilisateurs peuvent coexister joyeusement en utilisant le même site Web réactif.

Comment rendre un site Web convivial pour les mobiles

Il existe quelques autres mesures simples que vous pouvez prendre pour améliorer votre site Web sur les téléphones cellulaires et les tablettes.

Conseils pour les meilleurs sites Web mobiles:

1. Assurez-vous que vos pages se chargent rapidement : Les utilisateurs mobiles utilisent probablement une connexion internet plus lente, il est donc d’autant plus important que votre site se charge rapidement et ne consomme pas leur plan de données. Il existe des outils gratuits que vous pouvez utiliser pour tester la vitesse de vos pages, et ils vous donneront des recommandations sur ce que vous pouvez faire pour accélérer les choses. Par exemple, vous pouvez réduire les très grandes images (voir ci-dessous), supprimer les plugins ou les popups inutiles qui ralentissent les choses, et réduire le nombre de redirections d’URL que vous utilisez.
2. Redimensionnez et optimisez vos images et votre logo : Les images et le logo de votre site Web sont-ils beaucoup plus grands que ce dont vous avez réellement besoin ? Les photographies provenant de sites de photographies de stock et même les photos prises avec un bon appareil photo numérique peuvent être accompagnées de fichiers de taille énorme (comme dans plus de 1 Mo), par exemple – et cela peut ralentir votre site Web. La bonne nouvelle est que vous pouvez les « compresser » sans perdre leur qualité, en utilisant un outil gratuit comme TinyPNG ou TinyJPG. Vous pouvez également modifier les dimensions d’une photo pour la rendre plus petite (par exemple en lui donnant une largeur de 800 pixels au lieu de 2000). Pour plus de conseils et de modes d’emploi sur les images, consultez notre post Comment optimiser les images d’un site Web pour une meilleure conception et un meilleur référencement.
3. Utilisez un menu de navigation simple et court : Si votre site Web possède un menu de navigation complexe avec de nombreuses pages et sous-pages, il sera plus difficile pour les visiteurs mobiles de trouver rapidement ce dont ils ont besoin. D’un point de vue encore plus pratique, il leur sera difficile de viser et d’appuyer avec succès sur le bon lien avec leur doigt. Rendre votre menu de navigation plus court et plus simple vous aidera (et, en prime, rendra votre site Web plus facile pour les visiteurs de bureau également !)
4. Créez des informations de contact claires : Puisque les clients mobiles veulent probablement entrer en contact, assurez-vous que votre page d’accueil ne nécessite pas beaucoup et beaucoup de défilement pour atteindre vos informations de contact. Veillez également à mettre un numéro de téléphone et une adresse e-mail sur lesquels quelqu’un pourrait cliquer, car remplir un formulaire de contact sur un téléphone mobile peut prendre du temps et être ennuyeux.
5. Montrez le contenu le plus important en premier : Les visiteurs d’un site Web veulent trouver rapidement les informations dont ils ont besoin, et c’est encore plus vrai lorsqu’ils sont en déplacement.
6. Utilisez du texte et des boutons de grande taille : Les personnes utilisant des appareils mobiles ont besoin d’un texte et de boutons d’appel à l’action encore plus grands que ce à quoi on pourrait s’attendre pour pouvoir utiliser confortablement un site web. La meilleure façon de tester cela est de regarder votre site web dans les différents modes d’affichage. Vous verrez ainsi comment votre site apparaît sur différents écrans, et vous pourrez constater par vous-même à quoi tout ressemble. Mieux encore, demandez à un ami ou à un parent (ou à quelqu’un qui porte des lunettes) de tester votre site Web pour vous et de vous faire savoir ce qu’il en pense.
7. N’utilisez pas d’animations Flash : Les effets ou animations Flash ne fonctionnent pas sur les iPhones ou iPads, donc une grande partie de votre public ne pourra pas voir ce qu’il y a sur votre site. Si vous utilisez Jimdo, vous avez de la chance : nos sites web utilisent tous le HTML5, plus récent, qui est accessible à tous les types de smartphones et de tablettes.

Les erreurs courantes des sites web mobiles

• Oublier de regarder son propre site web depuis un appareil mobile : Si vous travaillez généralement sur votre site Web depuis votre ordinateur, il peut être difficile de se rappeler de vérifier la vue mobile de temps en temps. Mais le faire peut vous aider à repérer les petits inconvénients que vous ne remarqueriez jamais depuis un ordinateur portable.

• Défilement sans fin : Allez-y doucement avec les pouces des gens ! Essayez de garder vos pages Web courtes et précises pour que les visiteurs mobiles n’aient pas besoin de faire défiler et de faire défiler.
• Infographies super-détaillées : Les infographies sont parfaites pour les sites Web – mais lorsque l’infographie rétrécit pour s’adapter à un écran plus petit, elle peut devenir impossible à lire. N’oubliez pas de le tester vous-même. Vous pourriez trouver qu’il est préférable de diviser une grande infographie en graphiques plus petits et séparés.
• Trop de texte : Un paragraphe de texte qui semble normal sur un écran d’ordinateur peut passer pour Guerre et Paix sur un écran mobile. Gardez vos paragraphes courts et séparez les gros blocs de texte avec des puces, des titres et des images. Voici d’autres conseils pour un texte de site Web lisible.
• Touchez des éléments trop proches les uns des autres : Il n’y a pas grand-chose qu’une personne puisse faire pour rétrécir ses doigts – facilitez-lui la vie en mettant suffisamment d’espace entre vos boutons et autres liens pour que les gens ne touchent pas accidentellement la mauvaise chose.
• Utiliser Flash : Les effets ou les animations Flash ne fonctionnent pas sur les iPhones ou les iPads, donc une grande partie de votre public ne pourra pas voir ce qu’il y a sur votre site. Si vous utilisez Jimdo, vous avez de la chance : nos sites web utilisent tous le HTML5, plus récent, qui est accessible à tous les types de smartphones et de tablettes.
• Obliger les gens à remplir des formulaires : Soyons honnêtes ; personne n’a envie de remplir un formulaire web depuis un téléphone portable. Si vous avez besoin d’un formulaire, faites-le aussi court que possible. Ou mieux encore, laissez les gens vous soumettre les informations d’une autre manière, comme par e-mail ou simplement en appelant votre numéro de téléphone.

Jimdo : Le meilleur constructeur de sites Web mobiles

Jimdo est le moyen le plus facile de construire un site Web ou une page d’atterrissage mobile friendly. Avec des blocs de construction faciles, une réactivité mobile automatique et même la possibilité de modifier vous-même votre site en déplacement, vous pouvez être sûr que votre site Web est adapté aux mobiles et parfait pour tous vos clients.