Vous souhaitez passer à AMP pour améliorer votre temps de chargement et votre expérience utilisateur ? Ce protocole a été conçu pour faciliter l’accès des utilisateurs au contenu qu’ils recherchent. Avant son implantation, assurez-vous de bien peser le pour et le contre et analyser adéquatement comment vous allez le mettre en oeuvre. Cet article vous fournit un guide facile à suivre pour passer à AMP. Pour imager le tout, nous prendrons un exemple d’installation avec WordPress.
Signifiant “Accelerated Mobile Pages”, AMP est un projet open source pris en charge par Google et Twitter. C’est un protocole agnostique de plateforme, c’est-à-dire qu’il peut s’intégrer à tous les environnements et être utilisé par n’importe quelle application, web viewer ou navigateur. Google, Twitter, LinkedIn, Reddit et d’autres plateformes l’utilisent depuis ses débuts. En fait, le but principal est d’accélérer significativement l’affichage du contenu des sites mobiles dans l’optique d’améliorer l’expérience mobile de l’utilisateur.
AMP se compose de HTML, de JS et de librairies en cache qui, avec des extensions spécifiques et des propriétés orientées AMP, accélèrent le temps de chargement des pages mobiles. Cela étant dit, même si ces pages ont un contenu lourd comme des vidéos, des PDFs, des fichiers audio ou des infographies, ces dernières seront chargées plus rapidement grâce à l’AMP.
L’AMP est basé sur un codage plus léger qui permet à votre contenu d’être hébergé sur le cache Google AMP. Cette version de mise en cache permet aux pages AMP d’être pré-chargées et immédiatement envoyées aux utilisateurs pour donner les résultats de leurs recherches. Elle garantit également que toutes les pages AMP soient bel et bien certifiées “valide pour AMP”.
Crédit image : The Guardian
De plus, Google a récemment réalisé une mise à jour AMP avec deux types d’optimisation :
Alors que Google AMP semble être la meilleure solution pour améliorer le temps de chargement sur les sites web mobile (surtout après l’annonce de l’index mobile-first), l’expérience utilisateur, le trafic et les classements, il s’avère qu’il y a aussi quelques inconvénients à passer en AMP. Voyons d’abord les pour :
Si vous utilisez un site WordPress et que vous envisagez de passer en AMP, voici un guide facile pour vous aider dans le processus d’installation :
Lors de l’activation, vous pouvez accéder à la page “Appearance” AMP pour voir à quoi ressemble votre site sur mobile à l’aide d’AMP.
Vous pouvez modifier l’arrière-plan de l’en-tête, la couleur du texte et les liens de la page. Le plugin utilise également l’icône ou le logo de votre site. Enregistrez ensuite vos modifications.
Tous vos posts peuvent maintenant être vus en AMP en ajoutant amp à la fin de l’URL tel que :
www.mywebsite.com/2017/blog-post/amp/
En regardant le code source du post original, vous trouverez cette ligne dans le HTML :
<link rel=”amphtml” href=”www.mywebsite.com/2017/blog-post/amp/” />
Il indique aux moteurs de recherche où aller pour trouver une version du contenu en AMP.
Ce plugin n’offre pas beaucoup de choix de personnalisation donc si vous voulez, vous pouvez ajouter des plugins supplémentaires. Si vous travaillez avec Yoast SEO, vous devez installer et activer le Glue for Yoast SEO & AMP. Ensuite, allez à la page SEO > AMP pour configurer les paramètres du plugin.
Crédit image : Glue for Yoast SEO & AMP
Le plugin vous permet d’activer le support AMP pour les autres types de messages. Sur l’onglet design, vous pouvez choisir les couleurs et les options de design pour le contenu, les liens et les blocs de citations.
Image source: Glue for Yoast SEO & AMP
L’onglet Analytics vous permet d’ajouter votre identifiant Google Analytics. N’oubliez pas de cliquer sur le bouton «Enregistrer les paramètres» lorsque vous avez terminé les modifications.
Vous pouvez ajouter d’autres plugins pour les widgets, les icônes des réseaux sociaux, etc., mais assurez-vous de valider vos pages AMP chaque fois que vous installez de nouveaux plugins.
Nous vous invitons à vérifier la façon dont votre contenu AMP se comporte sur Google à l’aide de la Google Search Console.
Il vous suffit de vous connecter au tableau de bord de votre console et de sélectionner Search Appearance > Accelerated Mobile Pages. Notez que la mise à jour de vos données peut mettre un certain temps à s’afficher.
Crédit image : Abondance
Pour plus d’informations techniques sur Google AMP et la mise en cache, jetez un coup d’oeil à l’article écrit par Paul Bakaus.