Hur man korrekt konfigurerar Google AMP på din WordPress-webbplats

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.

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.