Qu'est-ce que Google AMP? Comment cela fonctionne et pourquoi il est utile pour les sites mobiles

Added 2018-11-29

AMP, ou Accelerated Mobile Pages, est un projet open source créé par Google dans le but de faciliter la navigation sur les appareils mobiles.

Le projet promet des performances supérieures, un engagement accru et une utilisation moindre des données, ce qui profitera à la fois aux utilisateurs et aux éditeurs.

Comment fonctionne AMP?

Page Speed est devenu un facteur de classement pour les pages mobiles en juillet de cette année (2018), et AMP est là pour satisfaire le besoin de rapidité de votre site Web. En fait, AMP promet de rendre la navigation mobile jusqu'à 85% plus rapide.

Grâce à une combinaison d'optimisations et de restrictions pour HTML, JavaScript et CSS; Les pages AMP se chargent presque instantanément. Au lieu de JavaScript écrit par l'auteur, des éléments spécifiques à AMP garantissent rapidité et compatibilité.

La vitesse de la page s'améliore également avec la hiérarchisation au-dessus du pli, les caches AMP spécifiques et le prérendering. De plus, l'utilisation de petits fichiers et supports, et le peu de demandes de ressources émanant du serveur améliorent encore la vitesse.

Les optimisations dans AMP garantissent également que la mise en page de vos pages se charge toujours correctement, même avant que les images et les iframes (pour les publicités) ne soient chargés.

Cela se fait en spécifiant la taille des images et des iframes dans le document HTML (appelée «mise en page statique»). Et empêche essentiellement le contenu de se déplacer pour s’adapter aux ressources au fur et à mesure du chargement.

Qu'est-ce que la mise en cache AMP?

Si vous publiez un site AMP valide, vos pages sont automatiquement mises en cache dans le cadre de l'écosystème AMP. Le cache stockera vos documents, polices et images AMP.

Deux caches AMP sont utilisées aujourd'hui, Cache AMP de Google et Cache AMP de Cloudflare . Les serveurs Cloudflare couvrent à eux seuls 102 sites dans 50 pays différents.

Le cache est mis à jour chaque fois que quelqu'un accède au contenu, et le contenu mis à jour est servi automatiquement à l'utilisateur suivant. Cela garantit que la dernière version est servie rapidement au plus grand nombre de personnes possible.

Outre la mise en cache du contenu, le serveur de cache fournira également des optimisations et des modifications telles que:

Validation du format AMP.
Limiter les dimensions de l'image pour éviter les problèmes de mémoire du navigateur et une réactivité médiocre.
Suppression des données d'image invisibles ou difficiles à voir, telles que certaines métadonnées.
Transformer les images en qualité inférieure si la demande inclut l'en-tête Save-Data.
Ajoute le support pour les images de taille sensible.
Sert sur un canal sécurisé (HTTPS) et utilise les derniers protocoles Web (SPDY, HTTP / 2).
Désinfecte les documents AMP pour empêcher les attaques XSS basées sur des balises HTML mal fermées, des commentaires, etc.

En plus de ces optimisations, le cache effectuera également de nombreux processus de désinfection HTML afin de normaliser l'analyse.

Plein liste des optimisations du cache AMP est disponible sur les pages des développeurs Google.

Quels sont les avantages réels de l'AMP?

La vitesse est l'attraction principale de l'AMP. Et c’est pourquoi de nombreux éditeurs tels que Google, Facebook, Baidu, Pinterest et Twitter ont déjà adopté cette technologie. La vitesse améliorée ajoute de l'engagement et réduit les taux de rebond presque partout.

Les recherches effectuées dans le cadre d'une étude sur l'impact économique total de Forrester Consulting (commandée par Google) l'année dernière ont révélé que:

«AMP entraîne une augmentation de 10% du trafic sur le site Web, avec une augmentation de 2x du temps passé sur la page. L'étude a également révélé une augmentation de 20% du nombre de conversions de ventes pour les sites Web de commerce électronique utilisant AMP, par rapport aux pages non AMP. "

Le Top Stories Carousel sur mobile de Google utilisera uniquement le cache AMP de Google pour afficher les articles. Pour de nombreux éditeurs, utiliser AMP devrait donc être un choix automatique.

New York Times, eBay et AliExpress sont de bons exemples à vérifier qui ont tiré parti de l’AMP. Si vous cliquez sur le contenu de ces sites (marqué d'une icône d'ampli) dans la recherche Google sur votre mobile, vous chargerez la version AMP de leurs pages.

Histoires AMP

AMP Story Ads, un ajout à la fonctionnalité d'histoires a récemment été mis à la disposition de tous les sites Web utilisant Google Ad Manager. Ce sont des publicités plein écran qui apparaissent dans les récits AMP. Il s’agit de l’une des nombreuses améliorations qui ont rendu AMP beaucoup plus utile qu’il ya un an.

Quels sont les inconvénients de l'AMP?

class="wp-caption aligncenter">width:96%"

Crédit d'image: DepositPhotos

Si vous utilisez Google, Twitter, Pinterest, Messenger, etc., vous remarquerez que des liens externes s'ouvrent dans le domaine lui-même, au lieu du domaine auquel il est lié.

Bien que le visualiseur AMP améliore l'expérience de navigation des utilisateurs, il peut être négatif pour les propriétaires de sites Web. Cela vous enlève du pouvoir de contrôler la navigation des visiteurs sur votre site.

Cela peut priver votre site de pages vues et pourrait perturber les revenus publicitaires. Il existe même des problèmes d’analyse et de suivi qui peuvent être difficiles à résoudre, sauf si vous utilisez Google Analytics pour AMP .

Le Carousel Top Stories de Google sur les appareils mobiles ne proposera que du contenu compatible AMP. Il s'agit d'un fait important, car la majorité du trafic sur l'ensemble du contenu AMP provient de personnes effectuant des recherches sur Google.com.

Ce favoritisme AMP ne s’arrête pas juste au carrousel de nouvelles. Google proposera également des sites Web compatibles AMP supérieurs aux autres liens, y compris les sites standard conviviaux pour mobiles. Cela dit, l’AMP n’est pas (encore) techniquement un facteur de classement de la page, mais les améliorations de la vitesse le sont.

Cloudflare peut améliorer vos pages mobiles accélérées

Même si vous rendez vos pages AMP disponibles, elles ne seront pas toujours utilisées, selon le système d'exploitation, les applications ou le périphérique utilisé. Si vous utilisez Cloudflare, vous pouvez activer les liens mobiles accélérés pour identifier et afficher le contenu AMP de votre site sur mobile, quelle que soit la source.

Visualisation et conception dans AMP

Nous nous aimons nous-mêmes des sites à la recherche de fantaisie. Cependant, les limitations d'AMP peuvent vous faire perdre l'attrait visuel de certains de vos sites que vous pouvez conserver par ailleurs à l'aide des sites Web Responsive et de la conception mobile.

Les plugins dans WordPress, par exemple, serviront AMP en offrant une version simplifiée de votre site Web. Ces convertisseurs WordPress en AMP offrent très peu d’attrait visuel et sont l’une des principales raisons pour lesquelles de nombreux sites AMP se ressemblent.

Si vous concevez vos pages AMP à la main, plutôt que d'utiliser des convertisseurs, vous pouvez obtenir un design similaire au design mobile traditionnel et plus attrayant.

Devez-vous créer des pages AMP?

AMP apporte de nombreux avantages aux propriétaires de sites Web, en particulier si vous diffusez quotidiennement de gros volumes de contenu. Toutefois, vous pouvez résoudre bon nombre des problèmes qui ralentissent un site Web, tels que l'utilisation excessive de JavaScript, la réponse lente du serveur et les fichiers de grande taille sans implémenter AMP.

Être intelligent avec votre design mobile peut servir votre site web rapidement. Jenny Gove de Google a écrit un excellent article sur Ce qui fait un bon site mobile , qui mérite une lecture.

Il y a Plugins WordPress AMP et Plugins Drupal AMP cela peut vous aider à générer du contenu AMP. Sinon, le Les documents de démarrage rapide AmpProject sont une ressource précieuse utiliser pour coder à la main vos pages AMP.

L’ensemble du site Web AMPProject est créé et rendu dans AMP, c’est donc un bon exemple de la façon dont ces pages peuvent apparaître dans toutes les résolutions, pas seulement sur mobile.

Bien que les gens détestent AMP pour différentes raisons, Stonetemple.com a examiné 10 études de cas pour voir la différence entre l’engagement et la conversion des utilisateurs. Ils concluent que tant que la mise en œuvre de l'AMP sera terminée, la plupart des sites Web, quel que soit leur créneau, en verront les avantages.

En bout de ligne, vous devez déterminer si vos clients obtiendront des avantages de l’AMP. En fonction des services que vous proposez et du contenu que vous diffusez, les améliorations apportées aux pages mobiles risquent de ne pas être améliorées. Avec une optimisation appropriée, les pages mobiles peuvent également être chargées très rapidement!

Comment désactiver AMP

La mise en cache est une partie essentielle de l'écosystème AMP, et la publication d'un document AMP valide l'active automatiquement dans la livraison du cache. Si vous souhaitez supprimer vos pages, Google a écrit une guide sur la façon de supprimer le contenu AMP de la recherche Google.