Enligt vår erfarenhet kan små förändringar i sidans hämtarhastighet vara skillnaden mellan användare som stannar kvar på din WordPress website och studsar bort från den. Det är här Google AMP kan vara praktiskt.
AMP står för Accelerated Mobile Pages och är ett sätt att få din website att ladda snabbare på mobila enheter. Snabbt hämtar webbplatser ger en bättre upplevelse för användarna och kan förbättra trafiken.
I den här artikeln visar vi dig hur du konfigurerar Google AMP i WordPress.
Vad är Google AMP?
Google AMP (Accelerated Mobile Pages) är ett initiativ med öppen källkod som tillkännagavs i oktober 2015. Det syftar till att göra web content snabbare att ladda för mobila användare.
Läsa webbsidor på mobila enheter kan vara långsamt eftersom sidor med mycket content kan ta flera sekunder att hämta trots alla ansträngningar som webbplatsägare gör för att snabba upp sina webbplatser.
Google AMP använder minimalistisk HTML och begränsat JavaScript och lagrar content på Google AMP Cache. Google kan sedan servera den här cachade versionen till användare omedelbart när de klickar på din link.
Detta liknar Facebook Instant Articles. Men medan Instant Articles är begränsade till Facebooks mobila appar är Google AMP plattformsagnostiskt och kan användas av alla webbläsare.
Användningen av Google AMP minskar dock, och tidiga användare som gillar Twitter, LinkedIn och Reddit använder det inte längre. Dessutom prioriteras inte längre websites som använder AMP på pages med sökresultat.
WPBeginners webbplats har aldrig använt Google Optimize, och vi rekommenderar att de flesta webbplatser optimerar pages för Core Web Vitals istället.
Det officiella AMP-pluginet är dock fortfarande available, och du kanske vill lära dig hur du ställer in Accelerated Mobile Pages i WordPress steg-för-steg.
Konfigurera Accelerated Mobile Pages eller AMP i WordPress
Det första du behöver göra är att installera och aktivera pluginet AMP. För mer detaljer, se vår Step-by-Step guide om hur du installerar ett WordPress plugin.
Vid aktivering öppnar du plugins onboarding wizard genom att klicka på länken högst upp på Plugins page.
Note: AMP-pluginet har kompatibilitetsproblem med vissa populära WordPress-tillägg, till exempel WPCode, det ledande code snippet-pluginet. Du kommer att meddelas om eventuella inkompatibla aktiva tillägg högst upp på sidan.
Den första page ger dig en översikt över vad tillägget gör. När du har läst detta kan du klicka på knappen ”Nästa” för att fortsätta.
På den andra page i Wizard kan du välja din tekniska bakgrund.
Avancerade användare som förstår PHP, JavaScript, HTML och CSS kan klicka på det första alternativet. Vi rekommenderar dock att de flesta användare väljer det andra ”icke-tekniska” alternativet eftersom det gör det mycket enklare att konfigurera Google AMP.
När du har valt en teknisk bakgrund klickar du på knappen ”Next” för att fortsätta.
Pluginet kommer nu att skanna din site efter kompatibilitetsproblem med ditt aktiva theme och tillägg. När skanningen är completed kommer du att meddelas om eventuella issues.
I nästa steg i onboarding wizard måste du välja ett templates-läge. Om det inte fanns några issues under scanningen av webbplatsen bör du välja alternativet Standard.
I annat fall bör du läsa texten i Transitional och Läsare sections och välja det rekommenderade alternativet.
Grattis, när du klickar på knappen ”Next” kommer Wizard att vara completed och du kommer att se flera mobile AMP previews av din website.
Se till att du klickar på knappen ”Finish” för att lagra dina Settings.
You can now visit any post on your website and add /amp/ to the end of the URL like this to see a stripped-down AMP version of the post.
http://example.com/my-blog-post/amp/
Detta kommer att visas automatiskt på mobila enheter.
Få exakta analyser på AMP Pages
En av de största issues med AMP är att det kan snedvrida dina Google Analytics-data. Visitors to your AMP pages are not tracked accurately and can even be double-counted.
För den mest exakta analysen rekommenderar vi att du använder MonsterInsights. Det är det bästa tillägget för Google Analytics för WordPress.
MonsterInsights AMP addon kommer automatiskt att fixa din tracking så att du får den verkliga statistiken på dina besökare.
Du kan lära dig hur du installerar MonsterInsights i vår guide för nybörjare om hur du installerar Google Analytics i WordPress.
Expertguider om WordPress Prestanda
Google AMP är ett sätt att förbättra webbplatsens prestanda på mobilen. Du kanske gillar att se några artiklar om våra alternativa metoder för att snabba upp din WordPress website.
- Den ultimata guiden för att öka hastigheten och prestandan i WordPress
- Hur du snabbar upp din website för ecommerce (beprövade tips)
- Varför behöver du ett CDN för din WordPress blogg? [Infografik]
- Hur man optimerar Core Web Vitals för WordPress (Ultimate Guide)
- Vad är Googles INP-poäng och hur kan man förbättra det i WordPress
- Så här optimerar du images för webbprestanda utan att förlora kvalitet
- Så här använder du tillägget GTmetrix för att förbättra prestandan på din WordPress site
- Hur vi ökar hastigheten för att ladda page på WPBeginner
- Hur man korrekt kör ett hastighetstest för en website (bästa tools)
Vi hoppas att den här artikeln hjälpte dig att lära dig hur du ställer in Accelerated Mobile Pages (AMP) i WordPress. Du kanske också vill se vår guide om hur du förbättrar din WordPress site health eller våra expertval på de snabbaste WordPress webbhotellen.
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.
prabhat
sir i want some help
Should I enable amp or Not?
Please answer me….
WPBeginner Support
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.
Administratör
Sohail Ahmad
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
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.
Administratör
wishlovequotes
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
It would depend on the specific errors you are seeing on your site for what would be the issue
Administratör
waqas majeed
great article i must say
WPBeginner Support
Thank you, glad you liked our guide
Administratör
mreshane
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
You’re welcome, we also mention the reasons we did not add amp at the start of our article as well
Administratör
Apoorv
’The site is experiencing technical difficulties.’
This is what I’m seeing when I’m opening the amp version of my site.
WPBeginner Support
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.
Administratör
Wapdite
Nice one am just hearing about amp but don’t know it’s worth
WPBeginner Support
Glad our guide could help inform you
Administratör
Akash Gogoi
I got frustrated because I was finding not solution before reading your article. Thanks for your help.
WPBeginner Support
Glad our recommendations could help
Administratör
firstfly
it’s very interesting, Thanks for sharing a valuable information to us & Knowledgeable also, keep on sharing like this.
WPBeginner Support
You’re welcome, glad you liked our content
Administratör
Alison Wright
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
We are not currently using AMP on our site.
Administratör
Mohsen \hefni
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
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
Administratör
Aakash
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
We’ll certainly take a look if we can add that in an article. )
Administratör
Mark Worthen
Will you all be updating this article, since it is two years old?
WPBeginner Support
We will certainly look into updating the article as we are able and as it is needed
Administratör
Subodh Gupta
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
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.
Administratör
nack
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
Me too. My css file not work when i will activate amp plugin.
WPBeginner Support
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.
Administratör
Reja
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
You Don’t Need AMP Because wpbeginner.com is as fast as AMP .
Eva Rubio
This is a fantastic article! The structure and detail are easy to follow and user friendly. Thanks for sharing.
Mukul
Hi, is there any option to auto redirect user to amp site while using mobile.
Friday Alex
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
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
How do I add Adsense on my AMP page
Amin
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
Hi Amin,
For our thoughts on AMP please see our article on how to properly disable Google AMP in WordPress.
Administratör
Amin
Thanks indeed
Sarah Carter
I can’t seem to get AMP analytics working. the Yoast SEO tab for analytics never saves my analytics ID. Any suggestions?
WPBeginner Support
Hi Sarah,
You can try MonsterInsights. You will need the paid version with at least plus plan to access AMP addon.
Administratör
pratik agarwal
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
Is there a WordPress AMP plugin that also supports AMP for pages and not just for posts?
Mathukutty P.V.
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
Do You know if the Plugin is compatible with the Elementor Plugin?
zeeshan
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
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
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
Use the AMPforWP plugin, it’s wayyy better than the AMP plugin by Automattic
Petra Jonartha
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
Adsense code adds in the setting section.
Let me know if your problem not resolved.
Thanks,
Ryan
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
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
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
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
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
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
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
Hi,
Which Social Media icons plugin is compatible with your mentioned AMP plugin?
Thanks!
Michael
Raj singh
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
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.
Administratör
Raj singh
Thank you so much .
My problem resolved.
WPBeginner Support
You are welcome
Sankar
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
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
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
Nice post,
is anyone has tried AMP ? and is make difference in google ranking ? please tell me ?
Pooja
Yes , it helps to improve the ranking.
Dave Bergschneider
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
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
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
Does the AMP plugin still only work on Posts and not Pages? Has anyone found a solution that works on entire sites? Thx!
Ellen
To make it work on pages, you can use the AMP for WP plugin (this plugin requires the AMP plugin).
Shaeel Iqbal
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
No, the plugin will automatically add it and Google will automatically show the amp URL whenever it is available.
Administratör
Elijah
Thank you very much. Am waiting for when they’ll accept Facebook audience network
Gary
Great article!! Do you know if it’s possible to remove the ”powered by Wordpress” in the footer of our post AMP page? See here >>
Super thanks
Gaz
Francesco
Hi guys,
great guide. What about when Google search console notify me invalid css stylesheet for amp page?