Pages mobiles accélérées (AMP)

Ce n'est une nouvelle pour personne que le nombre d'utilisateurs de téléphones portables a déjà dépassé de loin le nombre de personnes qui utilisent un ordinateur de bureau pour chercher des informations ou effectuer une transaction, n'est-ce pas ? Google a mis en garde tout le monde contre ce comportement croissant tout en proposant de nouvelles solutions aux spécialistes du marketing pour qu'ils suivent tous les changements. Devinez lequel est notre préféré ? 😉

Les pages AMP sont arrivées en tête des SERP (Search Engine Results Pages) mobiles et, par conséquent, les professionnels du référencement et les développeurs doivent en mettre en œuvre le plus grand nombre possible pour offrir la meilleure expérience d'utilisation mobile aux visiteurs. Maintenant, découvrons-en un peu plus.

Que sont les pages mobiles accélérées (AMP) ?

L'AMP est un type de page créé par Google et Twitter qui offre la navigation la plus rapide sur Internet. Il s'agit essentiellement d'une forme de HTML plus simple qui permet aux développeurs de créer facilement des pages web mobiles à chargement rapide. Grâce à ce nouveau code, les éditeurs peuvent améliorer la vitesse des pages (il faut moins d'une seconde pour les charger !), ce qui offre par conséquent une meilleure expérience utilisateur.

Vitesse du web mobile

Comme elles sont basées sur une version simple du HTML, certaines balises ne peuvent pas être utilisées, tout comme certaines fonctionnalités CSS. L'utilisation de JavaScript est complètement limitée car il ralentit la vitesse de chargement, vous devrez donc utiliser leur propre version à la place.

Comme l'idée principale de ce service est d'améliorer la lisibilité, les images ne se chargent pas avant d'y arriver par défilement, de sorte que la page ne prend pas tout le temps de chargement initial qui nous fait tous gémir (yay !). Maintenant, vous vous demandez : quelle est la clé de ce tour de magie ? Eh bien, ces pages sont conçues pour être super mises en cache. Cela signifie que Google héberge tout le contenu, donc il est là à vous attendre.

L'avantage de ce code est qu'il est open-source, ce qui fait que de nombreuses autres plateformes en profitent pour offrir les mêmes solutions à leurs visiteurs. Les articles instantanés de Facebook, Snapchat Discover ou Apple News sont les plus connus, mais nous allons bientôt bénéficier de la même expérience de navigation sur d'autres chaînes.

Vous avez peut-être remarqué que cette méthode est surtout utilisée par les journaux pour publier un contenu qui se charge très rapidement et qui apparaît sur les SERP en un clin d'œil. D'autres entreprises comme les sites de commerce électronique, les pages de recettes et certains blogueurs mettent en œuvre cette technologie dans leurs articles, et d'innombrables entreprises l'appliquent aux pages de renvoi à des fins multiples. Avez-vous déjà décidé à quoi vous voulez l'utiliser ?

Comment mettre en œuvre les pages mobiles accélérées ?

Avant d'être trop technique, nous voulons préciser que, bien qu'il s'agisse d'un modèle HTML concret, vous pouvez conserver la même identité de votre site web en utilisant votre code CSS, avec quelques variations. Les développeurs ne se plaindront pas autant que lorsqu'ils doivent minimiser les fichiers pour améliorer la vitesse des pages, nous le promettons. 😉 Et le résultat sera super léger avec beaucoup moins d'efforts.

Maintenant, entrons dans les 3 parties de ce code magique :

  1. AMP HTML : comme nous venons de le mentionner, cela ne devrait pas être difficile ni vous prendre trop de temps si vous êtes familier avec le HTML ordinaire. Vous voudrez consulter la liste des balises requises par le projet AMP avant de modifier votre nouvelle page, et une fois que vous en aurez fait une, vous vous familiariserez avec le sujet.
  2. AMP JS : vous vous souvenez que nous avons parlé de la restriction du JavaScript ? En suivant le cadre JS pour les pages mobiles accélérées, vous devriez être en mesure de répondre à vos besoins.
  3. AMP CDN : il existe un réseau de diffusion de contenu en option qui prend vos pages AMP en cache et optimise automatiquement leurs performances.

Ces nouvelles pages sont hébergées sur Google AMP et desservies par le CDN mentionné ci-dessus. L'URL ressemblera à ceci : https://www.google.com/amp/www.yourdomain.com

L'AMP et les SERP

En parlant de résultats de recherche, nous sommes sûrs que vous avez déjà vu l'icône "tonnerre" à côté des dernières nouvelles des journaux numériques. Qu'en est-il du carrousel AMP ? Il permet de différencier les résultats normaux des résultats accélérés :

L'AMP apparaîtra la plupart du temps (mais pas nécessairement toujours) avant tout autre résultat, même en haut d'un site web mobile très bien optimisé.

Historiquement, Google classait les pages en fonction de l'optimisation de la version de bureau, et ce paramètre désignait le positionnement de leur version mobile sur les SERPs mobiles. Eh bien les amis, ce n'est plus le cas - "Mobile First" est réel ! Donc, si vous lisez ceci et que votre site n'est pas encore adapté au mobile, arrêtez ce que vous faites et investissez tous vos efforts de référencement dans le mobile (après avoir terminé cet article, bien sûr).

Nos instructions pour l'AMP sont assez simples :

  • Choisissez les pages que vous voulez créer avec cette technologie. Il s'agira généralement des plus performantes, de tout article de blog ou de toute nouvelle.
  • Créez les pages, et n'oubliez pas la base du référencement : un contenu de qualité avant tout ! Ensuite, utilisez les balises HTML à bon escient.
  • Validez les pages avant de les télécharger. Utilisez pour cela le site web du projet AMP ou l'outil intégré à Google Chrome - cette étape est essentielle !
  • Trouvez un moyen de rationaliser l'ensemble du processus. Vous ne voulez pas perdre trop de temps à construire toutes ces pages. Voyez si votre CMS propose des plugins pour vous aider à l'automatiser. WordPress est un très bon CMS pour les pages AMP.
  • Enfin, et ce n'est pas le moins important, surveillez-les et continuez à les optimiser. Utilisez l'outil de FandagoSEO pour explorer les performances de vos pages mobiles accélérées et effectuer les ajustements nécessaires.

Cela semble facile après tout, non ? Soulignons le point essentiel de cet article : Google ne prend en compte que les sites web compatibles avec les mobiles pour définir son classement, il est donc vital d'être compétitif dans cette nouvelle ère. Les pages AMP sont placées même au-dessus des SERP mobiles, alors assurez-vous d'utiliser cette technologie sur vos pages les plus importantes si vous voulez avoir un site compétitif. La mise en œuvre n'est pas trop difficile, et les résultats sont impressionnants en termes de positionnement et, bien sûr, de trafic et de conversions.

Comment vérifier votre PGA sur votre site web

Si vous avez commencé à mettre en œuvre cette technologie sur votre site web, vous pouvez vérifier quelles sont les pages de votre site qui sont AMP et celles qui ne le sont pas. Parcourez votre site avec FandangoSEO pour voir le nombre exact de pages avec et sans AMP. Ces données peuvent également être affichées en fonction du pourcentage qu'elles représentent sur le web. Obtenez une liste de toutes vos pages AMP afin de pouvoir rapidement voir sa bonne exécution.

Prêt à faire bouger les SERP mobiles ?

Vérifiez votre PGA maintenant

Arrow-up