Voulez-vous configurer Google AMP sur votre site WordPress ? Les pages mobiles accélérées ou AMP sont un moyen d'accélérer le chargement de votre site Web sur les appareils mobiles. Les sites Web à chargement rapide offrent une meilleure expérience utilisateur et peuvent améliorer votre trafic. Dans cet article, nous allons vous montrer comment configurer Google AMP dans WordPress.

GoogleAMP pour WordPress

Qu'est-ce que Google AMP ?

Google AMP signifie Accelerated Mobile Pages. Il s'agit d'une initiative open source soutenue par des entreprises technologiques telles que Google et Twitter. L'objectif du projet est d'accélérer le chargement du contenu Web pour les utilisateurs mobiles.

Pour de nombreux mobinautes, la lecture sur le Web est souvent lente. La plupart des pages riches en contenu prennent plusieurs secondes à se charger malgré tous les efforts déployés par les propriétaires de sites pour accélérer leur site Web.

Pages mobiles accélérées (AMP) dans la vue de recherche et de navigateur

Les pages mobiles accélérées ou AMP utilisent un code HTML minimal et un Javascript limité. Cela permet au contenu d'être hébergé sur Google AMP Cache. Google peut ensuite fournir cette version en cache aux utilisateurs instantanément lorsqu'ils cliquent sur votre lien dans les résultats de recherche.

Il est très similaire aux articles instantanés de Facebook. Cependant, les articles instantanés sont limités uniquement à la plate-forme de Facebook, plus précisément à leur application mobile.

Les pages mobiles accélérées sont indépendantes de la plate-forme et peuvent être utilisées par n'importe quelle application, navigateur ou visionneuse Web. Actuellement, il est utilisé par Google, Twitter, LinkedIn, Reddit et d'autres.

Avantages et inconvénients de Google AMP (pages mobiles accélérées)

Les experts en référencement affirment que les pages mobiles accélérées vous aideront à vous classer plus haut dans Google et améliorent l'expérience utilisateur pour les utilisateurs mobiles sur des connexions Internet lentes. Cependant, ils représentent plusieurs défis pour les propriétaires de sites Web, les blogueurs et les spécialistes du marketing.

AMP utilise un ensemble limité de HTML, JavaScript et CSS. Cela signifie que vous ne pouvez pas ajouter certains widgets et fonctionnalités à votre site Web AMP mobile. Cela limite votre capacité à ajouter des formulaires d'inscription intelligents aux e-mails, des boîtes de type Facebook et d'autres scripts dynamiques.

Bien que Google AMP prenne en charge Google Analytics, il ne prend pas en charge de nombreuses autres plates-formes d'analyse. Il en va de même pour les options publicitaires qui sont limitées à quelques plates-formes publicitaires sélectionnées.

Malgré ses limites, Google pousse les pages AMP en leur donnant un coup de pouce dans la recherche mobile.

Si une partie importante de votre trafic provient de recherches mobiles, vous pouvez bénéficier de l'ajout de la prise en charge AMP pour améliorer et maintenir votre référencement.

Noter: Il y a eu quelques plaintes concernant Google AMP par des blogueurs.

Le premier est par Alex Kras qui prétendent que vous pouvez potentiellement perdre du trafic mobile si vous activez Google AMP. Lisez attentivement l'article car c'est un énorme problème, et malgré ce que le projet Google Tech Lead for AMP a dit, il n'y a pas de bonnes solutions qui résolvent le problème à notre avis.

La deuxième est par Terrence Éden qui met en évidence les difficultés de revenir de Google AMP si vous changez d'avis à l'avenir. Nous ne pensons pas que ce soit un problème majeur, car vous pouvez effectuer une redirection 301, ce que plusieurs ont souligné dans la section des commentaires de ses articles de blog, mais c'est néanmoins quelque chose auquel vous devez réfléchir.

Pour les raisons ci-dessus, nous ne basculons pas WPBeginner vers Google AMP.

Cependant, depuis que plusieurs de nos lecteurs ont demandé comment configurer Google AMP dans WordPress, nous avons créé un processus étape par étape sur la configuration des pages mobiles accélérées dans WordPress.

Didacticiel vidéo

Abonnez-vous à WPBeginner

Si vous n'aimez pas la vidéo ou avez besoin de plus d'instructions, continuez à lire.

Configuration des pages mobiles accélérées ou AMP dans WordPress

La première chose que vous devez faire est d'installer et d'activer le Plug-in AMP. Pour plus de détails, consultez notre guide étape par étape sur la façon d'installer un plugin WordPress.

Lors de l'activation, vous pouvez vous diriger vers Apparence » AMP page pour voir à quoi ressemble votre site sur les appareils mobiles utilisant AMP.

Page des paramètres du plug-in WordPress AMP

Vous pouvez modifier l'arrière-plan de l'en-tête et la couleur du texte sur cette page. La couleur d'arrière-plan de l'en-tête que vous choisissez sera également utilisée pour les liens.

Le plugin utilisera également l'icône ou le logo de votre site si votre thème le prend en charge. Consultez notre guide sur la façon d'ajouter un favicon ou une icône de site dans WordPress pour des instructions détaillées.

N'oubliez pas de cliquer sur le bouton Enregistrer pour enregistrer vos modifications.

Vous souhaitez personnaliser encore plus vos pages AMP ? Il existe de nombreux plugins qui vous permettront d'ajouter des publications connexes, des widgets de pied de page et même des icônes de médias sociaux à vos pages AMP.

Cependant, vous devrez vous assurer de valider vos pages AMP après avoir installé des plugins supplémentaires.

Vous pouvez maintenant visiter n'importe quel article sur votre site Web et ajouter /amp/ à la fin de l'URL. Comme ça:

http://example.com/2016/10/my-blog-post/amp/

Cela vous montrera une version AMP simplifiée du même message.

Aperçu mobile AMP

Si vous affichez le code source du message d'origine, vous trouverez cette ligne dans le code HTML :

<link rel="amphtml" href="http://example.com/2016/10/my-blog-post/amp/" />

Cette ligne indique aux moteurs de recherche et aux autres applications/services consommateurs d'AMP où rechercher la version AMP de la page.

Dépannage:

Si vous voyez une erreur 404 lorsque vous essayez d'afficher la version de l'ampli, voici ce que vous devez faire.

Visiter Paramètres » Permaliens page dans votre administrateur WordPress et cliquez sur le bouton “Enregistrer les modifications”. Rappelez-vous, ne changez rien ici, appuyez simplement sur le bouton Enregistrer. Cela actualisera la structure des permaliens de votre site Web.

Afficher les pages mobiles accélérées dans Google Search Console

Vous voulez savoir comment se comportent vos pages mobiles accélérées dans la recherche Google ? Vous pouvez facilement vérifier cela en utilisant la Google Search Console.

Connectez-vous à votre tableau de bord Google Search Console, puis cliquez sur Apparence de la recherche » Pages mobiles accélérées.

Pages mobiles accélérées dans Google Search Console

Ne vous inquiétez pas si vous ne voyez pas vos résultats AMP immédiatement. Google peut mettre un certain temps à indexer vos pages mobiles accélérées, puis à afficher les données dans la Search Console.

Obtenir des analyses précises sur les pages AMP

L'un des principaux problèmes avec AMP est qu'il peut fausser vos données Google Analytics. Les visiteurs de vos pages AMP ne sont pas suivis avec précision et peuvent même être comptés deux fois.

Pour des analyses plus précises, nous vous recommandons d'utiliser MonstreInsights. C'est le meilleur plugin Google Analytics pour WordPress.

L'addon MonsterInsights AMP corrigera automatiquement votre suivi afin que vous obteniez les statistiques réelles sur vos visiteurs.

Nous espérons que cet article vous a aidé à apprendre à configurer des pages mobiles accélérées (AMP) sur WordPress. Vous pouvez également consulter notre liste de conseils pratiques pour générer du trafic vers votre site WordPress.

Si cet article vous a plu, abonnez-vous à notre Chaîne Youtube pour les didacticiels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.