Voici un article pour vous aider à y voir plus clair parmi les diverses possibilités existantes en terme de solution mobile. Vous découvrirez au fil de cet article, pourquoi il est important d’être mobile et les pour et les contre des différentes méthodes qui existent.
Si votre site, aussi beau soit-il, ne permet pas d’afficher efficacement son contenu sur des appareils mobiles, vous allez rencontrer des abandons de votre site à court comme à long terme.
Quoi de plus pénible qu’une page trop large pour la taille de l’écran, des boutons trop petits pour nos doigts, des pages tellement looooongues à se charger… ce n’est pas convaincant et le visiteur va, à tous les coups, voir ailleurs.
Un site adapté à la navigation mobile est donc essentiel pour l’engagement des visiteurs.
Un site qui n’est pas mobile c’est également très mauvais pour le référencement !
En mai 2016, John Mueller annonce sur Twitter le déploiement de la deuxième version de l’algorithme mobile friendly du géant de la recherche.
FYI The mobile changes mentioned here are now fully rolled out. https://t.co/fTB3ia6LJ2
— John Mueller (@JohnMu) 12 mai 2016
En résumé, cela signifie que les sites qui sont mobiles seront privilégiés dans les résultats de recherche par rapport à ceux qui ne le sont pas. Si vous voulez un bon positionnement dans les SERPS, une version mobile de votre site est donc aujourd’hui indispensable.
Maintenant qu’il n’y a plus de doute sur le besoin absolu de rendre votre site mobile, je vais vous présenter les 3 manières d’y arriver avec : le responsive design, le site mobile et l’application native.
Le responsive web design (ou RWD) consiste par des techniques spécifiques à offrir une expérience de consultation optimale quel que soit le support utilisé (ordinateur, tablette, smartphone…).
Un site responsive c’est un site adaptatif : il y a qu’une seule interface qui s’adapte automatiquement à l’espace disponible sur l’écran.
Les éléments sont comme des blocs qui vont aller se positionner au mieux sur la page selon l’espace dont ils disposent pour offrir la meilleure expérience possible.
Pour vous aider à y voir plus clair, voici une illustration que j’aime beaucoup, créée par Stéphanie Walter :
Mais faites donc le test vous-même ! WPMobile.App est responsive : réduisez la largeur de la fenêtre et voyez comment les éléments se positionnent automatiquement selon l’espace disponible.
Il vous faudra manier le CSS3 media queries afin de cibler : le type de média, la taille de l’écran, la taille de la fenêtre, la résolution, le nombre de couleurs, l’orientation…
Cela demande tout de même des compétences particulières, il faudra mettre les mains dans le code et apprendre des techniques nouvelles pour arriver à un résultat optimal.
Mais bonne nouvelle pour les sites utilisant un CMS tel que WordPress, il existe des thèmes responsives. Téléchargez-le, installez, réglez et tadaaa votre site est responsive !
Un site mobile, ou site dédié, est un site avec une url distincte de celle du site classique et dont l’affichage et la navigation sont développés et optimisés pour l’affichage mobile. La taille est optimisée pour les supports mobiles ainsi que l’UX grâce au tactile et à certaines fonctionnalités propres aux smartphones et tablettes.
C’est donc un site à part entière, développé exclusivement pour les supports de petites tailles.
Comme votre site internet, en HTML5 et CSS3. Rien de plus compliqué, pas de nouveaux langages, ni de nouvelles techniques à apprendre.
Veillez à penser l’ergonomie différemment que sur un site classique, adaptez vous aux dimensions avec des styles CSS adaptés à une résolution d’écran plus petite.
Vous pouvez aussi affiner le contenu présent sur le site mobile, il n’est pas nécessaire de faire une copie conforme de votre site classique. Les pages, contenus et fonctionnalités doivent être adaptés au format mobile.
Et n’oubliez pas de mettre en place des redirections.
Quand un utilisateur sur mobile accède à votre site, vous devrez lui proposer s’il veut accéder au site classique ou à la version mobile (je vous déconseille de forcer le consentement).
Une application native c’est un logiciel téléchargeable et exécutable sur mobile.
Téléchargeable sur les « stores », le plus généralement sur le Play Store et l’App Store d’Apple et exécutable car stockée sur le mobile, l’accès se fera d’un clic sur l’icône présent sur le mobile : l’application s’exécute (pas d’url).
Vrai logiciel, c’est une solution bien différente de ce que l’on a pu voir plus haut.
Performantes et complètes, les applications sont développées à 100% pour le mobile mais mieux qu’un site mobile car les applications utilisent les fonctionnalités du mobile (gps, téléphone, caméra, push, gyroscope, etc).
L’expérience utilisateur y est optimale. Ce support tend à fidéliser les utilisateurs.
Le contenu peut être vu en hors ligne, pas besoin de connexion internet pour y accéder.
Le référencement est possible grâce à l’App Indexing.
Il permet à votre appli d’être dans les SERP. L’App Indexing met fortement en valeur votre appli (et votre site).
Une application est développée différemment selon l’os pour lequel elle est prévue.
Swift ou C pour iOS, Java, C# pour Windows Phone… il y a autant de langages que de systèmes d’exploitations.
Une fois codé, il faut la publier sur les différents stores. Les délais de soumissions sont plus ou moins longs, tout comme la politique de validation. Les tarifs sont également variables d’un store à l’autre.
En ce qui concerne la maintenance, vous devrez à chaque fois que vous modifiez ou améliorez votre application, la mettre à jour. Les changements ne sont donc pas instantanés, il faut repasser par les stores pour publier une nouvelle version de l’app.
J’espère que toutes ces infos vous permettrons de trouver la solution la mieux adaptée à votre site, vos ressources et le budget que vous avez. Comprenez qu’il n’y a pas de solution « idéale », chaque besoin est différent mais avec ces trois solutions, je suis convaincue que vous trouverez votre bonheur 😉