Vous souhaitez configurer Google AMP sur votre site WordPress ?
AMP signifie Accelerated Mobile Pages (pages mobiles accélérées) et constitue un moyen de rendre le chargement de votre site plus rapide sur les appareils mobiles. Les sites à chargement rapide offrent une meilleure expérience utilisateur et peuvent améliorer le trafic.
Dans cet article, nous allons vous afficher comment configurer Google AMP dans WordPress.
Qu’est-ce que Google AMP ?
Google AMP signifie Accelerated Mobile Pages (pages mobiles accélérées). Il s’agit d’une initiative open-source supportée par des entreprises technologiques comme Google et Twitter. L’objectif du projet est de faire en sorte que les contenus web se chargent plus rapidement pour les utilisateurs/utilisatrices mobiles.
Pour de nombreux utilisateurs/utilisatrices mobiles, la lecture sur le web est souvent lente. La plupart des pages riches en contenu mettent plusieurs secondes à se charger, malgré tous les efforts déployés par les propriétaires de sites pour les accélérer.
Google AMP utilise un minimum de HTML et un nombre limité de JavaScript. Vous permettez ainsi au contenu d’être hébergé sur le cache Google AMP. Google peut alors servir cette version cache aux utilisateurs/utilisatrices instantanément lorsqu’ils/elles cliquent sur votre lien dans les résultats de recherche.
Il s’agit d’une fonctionnalité très similaire aux Instant Articles de Facebook. Cependant, les Instant Articles sont limités uniquement à la plateforme de Facebook, plus précisément à son application mobile.
Google AMP est agnostique en termes de plateforme et peut être utilisé 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 (Accelerated Mobile Pages)
Les experts en référencement affirment que Google AMP aidera votre site WordPress à mieux se classer dans Google et améliorera l’expérience utilisateur pour les utilisateurs/utilisatrices mobiles sur des connexions internet lentes. Cependant, il existe plusieurs défis pour les propriétaires de sites, 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 AMP mobile. Cela limite votre capacité à ajouter des formulaires d’optin d’e-mail intelligents, des boutons Facebook Like et d’autres scripts dynamiques.
Bien que Google AMP prenne en charge Google Analytics, il ne supportait pas initialement de nombreuses autres plateformes d’analyse, mais cette situation s’est améliorée. Les options d’annonces sont également limitées à quelques plateformes sélectionnées.
Malgré ses limites, Google pousse les pages AMP en leur donnant un coup de pouce dans la recherche mobile. Si une part importante de votre trafic provient de recherches mobiles, alors vous pourriez bénéficier de l’ajout du support AMP pour améliorer et maintenir votre référencement.
Cependant, quelques plaintes ont été formulées à l’encontre de Google AMP par des blogueurs.
Tout d’abord, Alex Kras affirme que vous pouvez potentiellement perdre du trafic mobile si vous activez Google AMP. Lisez attentivement l’article, car il s’agit d’un problème majeur. Et malgré ce que le prospect de Google pour le projet AMP a dit, il n’y a pas de bonnes solutions qui abordent le problème, à notre avis.
Deuxièmement, Terrence Eden souligne les modifications à apporter pour revenir à Google AMP si vous changez d’avis à l’avenir. Nous ne pensons pas qu’il s’agisse d’un problème majeur car vous pouvez effectuer une redirection 301, ce que plusieurs ont souligné dans la section commentaire de ses publications de blog. Néanmoins, c’est une chose à laquelle vous devez penser.
Pour les raisons évoquées ci-dessus, nous ne basculons pas WPBeginner vers Google AMP.
Cependant, comme plusieurs de nos lecteurs nous ont demandé comment configurer Google AMP dans WordPress, nous avons créé une étape par étape sur la façon de configurer Accelerated Mobile Pages dans WordPress.
Tutoriel vidéo
Si vous n’aimez pas la vidéo ou si vous avez besoin de plus d’instructions, alors continuez à lire.
Réglages des pages mobiles accélérées ou AMP dans WordPress
La première chose à faire est d’installer et d’activer l’extension AMP. Pour plus de détails, consultez notre guide étape par étape sur l’installation d’une extension WordPress.
Une fois activé, vous pouvez vous rendre sur la page Apparence » AMP pour voir comment votre site s’affiche sur les appareils mobiles grâce à 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.
L’extension utilisera également l’icône ou le logo de votre site si votre thème le supporte. Consultez notre guide sur l’ajout d’un favicon ou d’une icône de site dans WordPress pour obtenir des instructions détaillées.
N’oubliez pas de cliquer sur le bouton « Enregistrer » pour stocker vos modifications.
Désormais, vous pouvez personnaliser vos pages AMP à l’aide d’extensions. Par exemple, vous pouvez ajouter des publications similaires, des widgets de pied de page et même des icônes de réseaux sociaux à vos pages AMP.
Cependant, vous devrez valider vos pages AMP après avoir installé tout module d’extension.
Vous pouvez maintenant visiter n’importe quelle publication sur votre site et ajouter /amp/ à la fin de l’URL comme ceci :
http://example.com/2016/10/my-blog-post/amp/
Cela affichera une version AMP réduite de la même publication.
Si vous voyez le code source de la publication originale, vous trouverez cette ligne dans le HTML :
<link rel="amphtml" href="http://example.com/2016/10/my-blog-post/amp/" />
Cette ligne indique aux moteurs de recherche et aux autres apps et services consommateurs d’AMP où rechercher la version AMP de la page.
Dépannage
Si vous voyez une erreur 404 lorsque vous essayez de voir la version AMP, voici ce que vous devez faire.
Rendez-vous sur la page Réglages » Permaliens dans votre administration WordPress et cliquez sur le bouton » Enregistrer les modifications « .
N’oubliez pas de ne rien modifier ici. Il vous suffit d’appuyer sur le bouton « Enregistrer les modifications ». Cela actualisera la structure permalienne de votre site.
Vue des pages mobiles accélérées dans Google Search Console
Vous voulez savoir comment vos pages mobiles accélérées se comportent dans la recherche Google ? Vous pouvez facilement le vérifier à l’aide de 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.
Ne vous inquiétez pas si vous ne voyez pas tout de suite vos résultats AMP. Il peut s’écouler un certain temps avant que Google n’indexe vos pages mobiles accélérées et n’affiche ensuite les données dans Search Console.
Obtenir des statistiques précises sur les pages AMP
L’un des principaux problèmes de l’AMP est qu’il peut fausser vos données Google Analytics. Les internautes qui consultent vos pages AMP ne sont pas suivis avec précision et peuvent même être comptabilisés deux fois.
Pour obtenir les statistiques les plus précises, nous vous recommandons d’utiliser MonsterInsights. C’est la meilleure extension Google Analytics pour WordPress.
Le module AMP MonsterInsights corrigera automatiquement votre suivi afin que vous obteniez les statistiques réelles sur vos internautes.
Nous espérons que cet article vous a aidé à apprendre comment configurer les pages mobiles accélérées (AMP) dans WordPress. Vous pouvez également consulter notre guide sur la façon d’accélérer votre site Web ou nos choix d’experts pour les meilleurs services de marketing e-mail pour développer votre entreprise.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
tfk, the5krunner says
the AMP pluigin disables JS scripts.
therefore things like
1. WordPress outbound click stats are disabled
and
2. Google adwords conversion tracking is disabled.
so think carefully before using it
WPBeginner Support says
Thanks for sharing these concerns!
Administrateur
ToTemat says
I tested AMP on the website for over 6 months. My conclusions are like this. The website worked faster on a mobile basis, but it had no effect on its position. Additionally, plug-in conflicts appeared from time to time. Also, fewer people on AMP pages accessed subsequent pages of the website. That’s why I believe responsive pages are better and more relevant than using AMP. I turned off AMP completely by myself some time ago.
WPBeginner Support says
Thank you for sharing your experience with AMP!
Administrateur
Ali Abdoli says
Do I have to index the /amp version of each page in google search console?
WPBeginner Support says
You do not need to specifically index the pages
Administrateur
prabhat says
sir i want some help
Should I enable amp or Not?
Please answer me….
WPBeginner Support says
That would be a personal preference question, we would recommend taking a look at the pros and cons we state at the start of this article.
Administrateur
Sohail Ahmad says
Hi, I don’t know which one is better for my WordPress basic or advance in the amp.
can you give me any suggestion about it?
WPBeginner Support says
That would be a personal preference question. For questions about the plugin in its current state, we would recommend reaching out to the plugin’s support.
Administrateur
wishlovequotes says
Hello Admin
am facing amp issues with my site
i have tried all i know but not working because the errors keep increasing on my search console
i really need help because my site ranking and traffic is affected
WPBeginner Support says
It would depend on the specific errors you are seeing on your site for what would be the issue
Administrateur
waqas majeed says
great article i must say
WPBeginner Support says
Thank you, glad you liked our guide
Administrateur
mreshane says
As i can see why ‘wpbeginner’ didnt take the step to use AMP on they site, look at all the comments, i think that is why.
Still got error and bugs to clear, unfortunately i was trying to find solutions for using AMP but after all the comments here, i’ll take back my step … It’s not worth yet but for the Accelearating pages let just use cached plugins for now.
Until all quite good and no more trouble using AMP i will rewrite my step but for now, lets just stay low.
Thank you WP Beginner for the articles, it helps.
WPBeginner Support says
You’re welcome, we also mention the reasons we did not add amp at the start of our article as well
Administrateur
Apoorv says
‘The site is experiencing technical difficulties.’
This is what I’m seeing when I’m opening the amp version of my site.
WPBeginner Support says
For that error, you would want to take a look at our article here:
https://www.wpbeginner.com/wp-tutorials/how-to-fix-the-wordpress-white-screen-of-death/
as well as reach out to the support for the AMP plugin you’re using if our guide does not fix the issue.
Administrateur
Wapdite says
Nice one am just hearing about amp but don’t know it’s worth
WPBeginner Support says
Glad our guide could help inform you
Administrateur
Akash Gogoi says
I got frustrated because I was finding not solution before reading your article. Thanks for your help.
WPBeginner Support says
Glad our recommendations could help
Administrateur
firstfly says
it’s very interesting, Thanks for sharing a valuable information to us & Knowledgeable also, keep on sharing like this.
WPBeginner Support says
You’re welcome, glad you liked our content
Administrateur
Alison Wright says
HI I wondered have you now started using AMP for your own site or is it still best avoided? Love to know your view.
WPBeginner Support says
We are not currently using AMP on our site.
Administrateur
Mohsen \hefni says
Hello WP Beginner
Thanks for your wonderful effort, really you gave mt a lot of help.
Unfortunately, I couldn’t enable AMP for my website.
Thanks
WPBeginner Support says
If the method in this article isn’t working then you would want to reach out to the AMP plugin’s support and they should be able to help troubleshoot the issue
Administrateur
Aakash says
Hey Wpbeginner Can you plz make a guide on how to place ads in amp wordpress websites ?
Thank you for sharing your Information
WPBeginner Support says
We’ll certainly take a look if we can add that in an article. )
Administrateur
Mark Worthen says
Will you all be updating this article, since it is two years old?
WPBeginner Support says
We will certainly look into updating the article as we are able and as it is needed
Administrateur
Subodh Gupta says
Now Google AMP showing image size error.
Image size is smaller than recommended size. Images should be at least 1200 pixels wide.
That huge. What’s wrong with Google AMP?
WPBeginner Support says
It is a change for Google’s top stories carousel for why that size is now being requested. The AMP plugin is saying that it is receiving that error from Google and letting you know.
Administrateur
nack says
how can we use wordpess theme into amp layout, because after entring amp url the page layout is not match as per our site url.
Biswajit Das says
Me too. My css file not work when i will activate amp plugin.
WPBeginner Support says
AMP uses limited HTML, CSS, and Javascript. You would want to reach out to your theme to see if there is something that can be done to make the theme more AMP friendly.
Administrateur
Reja says
Thanks for this valuable article. Not only this one, but also all of your articles are so helpful for us.
Thanks you all.
Krish Patel says
You Don’t Need AMP Because wpbeginner.com is as fast as AMP .
Eva Rubio says
This is a fantastic article! The structure and detail are easy to follow and user friendly. Thanks for sharing.
Mukul says
Hi, is there any option to auto redirect user to amp site while using mobile.
Friday Alex says
Thank you for this post!
I already activated AMP for one of my site and it is performing well but here you did not recommend it.
Well said, on my next site I will just leave it without implementing AMP and test the two.
Thanks from Nigeria
Fred Sessoms says
I see more pitfalls than gains in implementing AMP – particularly with a plugin. For now, I’ll follow your advice and, « not switch to Google AMP, just yet. »
Henry says
How do I add Adsense on my AMP page
Amin says
Hi, Thank you indeed for your helpful post. I have two points:
1- Have you used the AMP yet or not? How can I be notify if you are going to use it in the future?
2-In w3 total cache, there is an addon for AMP, is that ok?
For me I will not install the plugin as you recommended.
I think you can get the best ranking when you have great content, seo, good speed which can be implemented without apm.
Thanks indeed
WPBeginner Support says
Hi Amin,
For our thoughts on AMP please see our article on how to properly disable Google AMP in WordPress.
Administrateur
Amin says
Thanks indeed
Sarah Carter says
I can’t seem to get AMP analytics working. the Yoast SEO tab for analytics never saves my analytics ID. Any suggestions?
WPBeginner Support says
Hi Sarah,
You can try MonsterInsights. You will need the paid version with at least plus plan to access AMP addon.
Administrateur
pratik agarwal says
i need to know if i can add my pages in amp , currently it is just working on posts. when i type PAGE_URL/amp it takes to 404 page
Ben says
Is there a WordPress AMP plugin that also supports AMP for pages and not just for posts?
Mathukutty P.V. says
What is the difference between Automatic AMP and Accelerated Mobile Pages plugin? Free site on wordpress.com is displaying theme header image and better looking in mobile with their AMP plugin,but self hosted site with AMP do not have theme header image and not looking good like free site. Why like this?
Marius says
Do You know if the Plugin is compatible with the Elementor Plugin?
zeeshan says
i have activated amp in my wordpress .. my question is how to now that amp is working on my posts and if i build amp page except main post then what will happen ?
Harold Hunt says
I am using AMP for WP and have generated and listed some pages. Now I want to discontinue AMP. Can I just delete the AMP for WP plugin or is it a more involved procedure?
Thanks.
Ashutosh Bharadwaj says
Hello. I have been using the AMP plugin by Automattic without any issues for the past 6 months. However we started getting AMP errors in search console that said Prohibited or invalid use of HTML Tag on 12 pages including this one
Has anyone noticed this?
Posted on the plugin page as well but did not get a reply.
I hope the bug gets resolved fast as the pages have been removed from search results and have led to a loss of traffic.
Bryan Veloso says
Use the AMPforWP plugin, it’s wayyy better than the AMP plugin by Automattic
Petra Jonartha says
AMP can not install in my wordpress
Every time I try to install it says « installation failed: destination folder already exist » now should I do so that the AMP in wordpress can be installed??
Aval says
Adsense code adds in the setting section.
Let me know if your problem not resolved.
Thanks,
Ryan says
Yeah I’ve been having the same issue for months. No matter what I enter in the Analytics box, it won’t save.
Dishu Thakur says
I used this plugin but i got one problem. This plugin added amp page for my home page when i tried to open that link then it will redirect it in blog amp page . How can i change it?
David says
I am getting this same effect. when I go to my domain.com/amp/ It does not show home home page, but it shows blog post page. How can we change it to where it shows home page?
Rhett says
Under the AMP Plugin. Go: AMP/Getting Started/Homepage then enable AMP Frontpage –> custom amp front page. Then, just below that you will select your homepage from the drop down menu.
It should all (finally) show up on the AMP version if your homepage/front page.
I hope that helps!
Nick Patel says
Hie Guys,
Very informative post and WordPress is among the early supporters of Google AMP Project. Google AMP plugin for WordPress is quite useful for making the mobile web faster i.e. 4 times faster, which will be a crucial factor for enhancing user experience.
Also, Baidu – the Chinese search engine is now supporting Google AMP project and will consider AMP sites in SERP result as Google has made it a norm for getting higher ranking on search result. Very soon others will be following the same trend and we will be witnessing Google’s footsteps.
Thanks,
Nick
Dipendra Shekhawat says
Great Article. Does anyone knows hoe to trigger AMP automatically when user is viewing our website on mobile device. I mean for viewing AMP pages I dont want to manually go and type /amp at the end of URL. Is there a way?
Eslam Tolba says
As far as I understand, typing /amp at the end of the URL is only for testing, but the plugin already creates the AMP version of the posts and add the related HTML tag to the source code and then google will index those AMP posts and show them to mobile users
Michael says
Hi,
Which Social Media icons plugin is compatible with your mentioned AMP plugin?
Thanks!
Michael
Raj singh says
AMP is not installing in my wordpress .
Whenever I trying to install it says « Installation failed : Destination folder already exist »
Now what I have to do ??
WPBeginner Support says
Hey Raj,
It looks like your previous attempt to install the plugin was interrupted. You need to connect to your website using FTP and then go to wp-content/plugins/ folder. Locate the AMP plugin folder and delete it.
Administrateur
Raj singh says
Thank you so much .
My problem resolved.
WPBeginner Support says
You are welcome
Sankar says
I have use AMP on my website. But always one error detect on some posts. This is image optimization. I try to to use AMP image html code for insert image on post. But this time no image are shown. How can i fix this problem. Please help me. Thanks in advance.
L. Pazzaglia says
I WANT to switch to AMP but since many of my posts have recipes, tables and image grids none of these show up on AMP pages.
I’d like to do AMP pages like the New York Times does, basically there is a long excerpt with a link to continue reading the story that takes you to the non-AMP page.
Any recommendation on how to find a plug-in or how to tweak the WordPress AMP plug-in to do this?
Thanks,
L
Allspired says
I tried everything in this tutorial, but I still get a blank page when I input myURL/amp/ on my browser. Can you please help me out?
Ashoksinh says
Nice post,
is anyone has tried AMP ? and is make difference in google ranking ? please tell me ?
Pooja says
Yes , it helps to improve the ranking.
Dave Bergschneider says
The correct way to implement AMP is to do it as apart of your theme. The AMP plugin is merely a band-aid to bridge the gap from an existing theme. AMP is so new that there’s very little examples of how to include it as your WordPress theme. I’d be interested in knowing if anyone has taken it this far yet. I’ve done some AMP development already and I find it to not be all the difficult.
Adjie Purbojati says
I have trying AMP for a 5 months. And the result is amp not recommend for my site. Because amp make appearance broken. And yes, amp WordPress doesn’t not give features that we need
Vikram Sarin says
How do we make it work for woocommerce? AMP plugin throws up very basic layout of a woocommerce site with the menu also losing all its style and formatting.
Chris says
Does the AMP plugin still only work on Posts and not Pages? Has anyone found a solution that works on entire sites? Thx!
Ellen says
To make it work on pages, you can use the AMP for WP plugin (this plugin requires the AMP plugin).
Shaeel Iqbal says
Hey! Thanks for this AMP WordPress. I have a question in my mid. Can i have to edit my old posts URL and add /amp at the end?
WPBeginner Support says
No, the plugin will automatically add it and Google will automatically show the amp URL whenever it is available.
Administrateur