Indexation mobile en premier

Citation :

Ce n'est pas le plus fort de l'espèce qui survit, mais celui qui s'adapte le mieux au changement.
- Attribué à Charles Darwin

L'internet est encore relativement nouveau et continue d'évoluer. Lorsque les gens font des recherches sur Internet, ils ne s'assoient plus devant leur ordinateur pour taper des requêtes de recherche soigneusement formulées. Depuis 2017, environ la moitié des internautes utilisent leurs appareils mobiles plutôt que leurs ordinateurs pour effectuer des recherches sur Internet.

À mesure que les utilisateurs changent leur façon de faire des recherches sur Internet, les moteurs de recherche doivent modifier la façon dont ils indexent le contenu afin d'afficher les résultats les plus pertinents et les plus utiles. Cela signifie que vous devez constamment modifier la façon dont vous organisez et présentez les informations sur votre site Web si vous voulez obtenir un meilleur classement dans les résultats de recherche.

Bien que cela varie selon les régions, environ la moitié des utilisateurs mondiaux sont accéder à l'Internet en utilisant un mobile selon Statista.

Cela représente une augmentation significative par rapport aux 30 % environ sur 2015. Si votre site web a été conçu pour un ordinateur de bureau ou si vous n'avez pas de site adapté aux mobiles, vous pouvez vous attendre à voir votre moteur de recherche classement les résultats diminuent avec le temps.

Les sites web ont été initialement développés en partant du principe que les gens accéderaient à l'internet à partir d'un ordinateur de bureau. Cela a permis entreprises pour créer des sites web contenant une logique de programmation compliquée qui est chargée et traitée très rapidement par un navigateur sur un ordinateur de bureau.

Cependant, à mesure que les utilisateurs migrent vers l'utilisation de leurs téléphones et tablettes, ces sites web ne peuvent souvent pas être chargés et traités rapidement par un navigateur sur un appareil mobile.
En conséquence, certaines entreprises ont créé des versions "légères" de leurs sites Web qui sont chargées et traitées par un appareil mobile en un temps raisonnable. Pour créer ces versions, les entreprises doivent souvent éliminer de nombreuses fonctions et capacités des versions de bureau.

Lorsqu'un utilisateur accède à un site web, celui-ci détermine le type d'appareil utilisé et propose un ensemble de pages web différent à l'utilisateur d'un appareil mobile et à l'utilisateur d'un ordinateur de bureau.

Imaginez que vous effectuez une recherche Google sur votre téléphone portable et que vous voyez des résultats de recherche qui sont exactement ce que que vous recherchez. Cependant, lorsque vous cliquez sur les résultats de la recherche, vous n'obtenez pas ce que les résultats de la recherche indiquaient que vous alliez voir. Au lieu de cela, vous obtenez une version édulcorée de ce que vous attendiez, car le site Web vous a proposé un ensemble différent de pages Web lorsqu'il a déterminé que vous utilisiez un appareil mobile.

L'utilisateur moyen reproche à Google cette inadéquation, car le contenu ne correspond pas à ce qui est décrit dans les résultats de recherche.

C'est précisément pour cette raison que Google a annoncé une stratégie d'indexation mobile-first en mars 2018. Plutôt que d'indexer les versions de bureau des sites Web, Google a commencé à indexer les versions mobiles. En juillet 2018, Google a également commencé à utiliser la vitesse des pages dans le classement des recherches mobiles, ce qui signifie favoriser les sites Web qui se chargent rapidement sur les appareils mobiles lors du classement des résultats de recherche par rapport à ceux qui se chargent plus lentement. Cela ne signifie pas que les sites web sans version mobile ne sont pas indexés, mais cela signifie que les sites web à chargement rapide et adaptés aux mobiles sont plus susceptibles d'être mieux classés dans les résultats de recherche Google que les sites lourds aux performances plus lentes qui nécessitent un ordinateur de bureau.

Une stratégie pure d'indexation mobile de Google implique souvent une refonte complète de votre site web. La conception serait ciblée sur les appareils mobiles, puis adaptée à d'autres plateformes telles que les ordinateurs de bureau. Un design d'indexation mobile-first est généralement simple et concis et utilise des formes géométriques, des couleurs vives, une typographie forte et des espaces blancs comme éléments de design.

La conception place les éléments d'appel à l'action au premier plan et intègre des méthodes de communication modernes telles que le chat et les chatbots. Il va sans dire qu'un site indexé par Google mobile-first se charge rapidement, et qu'il est constamment mesuré pour maintenir ou améliorer sa vitesse.

Si vous n'êtes pas prêt à procéder à une refonte complète de votre site Web en vue d'une indexation mobile, vous pouvez adapter votre site actuel pour qu'il soit adapté aux appareils mobiles. Étant donné qu'il s'agit toujours d'adapter une version de bureau aux appareils mobiles, et non l'inverse, il ne s'agit pas techniquement d'une stratégie Google mobile-first. Mais il s'agit d'une étape pratique sur la voie d'une conception de site Web indexé mobile-first qui vous permet d'apparaître comme mobile-first aux yeux des moteurs de recherche.

Lorsque vous adaptez votre site web actuel à cet environnement Google mobile-first, l'objectif est généralement de fournir le même contenu à tous les utilisateurs, quel que soit l'appareil qu'ils utilisent.

Toutefois, la façon dont le contenu est formaté et présenté diffère selon la taille de l'écran utilisé pour le visualiser. Dans le cadre de cette transition, il est encore acceptable d'inclure certaines fonctionnalités supplémentaires, telles que des options de menu ou des boutons, qui n'apparaissent que lorsque le site est consulté par un ordinateur. Même Google le fait.

Heureusement, il existe des outils qui permettent de faciliter cette transition vers un site adapté aux mobiles. Et il existe des outils qui vous permettent de mesurer votre succès et d'identifier les domaines qui doivent encore être améliorés.

Pour effectuer cette transition vers un site Web plus adapté aux mobiles ou Google mobile-first, le mot que vous devez adopter est responsive. La conception Web réactive est une approche qui adapte automatiquement la présentation d'un site Web en fonction de la plate-forme, de l'orientation et de la taille de l'écran ou de la fenêtre de l'utilisateur.

Imaginez un site Web ouvert sur votre ordinateur de bureau et visible sur votre écran d'ordinateur. Lorsque vous cliquez sur le coin de la fenêtre et que vous le faites glisser pour la réduire, que se passe-t-il ? Sur un site Web qui n'est pas réactif, rien ne se passe. Vous coupez simplement tout ce qui était visible auparavant et vous devez maintenant faire défiler la page de gauche à droite pour voir le contenu.

En revanche, sur un site Web réactif, le site se reformatera automatiquement lorsque votre fenêtre d'affichage atteindra certaines tailles, de sorte que tout le contenu restera visible dans cette fenêtre. Au lieu d'apparaître côte à côte, le contenu est empilé verticalement. Même si vous devez faire défiler la page vers le bas pour voir tout le contenu, le contenu que vous voyez tient dans votre fenêtre d'affichage et vous n'avez pas besoin de faire défiler la page à gauche et à droite pour le voir.

Si vous utilisez un système de gestion de contenu (CMS) tel que WordPress, vous devriez utiliser un thème réactif. Si votre thème actuel n'est pas responsive et qu'il existe une version plus récente, responsive, mettez-la à niveau vers cette version. Si aucune version réactive n'existe, passez à un thème réactif.

Le thème fera le gros du travail pour vous. Vous devrez examiner l'aspect des pages réactives sur différents appareils mobiles et déterminer si vous devez modifier la façon dont vous présentez certaines informations qui ne se convertissent pas bien en pages réactives.

Si vous n'utilisez pas de CMS, commencez par utiliser une boîte à outils telle que Bootstrap. Bootstrap est une boîte à outils open-source pour le développement Web utilisant HTML, CSS et JavaScript. Il vous aide à créer des sites Web réactifs, indexés par Google Mobile First, grâce à son système de grille réactif, ses composants frontaux préconstruits et ses plugins.

Pour vérifier votre nouvelle conception, rendez-vous sur le site du test Google Mobile-Friendly et saisissez l'URL de votre site Web. Vous obtiendrez un rapport vous indiquant dans quelle mesure votre site est adapté aux mobiles, ainsi que des suggestions spécifiques pour améliorer votre score.

Que vous disposiez d'un site de bureau, d'un site Web adapté aux mobiles ou d'un site Web "mobile-first", on part aujourd'hui du principe que votre site Web se charge rapidement. Bien qu'une discussion de tous les facteurs qui influencent la rapidité de chargement de votre site Web dépasse le cadre de cet article, il existe quelques éléments de conception qui peuvent ralentir considérablement le chargement de votre site Web et dont vous devez être conscient.

Heureusement, la plupart des thèmes et des kits d'outils réactifs comprennent des fonctions qui traitent au moins partiellement certains de ces aspects afin de permettre à votre site Web de se charger plus rapidement sur un appareil mobile.

Lorsque vous visitez un site Web, il charge le code de la page que vous consultez dans la mémoire de votre appareil mobile, puis il traite le code pour formater et afficher la page sur votre appareil. Lorsque vous cliquez sur un lien pour passer à la page suivante, la page sur laquelle vous vous trouviez est supprimée et la page suivante est chargée en mémoire. Plus il y a de pages à charger, plus il faut de temps pour les récupérer, les envoyer sur l'internet et les charger dans votre appareil.

Plus il doit traiter de code, plus il lui faut de temps pour formater et présenter ce qu'il a chargé sur votre écran. En d'autres termes, si vous chargez et traitez moins de code, votre site Web se chargera généralement plus rapidement.

Les fichiers d'images ou de photos sont souvent la cause de la lenteur de chargement d'un site Web. Plus la résolution de l'image est élevée, plus le fichier est volumineux et plus il met de temps à se charger. Soyez réaliste quant à la résolution dont vous avez besoin pour les images que vous affichez et réduisez les images pour qu'elles se chargent plus rapidement.

Selon le format que vous utilisez, vous pouvez réduire la taille des images en sacrifiant ou non leur qualité. Celles qui sacrifient un peu de qualité sont généralement beaucoup plus petites que celles qui conservent le même niveau de qualité.

Votre navigateur commence à formater la page Web au fur et à mesure que les données sont chargées. Toutefois, certains codes obligent le navigateur à arrêter le formatage et à attendre d'autres codes ou même le chargement de la page entière avant de reprendre sa tâche de formatage.

C'est ce qu'on appelle le blocage. Dans la mesure du possible, vous devez réduire la taille du code qui est chargé et éliminer tout code bloquant. L'une des façons de réduire la taille du code est de le minifier en supprimant les commentaires et les espaces blancs superflus.

Elles sont importantes pour que les programmeurs puissent comprendre le code, mais elles ne sont pas nécessaires pour qu'un navigateur puisse le traiter. Si vous ne pouvez pas réduire le code, certains serveurs Web enverront une version compressée du code à votre navigateur, qui chargera la version la plus petite et la décompressera ensuite.

Lorsque vous consultez une page Web, vous ne voyez que la partie de la page qui se trouve dans votre fenêtre d'affichage. Si votre navigateur charge et formate d'abord ce que vous voyez dans votre fenêtre, il peut continuer à charger et à formater d'autres données en arrière-plan jusqu'à ce que la page soit complète.

Pour vous, la page Web semble se charger rapidement et vous ne vous rendez pas nécessairement compte qu'elle continue à se charger et à formater le contenu, sauf si vous devez attendre longtemps lorsque vous essayez de faire défiler la page vers le bas.

Sur le site des développeurs de Google, une page intitulée "Make the Web Faster" (rendre le Web plus rapide) fournit les informations suivantes conseils, meilleur-Des conseils pratiques et des ressources pour vous aider à accélérer le chargement de votre site web. L'un des principaux outils de cette boîte à outils s'appelle PageSpeed Insights. PageSpeed Insights vous montre ce qui se passe entre le moment où vous commencez à charger votre site web et le moment où il a été chargé, formaté et présenté sur un appareil mobile ou de bureau.

Cela vous permet de voir ce qui ralentit le chargement de votre site Web et de savoir ce que vous devez changer. L'outil vous fournit souvent des suggestions spécifiques pour améliorer les performances et vous propose même des versions optimisées de vos fichiers image qui se chargeront plus rapidement.

Même si vous ne pouvez pas faire une véritable conception Google mobile-first à l'heure actuelle, vous pouvez faire en sorte que votre site Web semble être mobile-first en utilisant des pages Web réactives et en réduisant le temps de chargement et d'affichage de votre site. Ces deux stratégies ne vous permettront peut-être pas d'obtenir un meilleur classement dans les moteurs de recherche, car elles sont obligatoires, mais elles devraient vous aider à éviter d'être pénalisé pour ne pas avoir adopté une approche "mobile-first".