{"id":15357,"date":"2018-08-31T10:25:08","date_gmt":"2018-08-31T09:25:08","guid":{"rendered":"https:\/\/academy.visiplus.com\/blog\/?p=15357"},"modified":"2018-09-03T09:24:44","modified_gmt":"2018-09-03T08:24:44","slug":"les-pages-datterrissage-amp-sont-elles-vraiment-utiles-pour-gagner-en-vitesse","status":"publish","type":"post","link":"https:\/\/academy.visiplus.com\/blog\/mobile-web\/les-pages-datterrissage-amp-sont-elles-vraiment-utiles-pour-gagner-en-vitesse-2018-08-31","title":{"rendered":"Les pages d’atterrissage AMP sont-elles vraiment utiles pour gagner en vitesse ?"},"content":{"rendered":"

Accelerated Mobile Pages (AMP), c’est le terme utilis\u00e9 pour d\u00e9signer de fa\u00e7on g\u00e9n\u00e9rale les pages mobiles acc\u00e9l\u00e9r\u00e9es<\/b>.
\nCe projet \u00ab\u00a0Open Source\u00a0\u00bb vise a am\u00e9liorer la vitesse des pages web mobiles, mais comme vous allez le voir ici, pas seulement. A l’initiative de l’AMP, des fournisseurs et des \u00e9diteurs de technologies, gr\u00e2ce auxquels vous pouvez retrouver un grand nombre d’informations sur ampproject.org<\/a>.\u00a0Dans cette article, nous allons faire le point sur les AMP, leurs diff\u00e9rentes utilisations et vous communiquer certaines donn\u00e9es que vous ignorez peut-\u00eatre.<\/p>\n

Pourquoi des pages d’atterrissage AMP et comment \u00e7a marche\u00a0?<\/h2>\n

Gr\u00e2ce \u00e0 la grande vitesse des AMP, l\u2019exp\u00e9rience utilisateur est consid\u00e9rablement am\u00e9lior\u00e9e<\/b> et le taux de rebond chute de fa\u00e7on significative. Le projet AMP offre la possibilit\u00e9 d’ajouter des visuels photos et vid\u00e9os, des scripts pour le suivi de l’audience et des publicit\u00e9s. Il s’agit en fait d’une sorte de \u00ab\u00a0framework\u00a0\u00bb dont les pages sont cod\u00e9es en AMP HTML et o\u00f9 les scripts annexes sont prohib\u00e9s, sauf dans certains cas. A titre d’exemple, le javascript est partiellement interdit, puisque certaines biblioth\u00e8ques tr\u00e8s rapides comme l’AMP JS sont accept\u00e9es. Ces pages sont stock\u00e9es sur le site, mais on peut passer en mode cache avec AMP CDN. Pour aller plus en d\u00e9tails dans le sujet, consultez la rubrique technique<\/a> des pages AMP.<\/p>\n

Qui peut se servir des pages d\u2019atterrissage acc\u00e9l\u00e9r\u00e9es pour son site\u00a0?<\/h2>\n

Absolument tout le monde peut utiliser les AMP sur son site<\/b>, en mettant en place une version AMP pour les pages souhait\u00e9es. En clair, AMP n’est pas d\u00e9di\u00e9 uniquement aux \u00e9diteurs en ligne\u00a0! En effet, les marques du e-commerce parviennent \u00e0 booster leurs ventes gr\u00e2ce \u00e0 la conversion de leurs pages produits en AMP. Il suffit de prioriser, en commen\u00e7ant avec une ou deux pages d’atterrissage bien fr\u00e9quent\u00e9es par les visiteurs, et d’\u00e9tendre la conversion \u00e0 l’ensemble du site par la suite. Notez qu’il est \u00e9galement possible de r\u00e9duire le temps de chargement d’une page en r\u00e9duisant la taille des scripts et des images. Il n’est donc pas toujours n\u00e9cessaire de proc\u00e9der \u00e0 la conversion des pages en AMP pour gagner en vitesse sur son site web. Bien que d\u00e9di\u00e9 aux mobiles la plupart du temps, AMP peut aussi \u00eatre test\u00e9 sur le bureau.<\/p>\n

Notre conseil\u00a0<\/b>: avant de mettre en ligne une page AMP, faites des tests pour contr\u00f4ler le rendu. Vous pouvez utiliser l’outil gratuit \u00ab\u00a0validateur AMP\u00a0\u00bb ou bien l’\u00ab\u00a0extension pour le navigateur Chrome<\/a>\u00a0\u00bb.<\/p>\n

L’h\u00e9bergement des pages AMP \u00e7a se passe comment\u00a0?<\/h2>\n

On a envie de vous dire que \u00e7a se passe bien\u00a0! L’\u00e9diteur du site, s’il dispose du format AMP, va stocker automatiquement vos pages acc\u00e9l\u00e9r\u00e9es sur son serveur<\/b>. Pour Google c’est un peu diff\u00e9rent, puisque ce dernier stock les pages APM en cache sur ses serveurs. Quand le visiteur consulte l’une de ces pages, cette derni\u00e8re s’affiche instantan\u00e9ment en version cache.<\/p>\n

Bon \u00e0 savoir\u00a0<\/b>: le CDN AMP de Google est gratuit.<\/p>\n

Quelles r\u00e9gies publicitaires et sites compatibles avec AMP\u00a0?<\/h2>\n

La publicit\u00e9 AMP est compatible sur Facebook et Apple<\/b> moyennant 30% de commission. Les r\u00e9gies publicitaires AdSense et DoubleClick de Google <\/b>sont \u00e9galement compatibles avec AMP, tout comme Ad Reactor, A9 et AdTech.<\/p>\n

Bon \u00e0 savoir<\/b>\u00a0: il n’est pas n\u00e9cessaire de convertir tout son site en HTTPS pour utiliser AMP et la publicit\u00e9 AMP.
\nConcernant la compatibilit\u00e9 avec les sites, pas de restriction, le format AMP convient \u00e0 tous les types de sites. On peut \u00e9galement utiliser AMP sur des pages de listings et de cat\u00e9gories sans aucun probl\u00e8me.<\/p>\n

Les AMP SEO \u00e7a donne quoi\u00a0?<\/h2>\n

Le format AMP en lui m\u00eame n’est pas un crit\u00e8re de r\u00e9f\u00e9rencement, en revanche, en raison de son affichage ultra-rapide, une page AMP \u00e0 l’avantage en SEO<\/b>. Depuis environ 1 ans maintenant, on assiste a une progression marqu\u00e9e des publications d’actualit\u00e9s en AMP (environ 58 %). Les articles publi\u00e9s dans ce format ont commenc\u00e9s \u00e0 para\u00eetre dans un carrousel en haut des r\u00e9sultats de recherche. Une nette progression des AMP sans images a \u00e9t\u00e9 \u00e9galement constat\u00e9e, au m\u00eame titre que les AMP d\u00e9di\u00e9s \u00e0 un m\u00e9dia. Depuis octobre 2017,\u00a0 les articles AMP apparaissent comme un r\u00e9sultat SEO classique.<\/p>\n

\"article<\/a>Source image : JDN<\/h6>\n

Pour conclure, les AMP sont un bon moyen de r\u00e9duire le temps de chargement des pages par 2 voir 3<\/b>. Elles s’adaptent \u00e0 tous les sites et tout le monde peut les mettre en place. Certains peuvent s’en passer, d’autres devraient entamer la conversion de leurs pages et les m\u00e9dias s’y mettent de plus en plus. A vous de d\u00e9cider si vous en avez l’utilit\u00e9 pour certaines ou la totalit\u00e9 de vos pages internet.<\/p>\n","protected":false},"excerpt":{"rendered":"

Accelerated Mobile Pages (AMP), c’est le terme utilis\u00e9 pour d\u00e9signer de fa\u00e7on g\u00e9n\u00e9rale les pages mobiles acc\u00e9l\u00e9r\u00e9es. Ce projet \u00ab\u00a0Open Source\u00a0\u00bb vise a am\u00e9liorer la vitesse des pages web mobiles, mais comme vous allez le…<\/p>\n","protected":false},"author":12,"featured_media":15364,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[314,681,315,149],"tags":[506,546,507],"class_list":["post-15357","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-mobile-marketing","category-montage-video-iphone-ipad","category-responsive-web-design-mobile-1","category-mobile-web","tag-amp","tag-experience-utilisateur-mobile","tag-google-amp"],"_links":{"self":[{"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/posts\/15357","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/comments?post=15357"}],"version-history":[{"count":4,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/posts\/15357\/revisions"}],"predecessor-version":[{"id":15455,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/posts\/15357\/revisions\/15455"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/media\/15364"}],"wp:attachment":[{"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/media?parent=15357"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/categories?post=15357"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/tags?post=15357"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}