Créer un site mobile

Les spécificités de la navigation mobile

Les utilisateurs surfent aujourd'hui majoritairement depuis un mobile, d'autant plus lors d'un premier contact avec un site web.

Cette tendance est grandissante avec l’essor des technologies qui permettent d'utiliser Internet partout dans la société : Bornes wifis gratuites dans les jardins publics, lieux publics, trains ou avions.

Il est donc impératif aujourd’hui d’avoir un site qu’on appelle responsive design, c'est-à-dire qui s’adapte autant aux mobiles et tablettes qu'aux ordinateurs. 

Toute votre stratégie pour améliorer l’expérience utilisateur doit donc aller dans ce sens, en respectant toutes les spécificités de l’utilisation mobile :

• La taille de l'écran

Bien que les téléphones ont tendance à disposer d’écrans de plus en plus grands, ils n’ont pas le même espace que celui d’un ordinateur.

Les boutons, les titres et les textes doivent être adaptés à l’écran pour que l’utilisateur n'ait à zoomer sur son écran.

Le menu et la navigation doivent également s’adapter au mobile avec un menu dit “burger” c'est-à-dire qui se déroule lorsque l'utilisateur clique dessus.

• Le contexte d’utilisation 

Les utilisateurs sur mobile sont généralement plus facilement distraits. Ils utilisent leur téléphone dans la rue, dans le métro, et peuvent être régulièrement interpellés par un appel, un message ou une notification.

Votre site doit être très efficace et très ergonomique pour leur permettre de trouver l’information qu’ils souhaitent instantanément.

• Les habitudes de recherche 

Une recherche sur mobile est rarement une recherche très longue et complète. Les utilisateurs recherchent un chiffre, une définition ou une information très courte. Cela implique de privilégier les contenus très courts, avec des listes et des systèmes de recherches rapides.

Créer un site responsive n’est pas uniquement primordial pour les utilisateurs. Les algorithmes des moteurs de recherche tels que ceux de Google y attachent également une grande importance

En effet, l’algorithme de Google est de plus en plus ferme avec les sites qui ne sont pas responsive design.  Les sites qui ne sont pas adaptés au format mobile ne sont tout simplement plus affichés dans les résultats du moteur de recherche. 

Google a également mis en place son algorithme Google Mobile Friendly il y a plusieurs années. Cet outil de la Search Console s’occupe spécifiquement de cet aspect dans le référencement.

Avec des solutions telles que Orson, vous n’avez même plus à y penser. Votre site s’adapte automatiquement à tous les écrans pour optimiser votre référencement. Sans aucune ligne de code ou achat supplémentaire, vous obtenez un résultat professionnel sur mobile et tablettes.

Les thèmes créés sur Orson par nos designers sont tous responsive design et prêt à l'emploi. Vous êtes libre de modifier vos images et textes, votre site sera toujours responsive design. Les sites Orson sont également optimales et visibles sur l'ensemble des navigateurs web.

On parle de site mobile et de site responsive mais quelle est vraiment la différence au juste ?

Créer un site mobile requiert de créer deux sites, un pour la version pour l'ordinateur et un pour le mobile. Cette méthode a été la première qui a vu le jour et il reste encore des sites qui utilisent aujourd'hui cette technologie. Le désavantage de cette méthodologie est de devoir gérer et de maintenir deux sites sur le long termes. C'est extrêmement coûteux. 

Le responsive design est apparu

En 2010, une nouvelle technologie basée sur des grilles permet de créer des sites dont le contenu s'adapte automatiquement en fonction de la taille des écrans d'ordinateurs, tablettes ou mobiles. Donc plus besoin de créer et de maintenir 2 sites, il suffit de créer et mettre à jour un seul site responsive.

Twitter a démocratisé cette technologie avec le langage Twitter Bootstrap. C'est cette technologie qui est utilisé sur l'ensemble des sites adaptés aux mobiles.

Pour vous assurer de l’optimisation et de la qualité de l’expérience utilisateur, il est essentiel de naviguer sur votre site avec tous les appareils disponibles.

Cependant, vous n’avez peut-être pas tous les écrans à disposition.

Orson vous propose une vérification tout-en-un. Vous pouvez à tout moment prévisualiser votre travail dans le logiciel de création de site web en sélectionnant la tablette ou le mobile. Cliquez sur “Aperçu” à n’importe quelle étape de création de votre site web et sélectionnez le format que vous souhaitez en haut de l’écran. Vous n’avez plus qu’à naviguer directement sur votre site

Chez Orson, notre seul but est de vous faciliter la création de site, et vous faire gagner du temps.

Connaitre l'efficacité de son site mobile

Il peut être parfois difficile d’évaluer l’efficacité de son site, notamment en termes de responsive design.

Pour savoir si votre site est adapté aux mobiles en général, Orson a développé un outil qui vous permet de savoir si votre site est responsive directement depuis votre ordinateur.  Piresponsive est un outil 100% gratuit et en ligne. Vous avez juste à renseigner l'URL de votre site, et à lancer l’outil.

Nous avons également créé un second outil,  Orson Mobile Tester. Il donne à votre site une note sur 100 pour vous indiquer si votre site suit bien les consignes de Google pour le mobile.

Orson Mobile Tester prend en compte l’expérience utilisateur sur mobile, le temps de chargement ainsi que l’optimisation du référencement naturel.

Une optimisation efficace jusqu'au temps de chargement

L’un des critères majeurs de référencement et de bonne expérience utilisateur sur mobile comme sur téléphone est le temps de chargement.

Le temps de chargement de votre site correspond au temps nécessaire pour que tous les éléments d'une page web se chargent, à partir du moment où vous arrivez sur votre site.

Généralement, si la page met plus de 3 secondes à charger, la plupart des utilisateurs abandonnent la visite sur votre page. Les moteurs de recherche comme Google ou Bing ont donc pris cet élément en considération pour l'indexation des sites en tant que critère d’optimisation du référencement naturel.

Pour optimiser votre temps de chargement, tous les fichiers et médias présents sur votre site ne doivent pas alourdir votre page.

Orson vous permet de créer un site mobile avec des images qui sont compressés automatiquement et qui sont insérées à partir de la technologie CDN pour plus de rapidité de chargement. Le code des sites est également compressé pour pouvoir servir les pages plus rapidement aux utilisateurs.

La création d’un site responsive n’a jamais été aussi simple qu’avec Orson.

Après avoir créé votre compte Orson, commencez à créer votre site responsive design directement en vous connectant sur https://secure.orson.io/fr/sessions/new

Vous allez pouvoir commencer à construire votre site à partir d’un modèle de site web proposés par nos designers. Nos templates responsive design vous permettent de créer des sites web 100% adaptés aux mobiles.

Grâce à un système de glisser-déposer intuitif et des modules conçus à partir des meilleures pratiques de design et de marketing, vous construisez facilement un site efficace, à votre image, et surtout au design responsive sans effort.

L’abonnement à Orson est sans engagement de durée et comprend :

• l’hébergement,
• le stockage,
• la bande passante,
• le nom de domaine professionnel personnalisé.