Le guide définitif des pages mobiles accélérées (AMP)

Il est temps d’accélérer vos pages mobiles.

lorsque Google a lancé la mise à jour de compatibilité mobile et en a finalement fait l’un des facteurs de classement des moteurs de recherche mobiles, les propriétaires de sites ont commencé à attendre avec impatience une expérience mobile plus rapide.

il est bon d’optimiser vos pages pour les utilisateurs mobiles. Cependant, si les pages du navigateur mobile ne se chargent pas rapidement, c’est un hoquet qui peut décourager les utilisateurs de profiter de votre contenu.

Alors, quelle est la solution?,

pages mobiles accélérées — ou AMP.

la vitesse fait partie intégrante de la conception des pages web. Les données de KISSmetrics montrent que  » environ 40% des personnes abandonneront une page web qui prend plus de 3 secondes à charger. »

de plus, si un site d’achat en ligne gagne 100 000 $par jour, un retard de 1 seconde pourrait vous coûter 2,5 millions de dollars de ventes perdues chaque année.

selon Google, le plugin AMP a réduit le temps de téléchargement entre 15% et 85%, lors des tests initiaux.,

en décembre 2015, Google a déclaré que les Pages mobiles accélérées pourraient devenir un facteur de classement.

comme prévu, les webmasters, les spécialistes du marketing et les référentiels ont commencé à analyser comment cela peut affecter les pages Web mobiles. Ils ont trouvé plusieurs cas pointant vers le fait que AMP a effectivement un impact énorme sur les classements des moteurs de recherche mobiles.

en un mot, les pages optimisées AMP se classent mieux et plus rapidement et convertissent très certainement plus de visiteurs de page mobiles en clients.,

dans leur tableau blanc Britannique vendredi, will Critchlow et Tom Anthony, de Distilled, ont donné une explication claire du fonctionnement du plugin AMP et de la façon de positionner vos pages mobiles pour en bénéficier.

Si vous voulez approfondir AMP, et ce qu’il peut faire pour vous, en tant que marketeur numérique qui comprend l’importance d’atteindre les utilisateurs mobiles, permettez-moi de décomposer le sujet.

Qu’est-ce que les pages mobiles accélérées (AMP)?

AMP devrait faire partie de votre stratégie de contenu mobile.,

L’AMPLI plugin est né d’une collaboration entre Google et Twitter.

en termes simples, Accelerated Mobile Pages est un projet d’initiative open source conçu pour optimiser les pages mobiles plus rapides. C’est comme prendre une page qui est déjà compatible avec les mobiles et la charger plus rapidement, en la réduisant à l’essentiel.

Vous pouvez visiter la plateforme open source Initiative ici.

AMP est une preuve supplémentaire de L’accent mis par Google sur les utilisateurs.,

chaque fois que Google lance une nouvelle mise à jour comme celle-ci, vous pouvez penser qu’ils se préoccupent uniquement de générer plus d’argent.

c’est finalement vrai parce que plus ses utilisateurs sont heureux, plus ils reviennent sur Google et cela signifie plus d’annonceurs.

Mais, Google est passionné par les utilisateurs de moteurs de recherche mobiles. Et, vous devriez l’être aussi.

Accelerated Mobile Pages (AMP) est un projet / plate-forme d’initiative open source visant à aider les éditeurs à améliorer la vitesse et la lisibilité de leurs pages de contenu mobile.,

pages mobiles plus rapides + contenu lisible = meilleure expérience utilisateur

Comment fonctionne le Plugin AMP?

Paul Shappiro, de Search Engine Land, présente la structure en 3 parties D’AMP:

le plugin AMP rend votre page mobile plus rapidement, en réduisant l’aspect du gestionnaire de balises de code HTML et en ne rendant que celles qui conviennent aux utilisateurs mobiles.,

Ce diagramme et cette explication, tirés du tableau blanc de Will Critchlow vendredi, simplifient le processus:

AMP rend vos pages en utilisant du code HTML optimisé. Les pages devraient se charger plus rapidement car certains aspects du gestionnaire de balises de code HTML qui ralentiraient autrement la page sont éliminés.

Si JavaScript est inclus dans vos pages mobiles, le script ne sera pas rendu pour vos Pages mobiles accélérées.,

Voici quelques choses que vous devez savoir:

• Avec AMPLI, vous devez utiliser une version simplifiée de CSS.
• Vous n’êtes autorisé à utiliser que la bibliothèque JavaScript fournie par AMP – puisque vous n’avez pas le contrôle, vous pouvez rencontrer un chargement paresseux. Cela pourrait être le seul inconvénient de AMP.
• Pour que les sites AMP fonctionnent à chaque fois, ils doivent être correctement validés
• aucun formulaire n’est autorisé sur les pages du plugin AMP.
• Pour une meilleure expérience, des polices personnalisées doivent être spécialement chargé.
• pour éviter les images excentriques, assurez-vous de déclarer la hauteur et la largeur.,
• utilisez des extensions approuvées par AMP si vous souhaitez avoir des vidéos sur votre page.

Ainsi, lorsque vous intégrez le plug-in AMP et l’utilisez pour améliorer vos pages mobiles, ce qui devrait vous importe le plus, c’est la vitesse et la lisibilité, pas la capacité de partage. Vos boutons de partage social peuvent même ne pas s’afficher correctement car la majorité d’entre eux sont développés en utilisant JavaScript.

avantages des Pages mobiles accélérées

Il existe une corrélation significative entre la vitesse du site, les pages vues et les classements des moteurs de recherche mobiles.,

Une chose que vous devez vous rappeler est que chaque fois qu’une page Web particulière se charge rapidement, les utilisateurs de navigateurs mobiles afficheront plus de pages sur le site, réduisant ainsi le taux de rebond.

lorsque le taux de rebond est réduit et que L’expérience sur site augmente, Google récompensera la page. Vous ne devriez pas être surpris de trouver des pages de plugin AMP plus élevées que celles de non-AMP. voir les deux versions:

plugin

En vérité, il y a de nombreux avantages à optimiser avec le plugin AMP., Mais, considérons le top 5:

pages Web à chargement incroyablement rapide que les utilisateurs adorent: la vitesse est l’élément vital de votre page de navigateur mobile. Un excellent contenu est important, mais, à moins que vos pages ne soient accessibles, les utilisateurs ne les liront pas.

Cette étude a révélé qu’un retard de 1 seconde dans le temps de chargement du navigateur mobile peut réduire le taux de conversion de 3,50%, réduire le nombre de pages vues de 9,40% et augmenter le taux de rebond jusqu’à 8,30%.

C’est pourquoi vous devez faire de votre navigateur mobile pages incroyablement rapide. AMP vous aide à y parvenir.,

rappelez-vous que la façon dont les gens consomment du contenu (par exemple, des articles, des articles de blog, des vidéos et des podcasts) a radicalement changé. Le rythme auquel le contenu est publié est extraordinaire.

Si vos pages mobiles sont aussi lentes qu’un escargot, vous ne convertirez pas les utilisateurs ciblés du navigateur mobile en clients. Préparez-vous à vivre une augmentation spectaculaire de la vitesse de la page avec AMP.

en tant que spécialiste du marketing numérique, cela devrait vous inciter à agir pour améliorer vos pages mobiles.

Google améliore constamment ses systèmes., Nous pensions que la convivialité du navigateur mobile était la plus grande mise à jour jusqu’à présent, mais le projet AMP est apparu.

et, cela ne peut signifier qu’une chose: Google n’est pas encore fait. De nouvelles mises à jour de l’algorithme des moteurs de recherche mobiles, des fonctionnalités avancées et des outils continueront d’être développés.

Donc, commencer. Visite AMPProject.org et commencez à accélérer vos pages mobiles.

visibilité accrue du navigateur mobile pour les spécialistes du marketing de contenu: Google a commencé à afficher les résultats AMP dans des listes organiques. Vous pouvez identifier ces résultats par les symboles AMP, en vert.,

évidemment, plus vos résultats attirent l’attention, plus vous obtiendrez de clics.

Ces symboles D’AMP Vert conduiront certainement à un taux de clics amélioré, car ces résultats des moteurs de recherche mobiles se démarquent du reste.

Les utilisateurs des moteurs de recherche mobiles commenceront alors à rechercher spécifiquement les pages du plugin AMP, car ces pages se chargent plus rapidement que les pages mobiles typiques.

amélioration du classement des moteurs de recherche mobiles: il existe une relation étroite entre la vitesse du site et le taux de conversion., Si les utilisateurs sont satisfaits d’un site à chargement rapide, ils sont plus susceptibles de s’abonner à une liste ou d’acheter un produit.

bien que beaucoup soit encore attendu D’AMP, Google n’en a pas encore fait un facteur de classement.

Vous savez déjà que la vitesse de chargement des pages et la convivialité mobile sont des facteurs bien connus, mais AMP travaillera en étroite collaboration avec les pages mobiles.

C’est pourquoi il ne peut jamais être utilisé comme facteur de classement indépendant car il ne fonctionne que sur les pages mobiles et n’a rien à voir avec la version de bureau de pages.,

cela dit, étant donné que les sites compatibles avec les mobiles sont récompensés par des classements plus élevés dans les résultats de recherche mobiles organiques, les pages développées avec AMP se classeront probablement plus haut que les pages non AMP, dans les pages de résultats mobiles (MRP).

support publicitaire Flexible: la plupart des gens ont créé un site web ou un blog afin de gagner de l’argent et de remplacer éventuellement leur travail quotidien.

en regardant les versions de bureau et de navigateur mobile des pages d’un site, il est facile de conclure s’il y a trop de distractions.,

ces distractions, telles que l’image d’en-tête, le menu de navigation, la barre latérale, les boutons de partage social, les formulaires, les fenêtres contextuelles et d’autres éléments inutiles, peuvent réduire votre taux de conversion.

mais, avec AMP, vous pouvez vous débarrasser des distractions sur les pages de votre navigateur mobile.

c’est parce que toutes les balises de code HTML ne sont pas exécutées, vous utilisez une version simplifiée de CSS, et JavaScript est hors de question (surtout). Il est également 6x plus léger dans le code.

cela signifie Que vous pouvez faire de l’argent plus facilement à partir de vos annonces.,

Si vous analysez les versions AMP de The Guardian, par exemple, vous saurez instantanément qu’il est conçu pour afficher des annonces d’une manière plus flexible et conviviale que la page de navigateur mobile typique.

lorsque vous cliquez sur une Page Mobile accélérée, elle se charge presque instantanément, avant même que vous ayez terminé de cliquer.

lorsque vous affichez des annonces d’un tiers sur vos Pages mobiles accélérées, assurez-vous de diffuser des annonces qui se chargent rapidement, mais qui attirent également l’attention de l’utilisateur et offrent une immense valeur.,

comme vous le savez déjà, cette approche de marketing de contenu est le moyen le plus simple d’augmenter votre influence, d’aider les utilisateurs à obtenir des réponses à leurs questions et d’améliorer le ROI sur les dépenses publicitaires.,

Si vous êtes prêt à monétiser vos pages optimisées AMP, voici quelques-uns des réseaux publicitaires les plus populaires qui utilisent actuellement la fonctionnalité AMP-ads:

• Amazon A9
• AdReactor
• Google Doubleclick
• Flite
• Adform
• Google AdSense
• AOL AdTech
• Taboola

/li>

• plista
• SMART AdServer
• yieldmo
• dotandads

Le suivi des utilisateurs est simple: il ne suffit pas d’envoyer du trafic vers les pages de votre navigateur mobile. Vous devez également savoir comment ils sont arrivés sur votre site.,

le suivi vous aide à déterminer d’où viennent les personnes, quelles pages elles ont consultées, etc.

Le suivi des utilisateurs et des performances du site est assez facile sur AMP car il existe des outils analytiques en place, où vous pouvez étudier vos versions AMP plus en détail.

le comportement de l’utilisateur ne peut être influencé que lorsque vous le suivez. Avec AMP, les éditeurs peuvent utiliser ces analyses de gestionnaire de balises pour choisir parmi deux balises.

ces balises permettent de suivre automatiquement les données essentielles, telles que les clics / conversions, le suivi des vidéos et des liens, le nombre de visiteurs, les nouveaux visiteurs par rapport aux visiteurs réguliers, etc.,

d’autres sociétés de solutions technologiques, telles que WordPress, Parse.ly, Chartbeat, LinkedIn, Adobe Analytics, Pinterest et, bien sûr, Twitter, prennent également en charge AMP.

Optimiser Vos Pages pour les AMP

Accélérée Pages Mobiles est encore en développement. Selon les développeurs du Projet AMP, Github , » nous poussons une nouvelle version D’AMP à toutes les pages AMP chaque semaine le jeudi. »

je prévois de nouvelles fonctionnalités à venir. J’attends, par exemple, une fonctionnalité qui permet aux utilisateurs de choisir la version d’une page à afficher, une version AMP ou une page Mobile standard.,

dans les deux cas, vous devez toujours préparer vos pages Web pour AMP. De cette façon, quoi qu’il arrive, vous serez dans l’équipe gagnante.

Il existe plusieurs options, lorsque vous cherchez à optimiser vos pages Web pour AMP. Si vous êtes débutant, l’une des choses que vous pouvez faire est de maintenir au moins deux versions de votre page de contenu.

votre page de contenu d’origine serait la version conviviale du navigateur mobile que les utilisateurs verront, mais vous aurez également la version AMP de cette page spécifique, ce qui accélérera certainement les choses.,

rappelez-vous également que les versions AMP contiennent du code HTML de base, qui n’autorise pas les éléments de formulaire et le JavaScript tiers.

en tant que marketeur, nous voulons tous construire notre liste de diffusion. L’inconvénient de AMP est qu’il ne vous permettra pas d’y parvenir facilement.

de plus, les commentaires des utilisateurs et autres activités auxquels les utilisateurs participent lors de la visualisation de votre contenu sur une page mobile peuvent ne pas être possibles avec AMP.

Encore une fois, l’accent est mis sur la vitesse et la lisibilité.,

pour commencer avec AMP dès maintenant, si vous êtes un utilisateur WordPress, il vous suffit de télécharger et d’installer le plugin WordPress sur GitHub.

cliquez simplement sur le bouton « Télécharger Zip”.

notez que vous pouvez installer le plugin AMP via votre tableau de bord WordPress, comme vous le feriez avec n’importe quel autre plugin. C’est assez simple.

Une fois que vous avez installé et activé le plugin avec succès, tout ce que vous avez à faire est d’ajouter « / amp / ” à vos pages de blog., Voici à quoi il ressemble sur un navigateur mobile:

Et voici l’AMPLI version de cette page sur Le Gardien:

Si vous n’avez pas un amical permalien, alors vous pouvez ajouter ce « ?amp=1” à la place.

n’oubliez pas de valider et de modifier sur Google Search Console. De cette façon, vous pouvez aider Google à récupérer vos versions D’ampli plus rapidement.

Conclusion

AMPLI est vraiment puissant. En tant que mise à niveau vers des pages adaptées aux mobiles, il vous aide à répondre aux attentes de Google d’optimiser votre site pour la vitesse.,

à l’avenir, les Pages mobiles accélérées vont influencer beaucoup d’interactions mobiles sur les réseaux sociaux. Je suis certain de cela.

bien que L’accent soit mis sur AMP en ce moment, n’oubliez pas d’utiliser des stratégies de marketing mobile éprouvées. Voilà comment générer des clients mobiles sur votre site et développer votre entreprise.

avant de partir, j’ai une question pour vous: avez-vous accéléré vos pages mobiles pour la vitesse et la lisibilité? Si non, quel est l’arrêt de vous?