Comment valider les pages mobiles accélérées (AMP) ont été conçues par Google et d’autres sociétés, comme Adobe et WordPress, en 2015 en tant que nouvelle norme pour les sites Web mobiles qui se chargent rapidement. AMP (Accelerated Mobile Pages) est un format de page open source que vous pouvez utiliser pour créer des versions mobiles de votre contenu Web (sites Web AMP, annonces AMP, AMP Mails). Le format réduit vos pages aux parties les plus importantes (par exemple, il utilise un code HTML plus court), de sorte qu’ils se chargent plus rapidement.
Les sites Web faciles à utiliser sur les appareils mobiles deviennent de plus en plus importants, et les AMP en sont une grande partie. Nous a créé ce guide étape par étape pour vous aider à configurer les pages mobiles accélérées et à les tester. Nous vous dirons comment ils fonctionnent, si cela vaut la peine d’en savoir plus sur AMP, et plus encore.
Comment pour valider les pages mobiles accélérées (AMP)
Validation
Outils de développement du navigateur
Pour utiliser les outils de développement pour la validation :
Chargez l’AMP page dans votre navigateur Ajoutez”#development=1″à l’URL, par exemple, http://localhost:8000/released.amp.html#development=1. Ouvrez la console Chrome DevTools et recherchez les erreurs de validation.
AMP Web Validator
Vous pouvez également valider vos pages à l’aide d’un outil simple et gratuit appelé AMP Web Validator :
Copiez et collez votre code source dans le validateur Web. Regardez le validateur Web livrer des messages d’erreur entre les lignes de code. Editez votre code directement dans le validateur web, qui sera ensuite re-validé.
Identification des problèmes
Extensions de navigateur AMP
Google recommande d’utiliser l’extension de navigateur AMP disponible pour Chrome et Opera. Parcourez votre site avec l’extension activée et il évaluera la validité de chaque page. L’icône de l’extension prendra les couleurs suivantes en fonction de l’état de la page :
Rouge : Il y a des erreurs (l’icône en affichera le nombre) Vert : Il y a n’y a pas d’erreurs Bleu : Vous n’êtes pas sur une page AMP, mais une version AMP de la page est disponible
Comment fonctionne AMP ?
AMP HTML : Il s’agit d’un code HTML particulièrement fin qui promet des fichiers de petite taille et peut donc être chargé rapidement. Si une page AMP est appelée, une seule demande est effectuée, ce qui augmente également la vitesse de chargement. AMP JavaScript : les pages mobiles accélérées sont basées sur JavaScript asynchrone. Cela permet un rendu instantané sans scripts bloquant le chargement. AMP CDN : le réseau de diffusion de contenu (CDN) stocke les pages AMP dans le cache et accélère ainsi le processus de chargement lors du chargement des pages. Tous les documents nécessaires à la construction de la page sont chargés à partir d’une seule source.
FAQ
L’AMP est-il un moyen d’accélérer la version mobile de vos sites ?
Accelerated Mobile Pages (AMP) est un projet open source qui vous permet de créer des pages Web qui se chargent rapidement sur les navigateurs mobiles. Vous pouvez créer des versions AMP de vos pages de destination pour aider les utilisateurs mobiles à avoir une meilleure expérience.
Comment implémentez-vous les pages mobiles accélérées ?
Créez votre première page AMP. Suivez les directives de recherche Google pour les pages AMP. Rendez votre contenu visible en liant vos pages. … Assurez-vous que les utilisateurs peuvent découvrir le même contenu et effectuer les mêmes actions sur les pages AMP que sur les pages canoniques correspondantes, dans la mesure du possible.
L’AMP est-il toujours pertinent pour le référencement ?
Google AMP a-t-il un effet sur le référencement ? Même si AMP n’est pas un facteur de classement en soi, il fait une grande différence dans la vitesse de la page et l’expérience utilisateur, qui sont tous deux importants pour le classement dans les SERPs en ce moment. Au début, la recherche Google affichait les pages AMP dans la section”Top Stories”.