Présentation de Google AMP pour WordPress

  1. 1. En train de lire: Présentation de Google AMP pour WordPress
  2. 2. Comment configurer AMP dans WordPress

Google AMP (Accelerated Mobile Pages) est une nouvelle technologie révolutionnaire conçue pour rendre le Web plus convivial pour les mobiles, beaucoup plus rapide et fiable. Cette série de publications est consacrée à l’exploration de Google AMP et à la configuration de WordPress.


Voici une liste de choses que nous allons couvrir dans cette série d’articles:

  • Tout d’abord, nous prendrons un bref rappel sur les tendances actuelles du Web mobile – justifiant le besoin d’AMP
  • Nous prendrons également un autre petit aperçu de l’impact de la vitesse des pages sur nos entreprises et verrons comment AMP peut vous aider.
  • Ensuite, nous allons apprendre ce qu’est l’AMP, voir des exemples concrets de ce qui peut être fait.
  • Cela marquerait la fin de cet article. Dans le prochain article, nous apprendrons comment configurer AMP pour WordPress

Commençons.

Google AMP

Avant de fouiller dans les informations sur AMP, vous pouvez suivre le WPCrafter guide vidéo lié à notre article.

Selon le Rapport sur les tendances Internet 2015 publié par le cabinet de conseil KPCB, l’adulte moyen a passé 5,6 heures par jour sur Internet en 2015. Sur ce total, 2,8 heures ont été passées sur un appareil mobile. Il s’agit d’une augmentation significative par rapport à 2010, où une moyenne de 0,4 heure par jour en moyenne était passée sur Internet via un appareil mobile..

utilisation moyenne d'Internet par jour par appareil

Source: Ézoïque

L’utilisation moyenne de l’Internet mobile a augmenté de 600% entre 2010 et 2015

e-mails ouverts par appareil

Source: Ézoïque

Une étude publiée dans le Rapport sur les préférences des consommateurs américains trouvé ça plus des deux tiers des e-mails ont été ouverts sur un appareil mobile, 52% étant ouverts sur un smartphone et 16% ouverts sur une tablette.

digital-media-usage-time

Source: Ézoïque

UNE Rapport 2015 sur les applications mobiles aux États-Unis publié par comScore trouvé Augmentation de 90% du temps total passé sur les appareils mobiles par des adultes américains entre 2015 et 2013. Le même rapport a également déclaré que les applications mobiles représentent 54% du temps total consacré à la consommation de médias numériques et que les navigateurs mobiles représentent 8% du temps total..

Au total, 62% du temps d’utilisation des médias numériques est passé sur un appareil mobile.

Alors oui, une stratégie axée sur le mobile est très important. Parlons maintenant un peu de la vitesse.

Les temps de chargement sont importants – ils importent beaucoup. C’est un facteur critique qui peut avoir un impact sur d’autres facteurs importants tels que les revenus, le taux de rebond, le temps passé sur le site, les classements de recherche et les performances sur presque tous les autres canaux de marketing numérique..

Étant donné que le revenu est l’objectif final de toute entreprise ou site Web, voici un fait intéressant d’une étude de recherche de 2014 “La vitesse du site nuit aux revenus de chacun”, menée par la firme de marketing numérique Protent. Le point culminant de l’étude était que des pages plus rapides font beaucoup plus d’argent.

vitesse du site Web

Source: Protent

La vue dollar par page (appelons-la DPPV) augmente de 20% lorsque le temps de chargement passe de 8 à 5 secondes (réduction de 37,5%).

Mais le vrai gain survient lorsque le temps de chargement de la page est inférieur à une seconde ou moins. Passer de deux à une seconde de temps de chargement 2x boost le dollar par page vues.

Non seulement les revenus, mais aussi la vitesse du site performance de partage social. Les gars de Protent ont mené une expérience pas si exhaustive où ils ont envoyé 100 clics payés (à partir de publicités Facebook) sur deux pages.

Page A chargée en 2 secondes et Page B chargée en 4 secondes. Devine quoi? La page A a obtenu 10 actions tandis que la page B n’a obtenu que deux actions. Bien que la taille de l’échantillon était trop petite pour valider l’hypothèse, mais elle raconte une histoire significative!

Témoin de la croissance explosive du marché de l’Internet mobile, la demande d’un accès Internet plus rapide, de meilleures technologies Web en termes de vitesse, d’accessibilité et de fiabilité est devenue d’une importance capitale. Des pionniers comme Google ont rapidement réalisé que beaucoup pouvait être fait pour répondre à cette demande croissante, et le projet AMP est né.

Qu’est-ce que l’AMP?

exemple d'ampli

Source: BusinessofApps.com

AMP ou Accelerated Mobile Pages est un cadre ouvert pour la construction d’un Web mobile plus rapide, standardisé et plus réactif. La beauté d’AMP est qu’il fonctionne parfaitement avec les technologies Web existantes et améliore considérablement l’expérience utilisateur mobile. C’est pourquoi Google préfère les pages Web AMP et les classe plus haut dans les SERPs.

Comment AMP améliore la vitesse?

site-vitesse-vecteur

Le cadre ouvert d’AMP a été conçu pour tirer parti des technologies Web existantes et s’appuyer dessus. C’est pourquoi, cela fonctionne dès la sortie de la boîte dans les systèmes de gestion de contenu comme WordPress.

AMP suit un cadre normalisé pour créer des pages Web et garantit que toutes les pages Web existantes peuvent s’adapter à ce cadre. En un peu plus termes techniques, il autorise uniquement les scripts asynchrones, interdit les mécanismes externes bloquant le rendu, autorise uniquement le CSS en ligne et bien plus encore.

En un mot, AMP rend d’abord la mise en page de la page Web (presque instantanément) et charge le contenu en priorité. Il supprime toute attente de ressources et réduit considérablement le nombre de demandes. Lorsque tous ces facteurs fonctionnent en parfaite harmonie les uns avec les autres, vous obtenez un site Web extrêmement rapide qui se charge presque en un instant.

Découvrez le test de vitesse suivant compilé par PenguinWP, qui montre «l’effet AMP». Grâce à AMP, ils ont pu:

  • Augmentez le score de PageSpeed ​​de 3 points
  • Réduisez le temps de chargement des pages de 72% de 5 à 1,4 secondes!
  • Réduisez la taille de la page de 80% et le nombre de demandes de 82%

Voici un tableau qui partage les chiffres:

Score PageSpeedTemps de chargementTaille totale de la pageDemandes
Version originale9251024118
Version AMP951.420621
La différence AMP3-3,6 s-794KB-97
Amélioration en pourcentage3%-72%-80%-82%

Préservation du contenu

AMP a été conçu pour rendre le Web plus beau et plus réactif pour les appareils mobiles. Il l’a fait en supprimant certaines fonctionnalités non essentielles des technologies Web existantes.

Cela ne signifie pas que toutes les fonctionnalités intéressantes du Web moderne sont supprimées. Non, c’est tout simplement migre toutes ces fonctionnalités de contenu riche dans un cadre normalisé avec un minimum de marge de manœuvre.

AMP prend entièrement en charge les carrousels d’images, les cartes, les plug-ins sociaux, les visualisations de données et les vidéos pour rendre les histoires des éditeurs plus interactives et se démarquer.

Étude de cas: The Washington Post

wapo

Source: Projet AMP

Voyons une étude de cas du Washington Post avec AMP. Après avoir implémenté AMP, The Post a vu une augmentation de 23% des retours d’utilisateurs de la recherche mobile. Cela nécessite un peu d’explication.

Près de 55% du trafic de The Post provient d’appareils mobiles – ce qui est à nouveau en phase avec les statistiques partagées au début de cet article. Si les données ne se chargent pas dans les 3 secondes, les gens commencent à partir.

Traditionnellement, 51% des utilisateurs de recherche mobile reviennent au Washington Post dans les 7 jours. Pour les utilisateurs qui lisent des articles publiés dans AMP, ce nombre grimpe à 63%. Ainsi, avec AMP, la rétention du trafic de recherche mobile a augmenté de 23%.

Non seulement cela, le temps de chargement des pages est en moyenne de 400 ms, ce qui représente une amélioration de 88% après AMP. Aujourd’hui, ils diffusent plus de 1000 articles via AMP.

Génial. Comment accéder à AMP?

Vous pouvez accéder à la version AMP de n’importe quel site Web en ajoutant «/ amp» à l’URL de n’importe quelle page Web. Si le site ne prend pas en charge AMP ou rencontre une erreur de rendu, il est conçu pour se dégradent gracieusement à la version responsive mobile d’origine du site Web.

Distribution de contenu

contenu-vecteur-graphique

«Également appelé CDN gratuit pour les articles AMP»

Mieux connu sous le nom de Google AMP Cache, ce service gratuit de Google permet aux éditeurs d’héberger leur contenu tout en permettant une distribution efficace via le réseau de cache mondial hautes performances de Google. En d’autres termes, c’est comme un CDN gratuit pour les sites AMP.

Génial. Comment ça marche?

Google accorde une attention particulière aux pages Web rendues compatibles avec AMP. Lorsque vous commencez à indexer la version AMP des pages de votre site Web, Google les stocke dans quelque chose appelé Cache AMP. Vous êtes toujours propriétaire du contenu, Google aide simplement à le servir dans des coins éloignés du globe. En termes de mise à jour du contenu mis en cache, voici ce que Google a à dire:

“Chaque fois qu’un utilisateur accède au contenu AMP à partir du cache, le contenu est automatiquement mis à jour et la version mise à jour est servie au prochain utilisateur une fois le contenu mis en cache.”

Comment y accédons-nous?

Voyons voir. Si vous avez l’URL d’une page Web, vous devez d’abord vérifier si AMP est activé. Pour ce faire, il suffit d’ajouter “/ amp” à l’URL. Voici une formule rapide sur la façon d’obtenir l’URL de cache Google AMP de tout site Web compatible AMP.

  1. Obtenez la version AMP de la page Web en ajoutant «/ amp» à l’URL. S’il est valide, passez à l’étape suivante. Sinon, arrêtez.
  2. Si une page 404 apparaît – ce site Web n’a pas implémenté AMP.
  3. Si vous voyez le contenu se charger, alors AMP est installé.
  4. Pour récupérer le contenu du cache Google AMP, ajoutez simplement https://cdn.ampproject.org/c/ au début de l’URL AMP, à l’exclusion de la partie «www».
  5. Commencez avec le nom de domaine principal (à l’exclusion de «www») et copiez l’URL AMP de la page Web.
  6. Ajouter https://cdn.ampproject.org/c/s/ à l’URL et cela devrait vous donner l’URL du cache Google AMP.

Prenons un exemple d’article Forbes et testons la formule ci-dessus.

  • Voici l’URL de l’article original de Forbes:
http://www.forbes.com/sites/allbusiness/2015/10/24/10-great-paid-wordpress-themes-of-2015/
  • Pour obtenir la version AMP, nous ajoutons simplement / amp à l’URL d’origine.
http://www.forbes.com/sites/allbusiness/2015/10/24/10-great-paid-wordpress-themes-of-2015/amp/
  • Maintenant, pour obtenir l’URL du cache AMP de Google, nous copions d’abord l’URL AMP à partir du nom de domaine principal, c’est-à-dire en excluant la partie «www», jusqu’à la fin. Cela nous donne:
forbes.com/sites/allbusiness/2015/10/24/10-great-paid-wordpress-themes-of-2015/amp/
  • Ensuite, nous ajoutons https://cdn.ampproject.org/c/s/ à cette URL pour obtenir l’URL Google AMP Cache de la même page.
https://cdn.ampproject.org/c/s/forbes.com/sites/allbusiness/2015/10/24/10-great-paid-wordpress-themes-of-2015/amp

Vérifiez-le, cela fonctionnera!

Annonces intelligentes

annonces en ligne

La création de contenu de qualité nécessite des ressources importantes. Les annonces aident à financer des services et du contenu gratuits sur le Web. L’AMP a été conçu pour intégrer cette idée et a établi un partenariat avec plus de 75 des meilleurs réseaux publicitaires.

AMP prend en charge une gamme complète de formats publicitaires, de réseaux publicitaires et de technologies. Tous les sites utilisant AMP conserveront leur choix de réseaux publicitaires, ainsi que tous les formats qui ne nuisent pas à l’expérience utilisateur.

Analytique

seo

Les éditeurs doivent également comprendre le comportement des utilisateurs lorsqu’ils interagissent avec leur contenu. C’est pourquoi AMP fonctionne également bien avec plus de 25 des meilleurs fournisseurs de solutions d’analyse tels que comScore, Google Analytics, Krux et plus.

plateformes d'analyse prises en charge par ampli

Fournisseurs d’analyses pris en charge par AMP comme au 1st Nov., 2016; Source: Projet AMP

Conclusion

Les principales plates-formes de génération, d’agrégation et d’analyse de contenu ont commencé à implémenter AMP dans leurs sites Web. Twitter, Pinterest, WordPress.com, Chartbeat, Parse.ly, Adobe Analytics et LinkedIn font partie du premier groupe de partenaires technologiques prévoyant d’intégrer des pages HTML AMP. Google prévoit également de faire de Google News une plate-forme AMP-first.

Il est intéressant de voir comment ce projet ambitieux évoluerait changer l’avenir du web.

J’aime personnellement le concept des pages AMP. Ils sont un plaisir à lire, consomment beaucoup moins de données que leurs homologues de sites Web prêts pour les mobiles, et affichent les publicités de manière totalement discrète.

La lecture, la consommation et le partage de contenu sont tellement plus simples et amusants avec AMP. Dans le prochain article, nous apprendrons comment intégrer AMP à WordPress.

Que pensez-vous d’AMP? Est-ce que ça va reprendre?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map