Comment utiliser Google AMP (Accelerated Mobile Pages) pour mieux se classer sur mobile

Optimiser une page pour la vitesse mobile? Pas facile. La recherche mobile a parcouru un très long chemin, en particulier depuis la mise à jour de Google Mobile Friendly, en 2014.

L'optimisation mobile ne cesse d'évoluer et cela se produit rapidement. Au début, nous avions des versions mobiles distinctes, puis des conceptions réactives, maintenant nous avons Google AMP qui pousse fort. Qu'est-ce que AMP (pages mobiles accélérées), si et comment AMP peut influencer le référencement et comment il aura un impact sur votre entreprise - vous pouvez trouver les réponses à toutes ces questions dans l'article suivant.

Tout ce changement, qui se produit si vite, peut devenir un peu frustrant.

Il est difficile de mettre en œuvre Google AMP et vous ne savez pas si cela en vaut la peine.

Dans cet article, nous allons examiner exactement ce qu'est Google AMP. Nous verrons si nous en avons besoin ou non, comment l'implémenter facilement de la bonne manière et si c'est vraiment bon, ou simplement une autre tentative de Google de se monopoliser sur le Web.

1. Qu'est-ce que Google AMP et comment fonctionne-t-il?
2. Comment AMP peut-il améliorer le référencement?
   1. Vitesse du site et temps de séjour
   2. Le carrousel AMP, le cache et les applications tierces
3. Comment mettre en œuvre Google AMP
   1. Comment installer AMP sur WordPress
   2. Comment installer AMP sur Drupal
   3. Comment installer AMP sur Joomla
   4. Comment installer AMP sur Concrete5
   5. AMP pour Magento et OpenCart
   6. Implémentation AMP personnalisée
   7. Comment valider le HTML AMP
   8. Que se passe-t-il si le code HTML AMP n'est pas valide?
4. Les avantages et les inconvénients de l'AMP
5. Conclusion

Vous pensez peut-être:

Mon site Web se charge assez rapidement sur mobile! J'ai déjà un design réactif et un plugin de cache! Pourquoi ai-je même besoin de Google AMP?

Voici l'affaire:

Si votre site Web est extrêmement rapide sur mobile, vous ne faites certainement pas partie de la majorité. Les pages mobiles sont encore lentes! Plus de facteurs que vous ne le pensez sont impliqués.

Une étude de DoubleClick réalisée par Google indique que plus de 50% des mobinautes décident d'abandonner une page Web si le chargement prend plus de 3 secondes .

L'étude indique également que 77% des sites Web mobiles prennent plus de 10 secondes à se charger . Le temps de chargement moyen des sites mobiles sur un réseau 3G est de 19 secondes.

Oui, vous m'avez bien lu! C'est 19 secondes. Et la 4G ne fait que 14 secondes, ce qui n'est pas si génial.

Nous, les spécialistes du marketing / éditeurs, pouvons être d'accord pour voir des fenêtres contextuelles, des publicités, des formulaires d'inscription, des bannières, des vidéos, etc. Nous en profitons. Bien sûr, nous les optimisons pour maximiser les revenus et pour la performance, ainsi.

Mais pensez-y de cette façon:

Vous êtes maintenant le lecteur. Vous êtes debout à votre bureau, sur votre PC, à la recherche de quelque chose sur Internet. Ce n'est pas lié au marketing. Disons que c'est un problème de santé ou des informations dont vous avez besoin sur un problème juridique. Le premier site Web que vous ouvrez prend 5 secondes pour se charger. Vos haut-parleurs sont un peu trop forts, mais vous avez oublié. Une annonce vidéo est lue automatiquement. Vous commencez à le rechercher sur l'écran tout en atteignant le bouton de volume de votre haut-parleur. Vous apercevez enfin la vidéo à travers la forêt d'annonces. C'est en haut à droite de l'écran. Lorsque vous déplacez votre curseur vers le haut, une fenêtre contextuelle de sortie se déclenche. C'est plein écran. La vidéo est toujours lue en arrière-plan. Êtes-vous encore fou? Je suis sûr.

Maintenant, tout cela peut se produire assez rapidement sur un PC, du moins si vous avez un ordinateur et une connexion réseau décents.

Sur mobile, les choses ne sont probablement pas si dramatiques.

Tu sais ce qui se passe?

Les gens appuient sur le bouton de retour. Et boum! Juste comme ça, le taux de rebond monte haut et le temps de séjour diminue, ainsi que votre classement.

Lorsque vous êtes en déplacement, soit vous voulez trouver des informations VRAIMENT rapidement, soit vous naviguez simplement et ne vous embêtez même pas à attendre. Une douzaine d'autres articles vous attendent.

Nous aborderons les détails plus tard, mais tout d'abord, examinons ce qu'est Google AMP et son fonctionnement.

1. Qu'est-ce que Google AMP et comment fonctionne-t-il?

Google AMP est l'abréviation de Accelerated Mobile Pages. Le projet a été lancé par Google en partenariat avec Twitter, afin de rendre la navigation mobile ultra rapide.

En un mot, c'est une version simplifiée du HTML.

Les développeurs affirment qu'une page mobile accélérée est capable de se charger jusqu'à 4 fois plus rapidement qu'une page HTML classique.

D'une manière ou d'une autre, c'est une réponse aux articles instantanés de Facebook ou à Apple News. Bien que similaire à bien des égards, une différence importante réside dans le fait qu'il est open source.

Le nouveau balisage limite l'utilisation de JavaScript à seulement quelques fichiers que Google fournira. Vous devrez également utiliser une forme spécifique de CSS, mais ne vous inquiétez pas: votre site peut toujours avoir l'air plutôt cool.

AMP est conçu pour la vitesse. Le concept principal est la lisibilité. La conception, les effets et les fonctionnalités spéciaux ne sont pas importants dans la page mobile accélérée.

Lorsqu'une page Google AMP valide est publiée et indexée, Google la met ensuite en cache sur ses serveurs.

Une fois la page mise en cache, Google peut la récupérer rapidement pour être affichée lorsque quelqu'un essaie de la voir. La version AMP est déjà plus rapide en elle-même, mais grâce à une mise en cache lourde, le chargement de la page dans les navigateurs mobiles semble instantané.

De nombreuses applications tierces mettront également en cache la version AMP de vos pages afin de pouvoir l'afficher très rapidement.

Les deux versions de la page AMP (celle hébergée et celle mise en cache) contiendront rel = "canonical" qui pointe vers la page Web mobile d'origine. Si le site Web est réactif, les AMP pointeront vers cette version.

J'ai demandé à Will Critchlow, de Distilled , ce qu'il pensait de l'AMP, et s'il pense que cela réussira à devenir un standard dans le futur.

Je pense que nous devons reconnaître que c'est déjà une norme. Il existe des rapports qui répertorient publiquement le trafic AMP généré par certains grands éditeurs.
	SERA CRITCHLOW
	PDG @willcritchlow / distilled.net

Will a également déclaré que cela faisait longtemps que Google n'avait pas poussé quelque chose d'aussi fort et que nous devrions nous attendre à ce que de plus en plus de mises à jour arrivent. Will m'a aidé à mieux comprendre quelques concepts sur AMP, et je tiens à le remercier une fois de plus. Alors… Merci, Will!

2. Comment AMP peut-il améliorer le référencement?

Au début, avant même que l'AMP soit publié pour les moteurs de recherche, Google avait émis l'hypothèse que cela pourrait avoir un impact sur le référencement à un moment donné.

Ils n'ont pas officiellement déclaré que l'AMP affecte le référencement de quelque manière que ce soit. En février 2016, John Mueller a déclaré dans un Hangout Google que l'AMP n'était pas un signal de classement.

AMP n'est toujours pas officiellement un facteur de classement en 2017 . Voici un tweet de John du début de 2017:

AMP n'est pas un facteur de classement; si vous décidez de le désactiver, assurez-vous de rediriger correctement.

- John ☆ .o (≧ ▽ ≦) o. ☆ (@JohnMu) 25 janvier 2017

Cependant, de nombreux facteurs indirects pourraient conduire à des améliorations du référencement, sur les mobiles et les ordinateurs de bureau également.

Gardez à l'esprit que la plupart des gens utilisent AMP comme deuxième option pour leur site Web. Si vous avez un site Web réactif, vous marquerez la page HTML d'origine comme la version canonique . Cela signifie que vous aurez un rel = canonical de l'AMP à la version originale.

Dans ce cas, votre site Web principal sera la version responsive du site Web et non la version AMP. Google indexera ensuite la version entièrement réactive de votre site Web et l'utilisera pour calculer le score de qualité de votre page.

John déclare dans la vidéo suivante que si la page AMP est la version canonique, cela est important pour la qualité du site et l'expérience utilisateur.

Cependant, avoir une page AMP marquée comme canonique sur un site Web réactif fait de votre version AMP la seule version indexable.

Si l'AMP est canonique, c'est la version qui est indexée (cela signifie généralement que vous n'avez qu'une version AMP, aucune autre).

- John ☆ .o (≧ ▽ ≦) o. ☆ (@JohnMu) 31 mai 2017

Au début, je pensais que l'AMP était uniquement pour mobile. Je veux dire… le nom est Accelerated Mobile Pages, non? Mais la déclaration de John prouve que vous pouvez avoir un site Web AMP uniquement.

Et devine quoi:

Le site Web officiel AMP à ampproject.org est exclusivement rédigé en AMP HTML. Il ne semble pas y avoir de problème avec le rendu d'une page AMP sur un appareil de bureau. Le site est superbe. Il a même de belles animations dessus. Et bien sûr, c'est assez rapide.

Un site Web peut être entièrement construit sur AMP HTML, à condition qu'il soit construit correctement. Il s'affichera bien sur les ordinateurs de bureau et les appareils mobiles.

Nous savons également que Google teste d'abord l'index mobile , il est donc plus logique que jamais d'avoir une version mobile puissante. Le référencement mobile deviendra bientôt la norme pour les résultats de recherche sur ordinateur.

Il y a des cas où les versions de bureau ont été indexées en premier pour mobile, même si une version AMP était disponible.

Jennifer Slegg a écrit à ce sujet en novembre 2016, après la conférence sur l'état des recherches. Elle a également tweeté à ce sujet.

Donc, @maileohye a confirmé que dans une situation où il y a un ordinateur de bureau et AMP, Google indexera d'abord le bureau pour le mobile. #StateofSearch

- Jennifer Slegg (@jenstar) 14 novembre 2016

Cela se produit probablement parce que dans de nombreux cas, la version AMP est non seulement supprimée du HTML, mais également du contenu. Si Google n'indexait que la version AMP par défaut, ces pages auraient en fait un inconvénient.

2.1 Vitesse du site et temps de séjour

La vitesse de votre site compte beaucoup. Comme mentionné au début de l'article, les gens ont tendance à abandonner les sites à chargement lent.

Google a testé cela à plusieurs reprises et les résultats ont été cohérents. Les personnes qui implémentent AMP obtiennent des vitesses de chargement plus élevées, ce qui se traduit par un meilleur CTR et plus de conversions. Si vous lisez suffisamment longtemps sur le sujet, vous remarquerez de nombreuses expériences positives avec AMP. Ces expériences mentionnent des taux de rebond plus faibles et un temps de séjour plus élevé.

Vous voyez, les sites Web d'information souffrent généralement de taux de rebond plus élevés. En effet, lorsque les gens trouvent les informations, ils cliquent généralement en arrière ou quittent la page. Cela ne veut pas dire que la page est mauvaise ou qu'elle a offert une mauvaise expérience utilisateur. C'est juste la façon dont les choses se passent.

Les spécialistes du marketing de contenu ont généralement recours aux fenêtres contextuelles et aux formulaires pour tenter d'obtenir des prospects et empêcher leurs clients de rebondir. Bien que cela fonctionne et que de nombreux spécialistes du marketing le louent, cela peut avoir un impact négatif sur la vitesse d'un site Web, ce qui à son tour entraînera le même problème: les personnes quittant votre site Web.

Google AMP tente de résoudre ces problèmes. Au début, les gens pensaient qu'en raison des limitations, les formulaires d'inscription pourraient ne plus être disponibles. AMP a résolu ce problème avec des mises à jour récentes et des formulaires sont désormais disponibles.

Comme nous l'avons indiqué dans un autre article, le temps de séjour est lié au référencement et c'est comme un frère de l'autre facteur de classement similaire, le taux de rebond. Plus les gens restent sur votre site et moins ils rebondissent, meilleur sera votre classement.

Le taux de rebond et le temps de séjour sont des facteurs suivis par Analytics. Nous pouvons également utiliser Analytics dans Google AMP.

Comme indiqué sur le site Web des développeurs Google:

À partir de la phrase ci-dessus, nous pouvons comprendre que les données AMP Analytics peuvent se fondre avec des données régulières, ce qui pourrait apporter de meilleurs résultats mitigés au fil du temps. Vous pouvez en savoir plus ici .

2.2 Le carrousel AMP, le cache et les applications tierces

L'une des fonctionnalités les plus intrigantes de Google AMP est la possibilité d'être présenté dans un carrousel. Le carrousel n'affichera que les pages AMP, et bien qu'il ne soit pas toujours déclenché, il s'affichera au-dessus du SERPS, vous plaçant donc en haut de la page.

Voici une série de captures d'écran prises avec mon téléphone portable. Les captures d'écran montrent le carrousel AMP en action. Vous pouvez le vérifier vous-même en accédant à http://g.co/ampdemo sur votre appareil mobile. J'ai simplement cherché «Obama».

Le carrousel a de bonnes pièces et de mauvaises pièces. Il est bon d'être présenté en haut de la page, au-dessus de la première place, mais en même temps, les lecteurs ne sont qu'à un balayage de quitter votre site Web. Google AMP est très bon pour les lecteurs, mais les éditeurs et les annonceurs peuvent ne pas être d'accord avec tous ses aspects.

Comme nous pouvons le voir, bien que Google ait clairement déclaré que les pages mobiles accélérées n'affectaient pas directement le référencement, certains facteurs indirects peuvent conduire à des améliorations du référencement.

Google AMP n'affecte pas directement le référencement, mais les facteurs indirects résultant de l'AMP le peuvent.

L'objectif d'AMP est d'améliorer l'expérience utilisateur. Et d'après ce que nous savons, une meilleure expérience utilisateur se traduit par de meilleurs classements.

Ce qui est vraiment cool avec AMP, c'est qu'il ne peut pas avoir un impact négatif sur votre classement. Si vous implémentez AMP et utilisez rel = "canonical" pour le diriger vers votre version principale, Google l'utilisera pour calculer le score de qualité pour le classement.

N'oubliez pas: si vous n'avez qu'une version AMP de votre site Web, Google utilisera cette version pour vous classer. Si vous le construisez bien autour du HTML dépouillé et que vous êtes prêt à accepter toutes les restrictions actuelles, vous aurez un site Web plus rapide qui offre une meilleure UX.

3. Comment mettre en œuvre Google AMP

Ok, AMP a l'air cool. Maintenant, comment l'obtenir?

Eh bien, si vous utilisez l'un des CMS populaires (WordPress, Drupal, Joomla), les choses sont aussi simples que l'installation d'un plugin / module / extension, ou peu importe leur nom.

3.1 Comment installer AMP sur WordPress

WordPress est le CMS le plus populaire sur le Web. Vous l'utilisez probablement. L'équipe de développement WordPress a déjà un accord avec l'équipe d'AMP Project, donc une mise en œuvre facile était attendue.

Le plugin WordPress AMP par défaut et officiel peut être téléchargé ici . Yoast a également dû publier un plugin glue SEO pour fusionner les métadonnées avec le format AMP.

Si vous souhaitez améliorer l'expérience, installez ce plugin . Il est livré avec de meilleures critiques et plus de fonctionnalités. Il intègre déjà le support Yoast, vous pouvez donc optimiser directement les pages AMP pour l'optimisation des moteurs de recherche. Pour fonctionner, ce plugin nécessite le plugin AMP par défaut mentionné.

Les plugins peuvent être installés dans n'importe quel ordre.

Pour installer un plugin WordPress, connectez-vous à votre WP Dashboard, cliquez sur Plugins à gauche puis sur Ajouter un nouveau plugin. Recherchez le nom du plugin, cliquez sur Installer puis sur Activer.

Si vous ne savez pas comment faire cela, jetez un œil à cette simple vidéo de WP Beginner.

Après les avoir installés, vous devriez pouvoir accéder à la version accélérée de vos pages en tapant / amp après n'importe quelle URL sur votre site WordPress.

3.2 Comment installer AMP sur Drupal

Drupal a également son propre plugin pour les pages AMP. Si vous souhaitez l'installer, vous pouvez obtenir le plugin ici . Les archives avec différentes versions du module sont vers le bas de la page.

Pour installer un plugin sur Drupal, rendez-vous simplement dans la section Extend de votre tableau de bord. Ensuite, cliquez sur Installer un nouveau module. Vous pouvez soit télécharger le fichier tar.gz à partir du lien ci-dessus et le télécharger dans le tableau de bord, soit cliquer avec le bouton droit de la souris, copier l'adresse du lien et la coller dans le tableau de bord.

Si vous rencontrez des difficultés pour installer un module Drupal, suivez les étapes de cette vidéo:

3.3 Comment installer AMP sur Joomla

Joomla propose également un certain nombre d'extensions disponibles pour la mise en œuvre de Google AMP. Rendez-vous sur https://extensions.joomla.org/extensions/ et recherchez AMP.

Il existe plusieurs façons d'installer l'extension. Vous pouvez le télécharger à partir du site Web, puis le télécharger dans votre panneau de configuration Joomla, cliquez sur Extensions et le gestionnaire d'extensions.

Toutes les méthodes d'installation de l'extension de votre choix se trouvent dans la vidéo suivante:

https://www.youtube.com/watch?v=wZtvU6UqiqI

3.4 Comment installer AMP sur Concrete5

Même le nouveau soulèvement Concrete5 a son propre module pour les pages AMP . Il est développé par hissy sur GitHub. Ce module est toujours en version bêta. Il doit d'abord être testé sur une version de développement du site Web.

L'installation est un peu plus compliquée, car vous aurez besoin d'accéder à l'invite de commande de votre serveur. Cela peut être fait en vous connectant à votre cPanel et en recherchant SSH (Secure Shell). Si vous ne disposez pas d'un accès SSH, votre fournisseur d'hébergement peut ou non vous le fournir. Contactez le service d'assistance du fournisseur d'hébergement pour plus d'informations.

Ensuite, exécutez simplement les lignes de commande suivantes dans votre invite de commande. Entrez les lignes une par une et appuyez sur la touche Entrée après chaque ligne.

Après cela, vous pouvez accéder à l'URL suivante à partir du tableau de bord:

En y accédant, vous serez redirigé vers la page de configuration du module. Sélectionnez les types de page sur lesquels vous souhaitez activer AMP. Ensuite, insérez votre identifiant Analytics. Ceci est facultatif. Cliquez sur Enregistrer et vous avez terminé!

Si vous souhaitez personnaliser le modèle de conception AMP, vous pouvez copier le package et les fichiers de packages / thèmes / amp vers application / thèmes / amp .

Si vous rencontrez des problèmes, vous pouvez obtenir une assistance supplémentaire sur les forums de la communauté Concrete5 .

3,5 AMP pour Magento et OpenCart

Les deux CMS de commerce électronique les plus populaires ont également leurs modules pour les pages mobiles accélérées.

Ce sont des plugins assez complexes, et je n'ai pu trouver des versions payantes que dans les premiers résultats de mes recherches.

Téléchargement du plugin Magento AMP .

Téléchargement du plugin OpenCart AMP .

3.6 Implémentation AMP personnalisée

Si vous n'utilisez pas l'une des plates-formes CMS populaires, les choses ne sont pas si faciles. Idéalement, vous devriez sous-traiter cela à un groupe de programmeurs expérimentés. Si vous avez une plateforme personnalisée, vous avez probablement déjà une équipe.

Mais si vous êtes prêt à le faire vous-même, toute la documentation sur le site Web du projet AMP est un must.

Dans cet article, nous ne couvrirons que les parties les plus importantes, et celles liées au référencement.

N'oubliez pas que le HTML AMP est beaucoup plus limité. Il a de nombreuses restrictions. Les éléments doivent être placés dans un ordre très spécifique, sinon le format ne sera pas valide.

Voici la page Web mobile accélérée la plus basique, le classique «Hello, World!».

Pour qu'un AMP HTML soit valide, nous devons insérer correctement toutes les balises requises.

Par exemple, le document doit commencer par < ! doctype html > . Le document doit également contenir le < html > balise de niveau supérieur. Vous pouvez également utiliser < html amp > . Alors qu'en HTML standard, les balises < head > et < body > sont facultatives, elles sont obligatoires en AMP HTML.

Vous devez également inclure le lien dans le fichier AMP JS en utilisant < a href = "https://cdn.ampproject.org/v0.js" > https : //cdn.ampproject.org/v0.js </a> . Ce JS charge tout ce dont vous avez besoin pour que la page HTML AMP fonctionne correctement.

La balise < head > doit également contenir un < link rel = "canonical" href = "URL de la page d'origine ou auto" / > . N'oubliez pas que la balise canonique est très importante, car elle indique à Google quelle version doit être utilisée pour l'indexation et les classements de recherche organique.

Le contenu standard CSS est également obligatoire. Vous pouvez utiliser la balise < style amp - custom > pour ajouter de la diversité à votre site Web. Toute la documentation CSS prise en charge peut être trouvée ici .

Un autre élément critique est le < link rel = "amphtml" href = "https://www.example.com/url/to/amp/document.html" > . Sans cela, Google ne saura même pas que votre site Web a une page AMP et il ne l'affichera pas. Vous devez placer cela dans la version complète de votre site (mobile ou responsive).

Sans rel = "amphtml", Google ne découvrira pas la version accélérée de votre page. Placez-le en conséquence dans la version originale de votre page Web.

Comment ajouter des formulaires dans Google AMP

Comme mentionné précédemment au début de cet article, l'équipe de développeurs d'AMP a travaillé dur pour continuer à améliorer le balisage.

Au début, les formulaires n'étant pas disponibles dans le format AMP HTML, les gens craignaient de ne plus pouvoir générer de prospects.

Une solution de contournement, consistant en un hack iFrame était disponible. Aujourd'hui, AMP vous permet d'utiliser les balises < form > et < input > . Pour que le document soit valide, le script suivant est requis: < a href = "https://cdn.ampproject.org/v0/amp-form-0.1.js" > https : //cdn.ampproject.org/v0/amp-form-0.1.js </a> .

Pour en savoir plus sur les formulaires AMP, cliquez ici .

Comment ajouter Analytics à AMP

Afin de suivre vos pages AMP, vous devrez charger le script requis suivant: < a href = "https://cdn.ampproject.org/v0/amp-analytics-0.1.js" > https : //cdn.ampproject.org/v0/amp-analytics-0.1.js </a> .

Ensuite, vous pouvez utiliser la balise < amp - analytics > pour mesurer différentes statistiques. Toute la documentation Analytics est disponible ici .

Pouvez-vous mettre en œuvre des annonces dans Google AMP?

Jusqu'à présent, certains inconvénients ont été signalés concernant les publicités et les revenus des éditeurs. L'équipe de AMP Project a récemment publié une mise à jour, présentant les nouveaux types d'annonces acceptés pour AMP.

Les types d'annonces pouvant être insérés incluent les vidéos de parallaxe, les lightboxes et les carrousels:

Pour être honnête, ces publicités ont l'air plutôt cool. Ils ont l'air propres. Ils ne sont pas ennuyeux car ils fonctionnent de manière similaire au principe Facebook des publicités. Ils n'interrompent pas l'utilisateur de la lecture. Les utilisateurs voient l'annonce, mais ils peuvent très facilement l'ignorer. Il va et vient naturellement à travers le rouleau.

Ces publicités AMP sont également très rapides. Regardez cette vidéo montrant une annonce AMP se chargeant côte à côte avec une annonce standard.

De plus en plus de réseaux publicitaires sont pris en charge par AMP. Pour mettre en œuvre des publicités dans vos pages accélérées, consultez cette documentation .

3.7 Comment valider le HTML AMP

Après avoir construit votre page AMP ou y avoir apporté des modifications, vous devez la vérifier et la valider.

Le moyen le meilleur et le plus rapide de le faire est d'utiliser le plugin AMP Validator Chrome . Le plugin AMP Validator est également disponible pour Opera Browser .

Après avoir installé le plugin, une icône apparaîtra où se trouvent les extensions Chrome. Il deviendra vert lorsque la page HTML AMP sera valide. Si l'AMP n'est pas valide, il deviendra rouge et vous pourrez cliquer dessus pour afficher les erreurs.

Comme vous pouvez le voir, le plugin fait un excellent travail pour identifier les problèmes. Vous pouvez ensuite cliquer sur Déboguer et cela vous mènera à une page où vous pourrez éditer votre HTML et le valider rapidement. Vous pouvez également saisir le code HTML directement dans le validateur à l' adresse https://validator.ampproject.org .

Si vous n'utilisez pas Chrome ou Opera, vous pouvez également effectuer les opérations suivantes:

Accédez à votre AMP HTML, faites un clic droit, allez dans Inspecter puis cliquez sur Console. Ensuite, tapez # development = 1 à la fin de votre URL et appuyez sur Entrée. Cela montrera les erreurs dans la console du navigateur.

Si votre code est valide, la console affichera le message «validation AMP réussie».

Vous pouvez également tester la page via le CDN en accédant à https : //cdn.ampproject.org/c/s/yoursite.com/basic-amp-test.html . La page s'affichera si elle est valide. Sinon, le message suivant s'affichera.

3.8 Que se passe-t-il si le code AMP HTML n'est pas valide?

Si votre HTML AMP n'est pas valide, vos pages ne seront pas mises en cache par Google ou d'autres plates-formes tierces qui utilisent AMP pour afficher rapidement des pages. Vous ne bénéficierez alors pas de choses telles que le carrousel AMP.

Cependant, si votre site Web est AMP uniquement, ou si la page accélérée est la page canonique, votre site sera toujours indexé, même si le HTML n'est pas valide.

Pas de logo AMP / pas de visionneuse AMP, mais comme les pages HTML invalides, nous pouvons toujours les indexer.

- John ☆ .o (≧ ▽ ≦) o. ☆ (@JohnMu) 1 juin 2017

AMP est un balisage HTML de base, avec seulement quelques fonctionnalités supplémentaires. Il sera indexé comme n'importe quel autre HTML.

4. Les avantages et les inconvénients de l'AMP

Jusqu'à présent, la plupart des arguments contre Google AMP ont été annihilés. Non seulement les problèmes ont été résolus, mais les inconvénients se sont maintenant transformés en avantages.

• Difficile à mettre en œuvre des publicités, voire aucune > Corrigé par les mises à jour récentes
• Pas de formulaires, devez utiliser le hack à la place > Corrigé par les mises à jour récentes
• Ne convient pas au commerce électronique > Snapdeal utilise AMP et augmente les taux de conversion. eBay a également testé AMP
• Partage sur les réseaux sociaux utilisé URL en cache > Fixe, Google vous permet désormais de partager la véritable URL au lieu de celle de Google

De nombreux autres correctifs pourraient être ajoutés à cette liste, mais j'espère que vous comprenez.

Malgré cela, de nombreuses personnes sont toujours fortement en désaccord avec l'AMP.

Josh Bachynski est un excellent SEO et également un éthicien. Il avait un assez bon nombre d'arguments concernant les actions de Google sur Internet.

Personnellement, je n'aime pas du tout AMP. J'aime la rapidité, mais ce n'est pas le SEUL moyen d'obtenir votre expérience mobile très rapidement! C'est juste une autre tentative clandestine de posséder et de contrôler davantage Internet!
	JOSH BACHYNSKI
	SEO @joshbachynski / Suivez Josh sur sa chaîne YouTube.

Et c'est un peu vrai. J'ai mentionné au début de cet article que le projet est Open Source. Le terme semble que n'importe qui pourrait contribuer au code lui-même, mais en fin de compte, c'est toujours Google qui décide de ce qui reste et de ce qui ne l'est pas. Nous ne pouvons jouer que selon les règles de Google.

C'est la même chose avec les articles instantanés de Mark Zuckerberg. Bien qu'il semble que Facebook veuille que vous naviguiez plus rapidement, l'idée derrière cela était de garder les gens engagés dans l'application Facebook, de ne plus jamais la quitter.

C'est plus rapide, mais parfois, vous voulez vraiment parcourir un site Web à son maximum, et dans l'application FB, ce n'est pas possible. Bien sûr, vous pouvez éventuellement l'ouvrir dans un navigateur, mais cela nécessite une étape supplémentaire.

Même Will Critchlow convient qu'AMP n'aura jamais les mêmes fonctionnalités qu'un site Web HTML classique.

«Par définition, AMP est une version réduite, et il doit le rester. Si cela permettait toutes les fonctionnalités du HTML, les éditeurs finiraient par recréer les sites lourds et lents dont ils disposent actuellement. Le tout ne fonctionne que si vous n'êtes pas autorisé à faire certaines choses. Il y a un élément de théorie des jeux ici - en étant capable de blâmer Google et de prétendre de manière plausible aux annonceurs qu'ils ne peuvent pas faire certaines choses, les éditeurs peuvent de toute façon éviter de faire les choses qu'ils voulaient éviter. "

Will nous dit essentiellement que Google essaie d'être Good Guy Greg ici. Les éditeurs seront désormais obligés d'éviter certaines choses qu'ils jugeaient bonnes, mais qui ne l'étaient pas.

Scott Gilbertson a écrit pour The Register sur AMP. Il n'est pas d'accord avec cela pour plusieurs raisons. Lorsque je lui ai posé des questions sur la correction des sites mobiles lents par Google, il a déclaré que:

Les problèmes que l'AMP est censé tenter de résoudre sont le résultat de mauvaises pratiques des développeurs, d'une formation médiocre au sein de la communauté des développeurs et d'un manque d'emphase sur les temps de chargement des pages par les moteurs de recherche. Je pense qu'il y a un réel problème avec la vitesse des pages qui doit être résolu, et je pense que Google est dans une position unique pour pouvoir influencer les développeurs, mais AMP n'est pas le moyen de le faire.
	Scott Gilbertson
	Blogger @luxagraf / luxagraf.net

Scott dit que si Google modifiait ses systèmes de classement pour favoriser des pages plus rapides, les développeurs se précipiteraient et commenceraient à créer des pages plus rapides. Google l'a déjà fait dans une certaine mesure, mais pas de manière trop agressive. Scott suggère un «temps de chargement estimé de la page» affiché dans les résultats de recherche afin que les internautes puissent décider s'ils souhaitent ou non cliquer.

Scott déclare également que les URL réelles sont obscurcies . Les sites dans le cache Google seront facilement mélangés les uns avec les autres, car ils se ressemblent tous. Une histoire complète sur la façon dont un site d'information russe peut être facilement confondu avec un site britannique peut être lue ici .

AMP ressemble un peu au communisme: tout le monde doit être rapide. Mais vous ne pouvez pas travailler plus pour avancer plus vite que les autres. Non non. Tout le monde doit être ÉGALEMENT rapide. Pendant ce temps, Google surveillera tout votre trafic et le gardera à proximité. Même les sites d'espionnage russes sont impliqués!

Mais si Google oblige finalement tout le monde à utiliser AMP, qu'arrive-t-il à tous les bons gars qui se sont battus pour avoir un site Web mobile rapide? Si tout le monde utilise AMP, il sera très difficile de surpasser vos concurrents en termes de qualité de site.

Il semble que Google a profité d'un problème mondial et a également trouvé une solution pour s'aider eux-mêmes.

En fin de compte, les utilisateurs apprécieront AMP. Une page de 10 Ko par rapport à une page de 2 Mo entraînera moins de trafic de données utilisé. Ils pourraient se plaindre des changements d'aspect et de carrousels au début, mais ils se conformeront et finalement l'apprécieront. Les utilisateurs réguliers ne sentiront même pas la différence entre AMP et non AMP. Ils verront seulement que les pages se chargent incroyablement vite et que le contenu est juste dans leur visage, lorsqu'ils tapotent.

Conclusion

En tant que spécialistes du marketing, nous établissons les normes. Considérez que les utilisateurs sont plus enclins à se souvenir d'une mauvaise expérience que d'une bonne. Ceci est disponible dans toutes les situations. C'est le principe de la douleur. Notre cerveau est plus enclin à éviter la douleur qu'à rechercher le bonheur.

Google se soucie avant tout de rendre ses clients heureux.

Tu pourrais dire:

"Pas vrai. Google se soucie le plus de gagner de l'argent. "

Et vous avez peut-être raison. Mais en offrant la meilleure expérience à leurs lecteurs, cela signifie qu'ils resteront davantage sur Google. Et cela signifie que Google gagne.

Pensez-y cependant: si vous étiez Google, que feriez-vous?

Google AMP est un pont qui tente de faire en sorte que les lecteurs, les éditeurs et les annonceurs s'entendent. Bien sûr, c'est un peu forcé, mais jusqu'à présent, cela a plutôt bien fonctionné.

Cet article portait sur AMP. Si l'initiative AMP échoue ou ne vous semble pas juste et que vous ne l'utiliserez pas, cet article est un appel à tous les développeurs Web, éditeurs et annonceurs pour qu'ils fassent de leur mieux pour améliorer l'expérience utilisateur de tous leurs sites Web.

Que pensez-vous de l'AMP? Avez-vous des questions? Faites-le moi savoir dans la section commentaires et engageons la conversation!