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

Vous cherchez de l'aide pour votre référencement ?

Mon nom est Łukasz Żelezny, je suis le fondateur de SEO.London. Je travaille dans l'industrie depuis les 20 dernières années.
En tant que consultant en référencement, j'ai aidé des dizaines d'entreprises.
Vous souhaitez améliorer vos résultats en matière de référencement ?
Discutons-en lors d'un appel vidéo.

Commencez

S'adapter à l'évolution du comportement des utilisateurs

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 mondial les utilisateurs accèdent au Internet en utilisant un appareil mobile, selon Statista.

Cela représente une augmenter contre environ 30 % en 2015. Si votre site web a été conçu pour un ordinateur de bureau ou si vous ne disposez pas d'un site adapté aux mobiles, vous pouvez vous attendre à voir votre recherche Les résultats du classement des moteurs de recherche diminuent avec le temps.

Sites Web de bureau et de bureau léger

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 mobile téléphone et de voir 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 accuse Google d'être responsable de cette inadéquation parce que l'application contenu ne correspond pas à ce qui est décrit dans les résultats de la recherche.

La stratégie d'indexation mobile de Google

C'est précisément pour cette raison que Google a annoncé la création d'un index mobile-first. stratégie en mars 2018. Plutôt que de indexation les versions de bureau des sites web, Google a commencé à indexer les versions mobiles. En juillet 2018, Google a également commencé à utiliser vitesse de la page dans les classements de recherche mobile, qui signifie que, dans le classement des résultats de recherche, les sites web qui se chargent rapidement sur les appareils mobiles sont favorisés par rapport à ceux qui se chargent plus lentement. Cela ne signifie pas que les sites web qui n'ont pas de version mobile ne sont pas indexés, mais que les sites web qui se chargent rapidement et qui sont adaptés aux appareils mobiles sont plus susceptibles d'être indexés dans les résultats de recherche. rang plus haut dans les résultats de recherche Google que les sites web lourds et moins performants qui nécessitent un ordinateur de bureau.

Comment activer l'indexation en premier des mobiles :

1. Refonte de votre site Web

Une stratégie pure d'indexation mobile de Google signifie souvent une stratégie complète d'indexation mobile. revoir la conception 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.

2. Adaptez votre site Web

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.

3. Sites web réactifs et indexation en priorité des mobiles

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 draguer pour réduire la fenêtre, que se passe-t-il ? Sur un site Web qui n'est pas réactif, il ne se passe rien. 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.

4. Systèmes de gestion de contenu (par exemple, WordPress)

Si vous utilisez un contenu gestion système (CMS) tels que WordPressvous devez utiliser un thème réactif. Si votre thème actuel n'est pas réactif et qu'une version plus récente est disponible, passez à cette version. Si aucune version réactive n'existe, passez à un thème réactif.

Le thème se chargera de la plupart des tâches difficiles pour vous. Vous devrez revue l'aspect des pages réactives sur différents appareils mobiles et déterminez si vous devez modifier la façon dont vous présentez certaines informations qui ne se convertissent pas bien en pages réactives.

5. Boîtes à outils de développement Web (par exemple, Bootstrap)

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.

6. Outils pour tester votre conception adaptée aux mobiles

Pour vérifier votre nouvelle conception, rendez-vous sur le test Google Mobile-Friendly et saisissez l'URL de votre site Web. Vous obtiendrez un rapport qui vous indique dans quelle mesure votre site web est adapté aux mobiles, avec des suggestions spécifiques sur la manière d'améliorer votre site web. score.

7. Sites web à chargement rapide

Que vous ayez un site de bureau, un site Web adapté aux mobiles ou 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 fonctionnalités qui permettent, au moins partiellement, de adresse certains de ces domaines pour aider votre site Web à se charger plus rapidement sur un appareil mobile.

8. Comment un site web est traité

Lorsque vous visitez un site web, celui-ci charge le code de la page que vous consultez dans la mémoire de votre appareil mobile, puis traite le code pour format et affiche 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 sur 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.

9. Images et indexation Google Mobile First

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 le images 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é.

10. Le code et le Google Mobile First Indexing

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. Une façon de réduire la taille du code est de le réduire 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.

11. Chargement en arrière-plan et indexation Google Mobile First

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, à moins que vous ne deviez attendre un certain temps. longue période lorsque vous essayez de faire défiler la page vers le bas.

12. Outils de mesure et d'amélioration de la vitesse

Sur le site des développeurs de Google, une page intitulée "Make the Web Faster" fournit des astuces, des conseils sur les meilleures 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 qu'il faut changer. L'outil vous fournit souvent des suggestions spécifiques sur la manière d'améliorer le chargement de votre site. performance et vous fournit même des versions optimisées de vos fichiers images qui se chargeront plus rapidement.

13. S'adapter pour survivre

Même si vous n'êtes pas en mesure de réaliser une conception véritablement "mobile-first" pour Google dans l'immédiat, 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 se traduiront peut-être pas par un meilleur classement dans les moteurs de recherche car elles sont obligatoires, mais elles devraient vous permettre d'éviter d'être pénalisé pour ne pas avoir adopté une approche mobile-first.