Depuis un certain temps, les applications et les sites Web se ressemblent beaucoup. D'une part, l'avènement de l'application instantanée a rendu les applications un peu plus semblables à des pages Web. D'autre part, l'utilisation de sites Web sur des appareils mobiles est devenue plus intuitive et agréable, plus semblable à une application. L’une des principales causes de cette situation est l’initiative Accelerated Mobile Pages de Google.
AMP offre aux éditeurs un moyen d'améliorer leur visibilité dans la recherche mobile. Il présente une alternative potentielle à la création d'applications mobiles. Cela pourrait même donner un aperçu de l'avenir du Web dans son ensemble. Rappelez-vous: Google est avant tout un moteur de recherche.
Si vous êtes un éditeur, poursuivez votre lecture pour découvrir pourquoi vous devez vous soucier de l’AMP et comment vous pouvez l’appliquer. Si vous êtes un utilisateur mobile régulier, découvrez les forces qui influencent actuellement votre expérience de navigation sur le Web.
Pourquoi devriez-vous déranger?
Pourquoi devriez-vous vous soucier de l'AMP? En tant qu’écrivain depuis 10 ans, c’est ma timonerie.
La création de pages mobiles accélérées est une bonne idée, sinon rien d'autre, car elle souhaite améliorer l'optimisation des moteurs de recherche (SEO). Le référencement consiste à rendre un site Web plus susceptible de figurer en bonne place sur Google. En d'autres termes, vous apportez les modifications par défaut.
De nombreuses facettes influencent les algorithmes de recherche de Google et l'entreprise évolue et évolue constamment pour répondre aux demandes les plus exigeantes (Hummingbird, Mobile Friendly et Rank Brain). À l'heure actuelle, la technologie mobile en est la clé: de plus en plus de personnes utilisent leurs appareils mobiles. De même, Google s’intéresse plus intelligemment à la promotion de sites dotés d’une UX conviviale pour les utilisateurs mobiles et de temps de chargement rapides.
Quatre fois plus rapide que la moyenne des sites non-AMP, juste une seconde!
Comment voulez-vous afficher les sites Web mobiles? Ils doivent être faciles à manipuler, rapides à charger et relativement légers pour les données. Que veut Google? Pour garder ses utilisateurs heureux. Pour Google, ce sont les utilisateurs qui gardent la lumière allumée, pas les éditeurs.
Ainsi, la vitesse et les performances sont précisément ce que Google encourage avec Accelerated Mobile Pages. Gary Illyes de Google affirme que le format AMP est quatre fois plus rapide que la moyenne des sites non-AMP.
En adoptant cette démarche, vous n'allez pas créer une meilleure expérience pour vos utilisateurs, mais augmentez la probabilité que Google veuille recommander votre site. En fait, Google souhaite accorder une importance particulière aux pages Web prises en charge par AMP dans les pages de résultats des moteurs de recherche (SERP) en les plaçant dans leur propre carrousel avec le symbole AMP. Cela génère une tonne de clics sur le mobile et offre de nombreuses incitations aux éditeurs assoiffés de clics. À l'heure actuelle, la PGA n'est pas un «facteur de classement», mais il doit être changé dans un proche avenir.
Google n'a pas la certitude que vous suivez ses instructions. L'espoir est que AMP souhaite rendre plus facile et plus accessible l'accomplissement de ces temps de chargement plus rapides - quand quelque chose est plus facile et mieux incité, plus de gens le font.
Pour ceux qui envisagent de créer une application pour votre site Web, la création d'un site Web AMP peut offrir une option plus facile et moins gourmande en ressources.
Qu'est-ce qui motive AMP?
AMP est un standard ouvert et un framework, ce qui signifie qu’elle est disponible pour la mise en œuvre Cela fonctionne selon trois piliers principaux:
AMP HTML: forme HTML utilisant des balises personnalisées, des propriétés spécifiques et certaines restrictions. Les différences sont mineures et devraient donc être relativement faciles à mettre en œuvre. Vous pouvez trouver le guide officiel et les exigences ici pour vous aider dans le processus.
AMP JS: De même, il s'agit d'un framework JavaScript qui se concentre sur le chargement et la gestion asynchrones des ressources. Rampez dans la page.
AMP CDN: Il s'agit d'un 'réseau de distribution de contenu' qui met en cache vos pages AMP et optimise automatiquement les performances. C'est une partie optionnelle de l'équation qui a provoqué une petite controverse, sur laquelle nous reviendrons plus tard.
Comment implémenter AMP de manière compliquée
L’un des inconvénients malheureux de l’utilisation d’AMP est la version AMP et la version de bureau.
Pourquoi ne pouvez-vous pas utiliser AMP dans tous les domaines? Les utilisateurs de bureau méritent certainement une expérience rapide aussi!
AMP introduit un certain nombre de restrictions. Par exemple, il n'autorise pas le code JavaScript tiers ni certains autres éléments de formulaire.
Vous aurez besoin de tout mettre en place. CSS dans les sites AMP doit être en ligne et inférieur à 50 Ko. Certaines polices personnalisées lourdes en ressources doivent être chargées via l’extension de police AMP. Le multimédia doit également être géré avec l'élément AMP-IMG pour les images et pour une largeur et une hauteur explicites. Il serait difficile de mettre en œuvre certaines des fonctionnalités de la version de bureau.
Cela signifie qu'AMP n'est pas adapté à tous les sites. Si toute votre expérience repose sur la fonctionnalité multimédia Web 2.0, cliquez ici. Cela dit, en creusant un peu, vous trouverez un support pour des choses telles que les diaporamas (avec le carrousel AMP), les lightboxes, Twitter, etc. Cela est facile à utiliser, mais nécessite une planification supplémentaire et davantage d'étapes.
Sur la page Android Authority chargée en tant que AMP
La même page chargée normalement avec notre mise en page réactive
Le guide complet sur la façon de procéder peut être trouvé ici.
La version AMP de votre site, vous devrez le faire fonctionner. Une seule ligne de code pour pointer vers la version AMP:
Pour que le symbole AMP apparaisse dans le carrousel de nouvelles, assurez-vous que les métadonnées de schema.org sont correctes.
Vous voudrez peut-être passer à la version AMP de votre bloqueur d’annonces préféré. L'une des principales raisons pour lesquelles les utilisateurs ont commencé à utiliser des bloqueurs de publicité est l'amélioration des temps de chargement. AMP peut y contribuer et, espérons-le, proposer un compromis satisfaisant à la fois les utilisateurs et les éditeurs.
Comment utiliser AMP pour WordPress (la méthode la plus simple)
Cela peut sembler un mal de tête et beaucoup de travail à mettre en œuvre, mais il y a de bonnes nouvelles ici aussi. Utiliser AMP via WordPress est beaucoup plus facile.
Chaque fois que quelqu'un demande comment créer un site Web et commencer à créer une marque en ligne, je leur dis de commencer avec WordPress. WordPress est un système de gestion de contenu (CMS). Il s’agit essentiellement d’une plateforme de création de site. Il est incroyablement facile de s’éloigner de la route. C'est gratuit et il n'y a aucun compromis. Il alimente bon nombre des plus gros sites Web. de BBC America à TechCrunch, en passant par le New Yorker, Android Authority, le favori de tous.
Le grand avantage de WordPress n’est qu’un simple clic. Ceci est un plugin officiel de Automatic / WordPress qui génère automatiquement des versions compatibles AMP de toutes vos pages. Vous pouvez y accéder vous-même en ajoutant votre URL avec / amp /.
Ainsi, www.example.com/example devient www.example.com/example/amp/.
Vous pouvez donc modifier certains aspects de l'apparence en allant dans Apparence> AMP. Vous devrez d'abord être à jour. Si vous devez mettre à jour, assurez-vous que tout est sauvegardé.
Ceci est juste AMP en quelques clics. Je vous ai dit que WordPress était utile!
Commentaires de clôture
Vous savez maintenant ce qu'est l'AMP et nous espérons que vous avez entendu des arguments convaincants vous incitant à vous impliquer.
Certains membres de la communauté SEO ne sont pas satisfaits du choix de Google, qui aurait pu être une lourde tentative pour dicter la forme du Web. En particulier, il est à craindre qu'en offrant des versions en cache de sites, Google refuse aux propriétaires de site leur propre trafic. Il existe une grande et jolie bannière invitant les utilisateurs à revenir sur Google, ce qui pourrait empêcher les visiteurs d'explorer le reste du site. L'autre léger souci concerne les projets abandonnés de Google. Des choses étranges sont arrivées.
il est à craindre qu'en offrant des versions en cache de sites, Google refuse aux propriétaires de site leur propre trafic
D'autres considèrent le déménagement comme une étape sensible vers l'avenir de la consommation de médias et soutiennent que tant que vous recevez toujours des revenus publicitaires, peu importe qui héberge la page. Les utilisateurs ne peuvent que bénéficier de l'ensemble, et c'est là que notre objectif devrait être mis. N'oubliez pas: le soutien d'AMP n'est pas une excuse pour optimiser votre site autrement.
La politique du Web mise à part, adopter AMP est probablement la démarche intelligente des éditeurs. C'est probablement pourquoi nous l'avons fait aussi.
Que pensez-vous de tout cela? Est-ce une bonne idée? Aimez-vous lire les sites AMP sur votre appareil mobile? Serez-vous vous-même / l'avez-vous déjà?
