Alla vill ha en snabbare webbplats för att ranka högre i sökresultaten. Google AMP är dock inte alltid den magiska lösningen som folk tror.
Vi har testat otaliga prestandastrategier på WPBeginner. Enligt vår erfarenhet kan det att rusa in i AMP utan en plan faktiskt bryta din webbplatsdesign.
Om du bestämmer dig för att denna teknik är rätt för dig, kan vi hjälpa dig att komma igång säkert.
I den här guiden visar vi dig hur du korrekt konfigurerar Google AMP på din WordPress-webbplats.
Vad är Google AMP?
Google AMP (Accelerated Mobile Pages) är ett öppen källkod-ramverk som lanserades av Google i oktober 2015 för att åtgärda långsamma laddningstider på mobila webben. Tekniken skapar nedskalade versioner av webbsidor som laddas nästan omedelbart på mobila enheter.
Så här fungerar det: AMP använder en förenklad version av HTML (kallad AMP HTML), begränsar användningen av JavaScript och lagrar ditt innehåll i Googles globala cache-nätverk.
När någon klickar på din AMP-länk från sökresultaten, levererar Google den cachade versionen direkt från sina servrar, vilket eliminerar de vanliga laddningsfördröjningarna.
Verkligheten idag: AMP-användningen har minskat betydligt sedan dess topp popularitet. Stora plattformar som Twitter, LinkedIn och Reddit har alla avbrutit sina AMP-implementationer.
Ännu viktigare är att Google inte längre ger AMP-sidor någon företrädesbehandling i sökrankingen, vilket var en av de främsta anledningarna till att webbplatser initialt antog det.
Baserat på vår erfarenhet av att driva WPBeginner har vi aldrig implementerat AMP på vår egen webbplats. Istället rekommenderar vi att du fokuserar dina optimeringsinsatser på att förbättra Core Web Vitals, vilket ger bättre långsiktiga resultat för både användarupplevelse och sökmotorprestanda.
Med det sagt, om du har bestämt dig för att AMP passar dina affärsmål och tekniska krav, finns det officiella AMP-pluginet fortfarande tillgängligt och fungerar. Den här guiden guidar dig genom hela installationsprocessen så att du kan implementera det korrekt.
Konfigurera Accelerated Mobile Pages eller AMP i WordPress
Det första du behöver göra är att installera och aktivera AMP-pluginet. För mer information, se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.
Efter aktivering, klicka helt enkelt på länken högst upp på Plugins-sidan för att öppna installationsguiden.
Notera: AMP-pluginet har kompatibilitetsproblem med vissa populära WordPress-plugins, som till exempel WPCode, det ledande pluginet för kodsnuttar. Du kommer att meddelas om eventuella inkompatibla aktiva plugins högst upp på sidan.
Den första sidan ger dig en översikt över vad pluginet gör. När du har läst detta kan du klicka på knappen 'Nästa' för att fortsätta.
Den andra sidan i guiden låter dig välja din tekniska bakgrund.
Avancerade användare som förstår PHP, JavaScript, HTML och CSS-kod kan välja det första alternativet. Vi rekommenderar dock att de flesta användare väljer det andra 'icke-tekniska' alternativet eftersom det gör installationen av Google AMP mycket enklare.
När du har valt en teknisk bakgrund klickar du på knappen 'Nästa' för att fortsätta.
Pluginet kommer nu att skanna din webbplats efter kompatibilitetsproblem med ditt aktiva tema och dina plugins. När skanningen är klar kommer du att meddelas om eventuella problem.
I nästa steg i installationsguiden måste du välja ett malläge. Vi rekommenderar att du väljer Transitional-alternativet.
Denna inställning säkerställer att din stationära webbplats behåller sin ursprungliga design och varumärkesprofil, samtidigt som den skapar en separat, snabbladdande AMP-version specifikt för mobilanvändare.
Klicka sedan på knappen 'Nästa'. Du kommer nu att se en förhandsgranskning av hur din webbplats ser ut i AMP-format.
Se till att du klickar på knappen ‘Slutför’ för att spara dina inställningar.
Om du valde Transitional- eller Reader-läge kan du besöka vilket inlägg som helst på din webbplats och lägga till /amp/ i slutet av URL:en för att se AMP-versionen.
https://example.com/my-blog-post/amp/
Detta kommer automatiskt att visas på mobila enheter.
Få korrekt analys på AMP-sidor
Ett av de stora problemen med AMP är att det kan snedvrida dina Google Analytics-data. Besökare på dina AMP-sidor spåras inte korrekt och kan till och med räknas dubbelt.
För de mest exakta analyserna rekommenderar vi att du använder MonsterInsights. Det är det bästa Google Analytics-pluginet för WordPress.
MonsterInsights AMP-tillägget kommer automatiskt att fixa din spårning så att du får de verkliga statistiken om dina besökare.
Du kan lära dig hur du ställer in MonsterInsights i vår nybörjarguide om hur man installerar Google Analytics i WordPress.
Vanliga frågor om Google AMP
Här är några av de vanligaste frågorna våra läsare ställer om konfiguration av Google AMP på WordPress.
1. Är Google AMP fortfarande nödvändigt för WordPress?
Nej, det är inte strikt nödvändigt. Tidigare krävde Google AMP för vissa mobil-sökfunktioner som Top Stories-karusellen. Det är inte längre fallet.
Idag är de flesta moderna responsiva WordPress-teman tillräckligt snabba på egen hand. Vi rekommenderar att du fokuserar på att klara Core Web Vitals istället för att underhålla en separat AMP-version av din webbplats.
2. Kommer installation av AMP att skada min webbplats SEO?
Korrekt installation hjälper vanligtvis mobilhastigheten, vilket är en rankningsfaktor. En dålig installation kan dock skada din SEO. Om dina AMP-sidor saknar viktiga interna länkar eller navigeringsmenyer kan användarnas engagemangssignaler minska. Detta kan negativt påverka dina rankningar över tid.
3. Fungerar AMP med plugins som WPForms eller OptinMonster?
Ja, men det finns begränsningar. Eftersom AMP begränsar JavaScript slutar vanliga formulär och popup-fönster ofta att fungera. Du måste använda de specifika AMP-integrationerna som tillhandahålls av verktyg som WPForms och OptinMonster. Utan dessa specifika inställningar kanske dina verktyg för leadgenerering inte visas på mobila enheter.
4. Kan jag enkelt ta bort AMP om jag inte gillar det?
Du kan ta bort det, men du måste vara försiktig. Om du bara inaktiverar pluginet kan Google fortfarande försöka skicka besökare till AMP-versionerna av dina sidor, vilket resulterar i 404-fel.
För att åtgärda detta måste du ställa in korrekta omdirigeringar för att skicka mobiltrafik tillbaka till din vanliga mobila webbplats. Vi rekommenderar att du använder Redirection Manager i All in One SEO (AIOSEO) för att enkelt hantera detta.
5. Vad är skillnaden mellan mobilvänlig och AMP?
En mobilvänlig webbplats är din vanliga webbplatsdesign som anpassar sin layout för att passa små skärmar. Den behåller all din branding, stilar och skript. AMP är en helt separat version av din sida. Den tar bort det mesta av tung kod för att laddas omedelbart, ofta på bekostnad av dina specifika designelement i processen.
Ytterligare resurser om WordPress-prestanda
Google AMP är ett sätt att förbättra webbplatsens prestanda på mobilen. Du kanske vill se några artiklar om våra föredragna metoder för att snabba upp din WordPress-webbplats.
- Den ultimata guiden för att öka WordPress-hastighet & prestanda
- Hur du snabbar upp din e-handelswebbplats (bevisade tips)
- Varför behöver du ett CDN för din WordPress-blogg? [Infografik]
- Hur man optimerar Core Web Vitals för WordPress (Ultimat guide)
- Vad är Googles INP-poäng och hur man förbättrar den i WordPress
- Hur man optimerar bilder för webbprestanda utan att förlora kvalitet
- Hur du använder GTmetrix-plugin för att förbättra WordPress-webbplatsens prestanda
- Hur vi ökar sidladdningshastigheten på WPBeginner
- Hur du korrekt kör ett webbplatshastighetstest (bästa verktygen)
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 webbplats hälsa eller våra experters val av det snabbaste WordPress-värdskapet.
Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.
prabhat
Herr, jag behöver lite hjälp.
Ska jag aktivera amp eller inte?
Var snäll och svara mig....
WPBeginner Support
Det skulle vara en fråga om personlig preferens, vi skulle rekommendera att titta på för- och nackdelar som vi anger i början av den här artikeln.
Admin
Sohail Ahmad
Hej, jag vet inte vilken som är bäst för min WordPress grundläggande eller avancerade i amp.
kan du ge mig några förslag om det?
WPBeginner Support
Det skulle vara en fråga om personliga preferenser. För frågor om pluginet i dess nuvarande skick rekommenderar vi att du kontaktar pluginets support.
Admin
wishlovequotes
Hej administratör
Jag har problem med AMP på min webbplats
Jag har provat allt jag kan men det fungerar inte eftersom felen fortsätter att öka i min sökkonsol
Jag behöver verkligen hjälp eftersom min webbplats ranking och trafik påverkas
WPBeginner Support
Det skulle bero på de specifika felen du ser på din webbplats för vad som skulle vara problemet
Admin
waqas majeed
bra artikel måste jag säga
WPBeginner Support
Thank you, glad you liked our guide
Admin
mreshane
Som jag kan se varför 'wpbeginner' inte tog steget att använda AMP på sin webbplats, titta på alla kommentarer, jag tror att det är därför.
Har fortfarande fel och buggar att åtgärda, tyvärr försökte jag hitta lösningar för att använda AMP men efter alla kommentarer här tar jag tillbaka mitt steg ... Det är inte värt det än, men för att accelerera sidor använder vi bara cachade plugins för nu.
Tills allt är ganska bra och inga fler problem med att använda AMP kommer jag att skriva om mina steg, men för nu, låt oss bara hålla oss lågt.
Tack WP Beginner för artiklarna, det hjälper.
WPBeginner Support
You’re welcome, we also mention the reasons we did not add amp at the start of our article as well
Admin
Apoorv
'Webbplatsen upplever tekniska problem.'
Det här är vad jag ser när jag öppnar amp-versionen av min webbplats.
WPBeginner Support
För det felet vill du titta på vår artikel här:
https://www.wpbeginner.com/wp-tutorials/how-to-fix-the-wordpress-white-screen-of-death/
och även kontakta supporten för AMP-pluginet du använder om vår guide inte löser problemet.
Admin
Wapdite
Bra jobbat, jag hör bara talas om amp men vet inte dess värde
WPBeginner Support
Glad our guide could help inform you
Admin
Akash Gogoi
Jag blev frustrerad eftersom jag inte hittade någon lösning innan jag läste din artikel. Tack för din hjälp.
WPBeginner Support
Glad our recommendations could help
Admin
firstfly
det är mycket intressant, tack för att du delar värdefull information med oss & kunnig också, fortsätt att dela så här.
WPBeginner Support
You’re welcome, glad you liked our content
Admin
Alison Wright
HEJ Jag undrade om du nu har börjat använda AMP för din egen webbplats eller om det fortfarande bäst att undvika? Skulle gärna vilja veta din åsikt.
WPBeginner Support
Vi använder för närvarande inte AMP på vår webbplats.
Admin
Mohsen \hefni
Hej WP Beginner
Tack för din underbara insats, verkligen du gav mig mycket hjälp.
Tyvärr kunde jag inte aktivera AMP för min webbplats.
Tack
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
Admin
Aakash
Hej Wpbeginner Kan du snälla göra en guide om hur man placerar annonser i amp wordpress-webbplatser?
Thank you for sharing your Information
WPBeginner Support
Vi kommer absolut att titta på om vi kan lägga till det i en artikel. )
Admin
Mark Worthen
Kommer ni att uppdatera den här artikeln, eftersom den är två år gammal?
WPBeginner Support
We will certainly look into updating the article as we are able and as it is needed
Admin
Subodh Gupta
Nu visar Google AMP fel på bildstorlek.
Bildstorleken är mindre än den rekommenderade storleken. Bilder bör vara minst 1200 pixlar breda.
Det är enormt. Vad är fel med Google AMP?
WPBeginner Support
Det är en ändring för Googles karusell med toppnyheter varför den storleken nu efterfrågas. AMP-pluginet säger att det får det felet från Google och meddelar dig.
Admin
nack
hur kan vi använda wordpress-tema i AMP-layout, eftersom efter att ha angett AMP-URL:en matchar sidlayouten inte som på vår webbplats-URL.
Biswajit Das
Jag med. Min CSS-fil fungerar inte när jag aktiverar AMP-pluginet.
WPBeginner Support
AMP använder begränsad HTML, CSS och Javascript. Du bör kontakta ditt tema för att se om det finns något som kan göras för att göra temat mer AMP-vänligt.
Admin
Reja
Tack för den här värdefulla artikeln. Inte bara den här, utan alla dina artiklar är så hjälpsamma för oss.
Tack allihop.
Krish Patel
Du behöver inte AMP eftersom wpbeginner.com är lika snabbt som AMP.
Eva Rubio
Det här är en fantastisk artikel! Strukturen och detaljerna är lätta att följa och användarvänliga. Tack för att du delade.
Mukul
Hej, finns det något alternativ för att automatiskt omdirigera användaren till AMP-webbplatsen när de använder mobilen.
Friday Alex
Tack för det här inlägget!
Jag har redan aktiverat AMP för en av mina webbplatser och den presterar bra, men här rekommenderar du det inte.
Väl sagt, på min nästa webbplats kommer jag bara att lämna den utan att implementera AMP och testa de två.
Tack från Nigeria
Fred Sessoms
Jag ser fler fallgropar än fördelar med att implementera AMP – särskilt med ett plugin. För nu följer jag ditt råd och "byter inte till Google AMP, inte än".
Henry
Hur lägger jag till Adsense på min AMP-sida
Amin
Hej, tack så mycket för ditt hjälpsamma inlägg. Jag har två punkter:
1- Har du använt AMP än eller inte? Hur kan jag bli meddelad om du kommer att använda det i framtiden?
I 2-In w3 total cache finns ett tillägg för AMP, är det ok?
För mig kommer jag inte att installera pluginet som du rekommenderade.
Jag tror att du kan få den bästa rankningen när du har bra innehåll, SEO, bra hastighet som kan implementeras utan AMP.
Tack verkligen
WPBeginner Support
Hej Amin,
För våra tankar om AMP, se vår artikel om hur du korrekt inaktiverar Google AMP i WordPress.
Admin
Amin
Tack verkligen
Sarah Carter
Jag verkar inte kunna få AMP-analys att fungera. Yoast SEO-fliken för analys sparar aldrig mitt analys-ID. Några förslag?
WPBeginner Support
Hej Sarah,
Du kan prova MonsterInsights. Du behöver den betalda versionen med minst plusplan för att komma åt AMP-tillägget.
Admin
pratik agarwal
jag behöver veta om jag kan lägga till mina sidor i amp, för närvarande fungerar det bara på inlägg. när jag skriver SIDANS_URL/amp tas jag till en 404-sida
Ben
Finns det ett WordPress AMP-plugin som även stöder AMP för sidor och inte bara för inlägg?
Mathukutty P.V.
Vad är skillnaden mellan Automatic AMP och Accelerated Mobile Pages-plugin? Gratis webbplatser på wordpress.com visar temats headerbild och ser bättre ut i mobilen med deras AMP-plugin, men självhostade webbplatser med AMP har inte temats headerbild och ser inte bra ut som gratis webbplatser. Varför är det så?
Marius
Vet du om pluginet är kompatibelt med Elementor-pluginet?
zeeshan
jag har aktiverat amp i min wordpress .. min fråga är hur jag vet att amp fungerar på mina inlägg och om jag bygger amp-sidor utöver huvud inlägget, vad händer då?
Harold Hunt
Jag använder AMP for WP och har genererat och listat några sidor. Nu vill jag avbryta AMP. Kan jag bara ta bort AMP for WP-pluginet eller är det en mer komplicerad procedur?
Tack.
Ashutosh Bharadwaj
Hej. Jag har använt AMP-pluginet från Automattic utan problem de senaste 6 månaderna. Men vi började få AMP-fel i sökverktyget som sa Förbjuden eller ogiltig användning av HTML-tagg på 12 sidor inklusive den här.
Har någon märkt detta?
Postat även på plugin-sidan men fick inget svar.
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
Använd AMPforWP-pluginet, det är mycket bättre än AMP-pluginet från Automattic
Petra Jonartha
AMP kan inte installeras i min wordpress
Varje gång jag försöker installera står det "installationen misslyckades: målmappen finns redan" vad ska jag göra nu så att AMP i wordpress kan installeras??
Aval
AdSense-kod läggs till i inställningsavsnittet.
Låt mig veta om ditt problem inte är löst.
Tack,
Ryan
Ja, jag har haft samma problem i månader. Oavsett vad jag anger i Analytics-rutan sparas det inte.
Dishu Thakur
Jag använde det här pluginet men jag fick ett problem. Det här pluginet lade till en amp-sida för min startsida när jag försökte öppna den länken så omdirigerades den till bloggens amp-sida. Hur kan jag ändra det?
David
Jag får samma effekt. när jag går till min domain.com/amp/ visar den inte startsidan, utan den visar blogginläggssidan. Hur kan vi ändra det så att den visar startsidan?
Rhett
Under AMP-pluginet. Gå: AMP/Kom igång/Startsida Aktivera sedan AMP Startsida –> anpassad AMP startsida. Sedan, precis under det, väljer du din startsida från rullgardinsmenyn.
Allt borde (äntligen) synas på AMP-versionen om din startsida/framsida.
Jag hoppas att det hjälper!
Nick Patel
Hej grabbar,
Mycket informativt inlägg och WordPress är bland de tidiga supportrarna av Google AMP Project. Google AMP-plugin för WordPress är ganska användbart för att göra mobilwebben snabbare, dvs. 4 gånger snabbare, vilket kommer att vara en avgörande faktor för att förbättra användarupplevelsen.
Även Baidu – den kinesiska sökmotorn – stöder nu Google AMP-projektet och kommer att överväga AMP-webbplatser i SERP-resultat eftersom Google har gjort det till en norm för att få högre ranking i sökresultaten. Mycket snart kommer andra att följa samma trend och vi kommer att bevittna Googles fotspår.
Tack,
Nick
Dipendra Shekhawat
Bra artikel. Vet någon hur man automatiskt utlöser AMP när användaren besöker vår webbplats på en mobil enhet. Jag menar, för att se AMP-sidor vill jag inte manuellt gå och skriva /amp i slutet av URL:en. Finns det ett sätt?
Eslam Tolba
Så vitt jag förstår är det bara för testning att skriva /amp i slutet av URL:en, men pluginet skapar redan AMP-versionen av inläggen och lägger till motsvarande HTML-tagg i källkoden, och sedan kommer Google att indexera dessa AMP-inlägg och visa dem för mobilanvändare.
Michael
Hej,
Vilket plugin för sociala medieikoner är kompatibelt med ditt nämnda AMP-plugin?
Tack!
Michael
Raj singh
AMP installeras inte i min wordpress.
När jag försöker installera det står det "Installation misslyckades: Målmappen finns redan"
Vad ska jag göra nu??
WPBeginner Support
Hej Raj,
Det verkar som att ditt tidigare försök att installera pluginet avbröts. Du måste ansluta till din webbplats med FTP och sedan gå till mappen wp-content/plugins/. Leta reda på AMP-pluginets mapp och ta bort den.
Admin
Raj singh
Tack så mycket.
Mitt problem är löst.
WPBeginner Support
You are welcome
Sankar
Jag har använt AMP på min webbplats. Men alltid upptäcks ett fel på vissa inlägg. Detta är bildoptimering. Jag försöker använda AMP-bild-HTML-kod för att infoga bilder i inlägg. Men den här gången visas inga bilder. Hur kan jag lösa det här problemet? Snälla hjälp mig. Tack på förhand.
L. Pazzaglia
Jag VILL byta till AMP men eftersom många av mina inlägg har recept, tabeller och bildgallerier visas inget av detta på AMP-sidor.
Jag skulle vilja ha AMP-sidor som New York Times har, i princip finns det ett långt utdrag med en länk för att fortsätta läsa historien som tar dig till den icke-AMP-sidan.
Någon rekommendation om hur man hittar ett plugin eller hur man justerar Wordpress AMP-pluginet för att göra detta?
Tack,
L
Allspired
Jag provade allt i den här handledningen, men jag får fortfarande en tom sida när jag anger minURL/amp/ i min webbläsare. Kan du snälla hjälpa mig?
Ashoksinh
Fint inlägg,
är det någon som har provat AMP? och gör det skillnad i Google ranking? snälla berätta för mig?
Pooja
Ja, det hjälper till att förbättra rankningen.
Dave Bergschneider
Det korrekta sättet att implementera AMP är att göra det som en del av ditt tema. AMP-pluginet är bara ett plåster för att överbrygga gapet från ett befintligt tema. AMP är så nytt att det finns väldigt få exempel på hur man inkluderar det som ditt WordPress-tema. Jag skulle vara intresserad av att veta om någon har tagit det så här långt än. Jag har redan gjort en del AMP-utveckling och jag tycker inte att det är särskilt svårt.
Adjie Purbojati
Jag har försökt med AMP i 5 månader. Och resultatet är att AMP inte rekommenderas för min webbplats. Eftersom AMP gör utseendet trasigt. Och ja, AMP WordPress ger inte de funktioner vi behöver.
Vikram Sarin
Hur får vi det att fungera för woocommerce? AMP-pluginet ger en mycket grundläggande layout av en woocommerce-sajt med menyn som också förlorar all sin stil och formatering.
Chris
Fungerar AMP-pluginet fortfarande bara på inlägg och inte på sidor? Har någon hittat en lösning som fungerar på hela webbplatser? Tack!
Ellen
För att få det att fungera på sidor kan du använda pluginet AMP for WP (detta plugin kräver AMP-pluginet).
Shaeel Iqbal
Hej! Tack för detta AMP Wordpress. Jag har en fråga. Måste jag redigera mina gamla inläggs URL:er och lägga till /amp i slutet?
WPBeginner Support
Nej, pluginet lägger till det automatiskt och Google visar automatiskt amp-URL:en när den är tillgänglig.
Admin
Elijah
Tack så mycket. Jag väntar på när de accepterar Facebook audience network
Gary
Bra artikel!! Vet du om det är möjligt att ta bort "powered by Wordpress" i sidfoten på vår AMP-sida för inlägg? Se här >>
Super tack
Gaz
Francesco
Hej allihopa,
bra guide. Vad händer när Google Search Console meddelar mig om ogiltig CSS-stilmall för AMP-sida?