Guide AMP : Qu’est-ce que l’AMP et comment l’installer sur un site WordPress

Vous ne l’avez peut-être pas encore réalisé, mais environ 50 % des personnes accédant à votre site via leurs appareils mobiles abandonneront complètement votre site si le chargement prend plus de 3 secondes.

En tant que débutant, novice dans le domaine des affaires numériques, vous n’êtes peut-être pas au courant de la même chose. Eh bien, c’est pourquoi nous sommes là pour vous.

Si vous n’avez prêté aucune forme d’attention au temps de chargement de votre site sur un appareil mobile et que vous ne notez pas le trafic Web ultérieur, vous êtes perdant. Ces chiffres doivent être notés et connus avant de prendre toute autre décision majeure de développement commercial.

Pourquoi faut-il que cela se produise ?

Principalement parce que la plupart des gens qui recherchent quoi que ce soit en ligne le font via leurs appareils mobiles. Il est donc important de maximiser la vitesse de chargement des pages de votre site.

Pour vous aider dans cette tâche, Google a récemment lancé une nouvelle technologie. Cette technologie promet d’améliorer l’expérience de votre site pour les personnes qui l’utilisent et vous aidera à atteindre vos objectifs. Les pages mobiles accélérées de Google, lancées par Google, également connues sous le nom de Google AMP, sont une initiative révolutionnaire de Google lui-même pour améliorer le trafic sur le site et générer de meilleurs revenus pour une entreprise moderne.

Google AMP s’adresse spécifiquement à la version de votre site mobile et l’accélère en proposant des versions très légères de tout ce qui se trouve sur votre site, tel qu’hébergé sur les serveurs de Google. Les personnes qui visitent votre site obtiendront leur contenu de manière rapide et, par conséquent, il est peu probable qu’elles quittent votre site Web en raison de l’attente. Ils continueront à regarder et à admirer votre travail, vous aidant ainsi dans le cas du trafic Web et des revenus.

Avant d’approfondir la discussion en spirale sur ce que Google AMP peut faire, discutons d’abord de ce qu’est réellement Google AMP, de manière élaborée.

Google AMP est une avancée technologique, une initiative prise par les cerveaux de Google pour rendre les versions de sites mobiles meilleures et plus rapides. Ces cerveaux voulaient que les versions mobiles de différents sites Web se chargent plus rapidement que jamais. Si vous aimez la technologie, les logiciels et les algorithmes, vous savez probablement ce qu’est Facebook Instant Articles. Si vous savez ce que c’est, comprendre Google AMP est assez facile. Ils sont assez similaires.

Google AMP garantit que, lorsque votre site est visité, la version complète de votre site n’est pas chargée. En fait, Google cache délibérément certaines parties pour accélérer le chargement. Cela donne souvent à la version mobile du site un aspect quelque peu minimaliste.

L’initiative est open source, ce qui signifie que n’importe qui peut utiliser les méthodologies pour en tirer des avantages. Bien sûr, Google ne va pas restreindre la même chose car son objectif ultime est de rendre le contenu Web facilement accessible, en particulier pour les utilisateurs mobiles.

La génération de contenu et les temps de chargement sont souvent considérés comme trop lents pour la plupart des gens, ce qui est une plainte très courante. Même les pages pleines de contenu optimisé, riches en informations peuvent prendre plus de temps à se charger. Et malgré tous les efforts de référencement et autres efforts techniques déployés par le site et les propriétaires d’entreprise, le problème semble persister. Et c’est pourquoi Google AMP devient important dans nos vies aujourd’hui. Les pages mobiles accélérées (AMP) dépendent d’un minimum de codes HTML ainsi que de Javascripts pour charger une page de site Web. Cela aidera le contenu de différents sites Web à être facilement hébergé sur des caches AMP. Ces versions de cache peuvent être utilisées pour servir les gens instantanément, dès qu’ils cliquent sur un site Web particulier à partir de sources organiques.

La méthode, comme nous venons de l’indiquer ci-dessus, est assez similaire aux articles instantanés de Facebook. Mais il y a une contradiction! Contrairement à AMP, les articles instantanés seront limités à Facebook uniquement. Et pas seulement à la version Web de Facebook, mais à leur application mobile. AMP, cependant, peut fonctionner presque n’importe où. Ils peuvent être utilisés par toutes sortes d’applications et de navigateurs Web et même de visionneuses Web. À l’heure actuelle, il est utilisé non seulement par Google, mais également par LinkedIn, Twitter, Reddit et d’autres.

Google AMP vaut-il vraiment le coup ?

Eh bien, nous n’allons pas énoncer les bonnes réponses. Vous allez répondre à cette question aujourd’hui. Nous vous simplifierons le processus en vous donnant tous les avantages et les inconvénients d’AMP.

Selon la plupart des experts SEO, AMP va vous aider à obtenir un meilleur classement sur le moteur de recherche Google et améliorera l’expérience des utilisateurs, en particulier sur les plateformes mobiles. C’est une aubaine pour les personnes ayant des connexions Internet plus lentes. Mais ils pourraient tout aussi bien lancer des défis aux propriétaires de sites et aux blogueurs.

Maintenant que Google AMP utilise un nombre limité d’options HTML et Javascript, en tant que spécialiste du marketing de contenu et propriétaire de site, vous ne pourrez peut-être pas ajouter quelques widgets à votre site mobile. Cela pourrait s’avérer être un fléau car cela limitera votre capacité en tant que spécialiste du marketing numérique à ajouter des options intelligentes, telles que des newsletters, des options de courrier électronique, des boîtes de partage et de partage Facebook, et d’autres options polyvalentes.

Google AMP, out and out, prend en charge Google Analytics mais ne fournit pas vraiment de support pour les autres plates-formes. C’est ainsi que fonctionnent les options publicitaires sous Google AMP. La plupart des plateformes publicitaires ne sont pas prises en charge par Google.

Même après ces quelques limitations, AMP maintient toujours sa position dans l’industrie pour augmenter considérablement les pages Web et le trafic du site. En ajoutant le support AMP à votre site, tout en travaillant simultanément sur vos pratiques de référencement, vous pouvez certainement rassembler une grande partie du trafic de votre site via des recherches mobiles.

Pour vous assurer que vous bénéficiez de tous les avantages pouvant être générés par AMP pour votre site WordPress, nous avons ici organisé un guide étape par étape sur la configuration de votre profil Google AMP pour la première fois.

Avant de suivre ce guide rapide sur l’activation de l’AMP pour votre site WordPress, nous supposons que vous avez déjà activé le plugin Yoast WordPress pour votre site. Vous pouvez ignorer l’étape, si vous ne l’avez pas déjà fait, et vous pouvez directement activer AMP sur votre site. Cependant, nous vous recommandons d’activer le plugin Yoast SEO comme condition préalable.

Maintenant, allons droit au but !

Configuration de Google AMP pour votre site WordPress.

Il est très facile de configurer votre profil AMP et de le lier à votre site WordPress. Tous saluent la puissance du plugin officiel pour la même chose par Google lui-même. Le plugin AMP officiel ne nécessite pas de configurations et c’est pourquoi vous voudriez ajouter des plugins d’extension pour le rendre entièrement fonctionnel.

Tout d’abord, passons aux bases. Comprenons la partie fondamentale de l’installation du plugin officiel. Après quoi, nous allons le tester, puis le configurer en conséquence.

Installation

Vous pouvez installer le plugin AMP pour votre site WordPress en suivant la procédure ci-dessous. Cette méthode vous oblige à vous connecter à votre panneau d’administration sur votre site WordPress, puis à cliquer sur Plugins.

• Après avoir cliqué sur les plugins, vous devez cliquer sur l’onglet "Ajouter un nouveau", après quoi vous devez effectuer une requête de recherche pour "Accelerated Mobile Pages".
• Une fois que vous avez trouvé l’option appropriée, vous devriez l’installer en cliquant sur "activer".
• Après avoir activé le plugin, vous verrez un message indiquant "Ce thème nécessite le plugin suivant: AMP, Begin Installing Plugin". Vous devez ensuite cliquer sur "Commencer l’installation du plugin" puis sur "installer".

Configuration de votre Google Analytics

Une fois que vous avez installé le plugin AMP, vous devriez chercher à installer Google Analytics. Pour configurer Google Analytics, vous devez trouver votre identifiant de suivi. Après cela, vous devrez vous connecter à Google Analytics, puis cliquer sur l’icône d’engrenage apparaissant en bas à gauche de votre écran, à travers laquelle vous serez dirigé vers le panneau d’administration. Une fois que vous avez sélectionné le même, vous allez maintenant sélectionner Compte et Propriété, directement à partir des menus déroulants. Lorsque vous regardez les options sous la colonne Propriété, vous verrez un onglet intitulé "Informations de suivi". Cliquez dessus pour voir votre ID de suivi. Cet ID commence généralement par UA.

Copiez cet ID de suivi et connectez-vous à la plateforme de votre site WordPress. Sur le côté gauche de votre écran, cliquez sur Navigation, puis allez sur AMP et depuis AMP, cliquez sur Analytics. Collez votre identifiant de suivi là où "Google Analytics" est mentionné. Une fois que vous avez fait cela, vous devez maintenant cliquer sur "Enregistrer les modifications" et vous avez terminé.

Configuration des paramètres de votre plug-in

Dans cette étape, nous discuterons des configurations de base que vous pouvez utiliser pour personnaliser l’apparence de votre plugin AMP. Cette configuration vous aidera également à prendre en charge plusieurs formats de contenu.

Nous supposons ici que vous possédez déjà le plugin Yoast SEO. Donc, pour commencer cette configuration, vous devez vous rendre sur Yoast SEO, et cliquer sur AMP. Une fois que vous avez fait cela, vous devriez maintenant cliquer sur Types de publication. À partir de là, vous pourrez sélectionner le type de publications que vous pouvez utiliser et qui seront conformes à l’AMP.

Lorsque vous cliquez sur le deuxième onglet de l’onglet Conception, vous pourrez désormais personnaliser l’apparence de vos pages de contenu activées par AMP. Si vous appliquez le style CSS, vous pouvez personnaliser votre contenu et également lier des modèles de couleurs similaires à télécharger pour vous-même et une icône AMP personnalisée. Vous pouvez également définir des images par défaut pour les pages de votre site, si nécessaire.

Testez votre configuration AMP

Une fois que vous avez terminé le processus de création d’une URL AMP, vous devez également vous assurer que ces URL fonctionnent correctement. S’ils ne sont pas configurés correctement et ne fonctionnent pas, Google ne pourra pas les afficher ultérieurement dans les résultats de recherche. C’est une précaution que vous devriez prendre à l’avance, car cela peut parfois être une tâche ardue pour la plupart des webmasters !

Cependant, il existe des solutions à chaque problème. Vous en obtenez un même lorsque vous testez et validez vos URL AMP. Vous devez choisir quelques pages de site et tester vos versions AMP de celles-ci en utilisant l’une des procédures mentionnées ci-dessous. Mais avant de poursuivre et d’effectuer l’une de ces tâches, vous devez ajouter /amp/ à la fin de votre URL, comme indiqué précédemment.

1. Vous devriez aller sur ce site Web – search.google.com/test/amp Et, vous devriez déposer l’URL de la page de votre site sur ce site Web. Une fois que vous avez fait cela, vous devez maintenant cliquer sur "Exécuter le test". Vous verrez vos résultats, qu’ils soient valides ou invalides.

2. La deuxième option aide spécifiquement les personnes qui utilisent le navigateur Web Google Chrome. Si vous utilisez un autre navigateur Web pour accéder à Internet, comme Mozilla Firefox, Safari, etc., cette option ne s’appliquera pas vraiment à vous.

   Vous devez ouvrir la page AMP dans votre navigateur Google Chrome et ajouter #development=1 à l’URL de votre site.

   La prochaine chose à faire est d’ouvrir la console Chrome Dev Tools, à partir du menu Google Chrome lui-même, puis de sélectionner "Plus d’outils". Après cela, vous devez cliquer sur ‘Outils de développement’ puis sur ‘Console’.

   Une fois que vous aurez cliqué sur ‘Console’, vous pourrez vérifier les erreurs de validation. Si tout se passe bien et fonctionne correctement, le processus de validation devrait être un succès.

3. La troisième option que vous pouvez suivre est d’aller sur ce site Web – validator.ampproject.org et de coller votre URL AMP ici, dans le champ URL mentionné. Une fois que vous l’avez collé, vous devez cliquer sur "Valider".

   S’il y a des erreurs ou des problèmes, cet outil les mettra en évidence et les signalera dans le code HTML.

Envoi de votre URL AMP pour le processus d’indexation

Si vous avez suivi le processus de validation AMP via Google Search Console, vous pouvez ensuite cliquer directement sur "Soumettre à Google", une fois que vous avez vu le test comme valide.

Si ce n’est pas le cas, une autre option s’offre à vous. Celui-ci fonctionnerait si vous vous êtes connecté à votre compte Google Search Console. Une fois que vous avez fait cela, vous pouvez rechercher "Soumettre à Google", puis soumettre directement l’URL de votre site.

Lorsque vous soumettez la page du site AMP à Google par l’autre moyen, Google indexera ultérieurement votre page de site AMP, qu’elle soit liée en interne et répertoriée dans le plan de site XML ou non.

Consultez Google Search Console pour résoudre chaque erreur.

L’étape suivante consiste à apprendre à gérer les pages de votre site AMP à partir d’un seul emplacement, qui est la Google Search Console. Vous devez vous connecter à Google Search Console et à partir de là, sous l’onglet "Apparence de recherche", vous devez cliquer sur "Accelerated Mobile Pages".

Lorsque vous faites cela, vous pourrez voir combien de vos pages AMP sont indexées et lesquelles ne le sont pas. Ceux qui n’ont pas encore été indexés doivent avoir des erreurs quelconques, qui seront également affichées ici. Si vous identifiez les problèmes critiques, vous pouvez ensuite résoudre ces erreurs à l’aide des outils mentionnés à l’étape précédente.

Test de la vitesse de la page.

Une fois que tout ce qui est mentionné ci-dessus est terminé, vous devriez maintenant commencer à en voir les avantages. Pour voir si vos efforts ont été fructueux ou non, vous devriez essayer d’exécuter vos pages AMP et vos pages de site mobile standard via des outils de vitesse comme WebPageTest. Vous devez également comparer les résultats des deux pages différentes.

Et voila! Vous avez terminé. Vous pouvez commencer votre parcours AMP.

Google intensifie ses efforts tout en dévoilant un miracle sous la forme d’un processus d’indexation mobile et d’accélération des pages. Ce faisant, ils deviennent aujourd’hui un facteur de classement pour de nombreux sites et entreprises. L’initiative technique prise par Google sous la forme d’AMP est aujourd’hui une étape cruciale pour toutes les entreprises modernes et les sociétés de développement d’applications mobiles. Ne pas passer au même pourrait devenir problématique pour vous à long terme! N’ayez pas peur, faites ce changement! Vous nous remercierez plus tard.