Få saker är mer frustrerande än att besöka en webbplats bara för att upptäcka att dess hemsida tar evigheter att ladda^{(homepage takes ages to load)} . Ännu värre är det när bilderna är av dålig kvalitet och layouterna inte är väl optimerade.

Faktum är att en Google-studie^{(Google study)} fann att 53 procent av människor lämnar webbplatser som inte laddas på tre sekunder eller mindre, vilket leder till höga avvisningsfrekvenser och minskade intäkter.

För att hantera dessa problem skapade Google Accelerated Mobile Pages ( AMP ). AMP påskyndar inte bara din webbplats laddningstid, utan det hjälper dig också att designa en övertygande webbplats^{(design a compelling site)} , spännande mobilupplevelse och öka den genomsnittliga klickfrekvensen ( CTR ).

I den här guiden förklarar vi varför Google AMP är Googles föredragna format för mobilsidor och hur du kan implementera AMP för WordPress .

Vad är Google AMP?^{(What Is Google AMP?)}

Google AMP är ett ramverk för webbkomponenter som lanserades i oktober 2015^{(October 2015)} för att hjälpa till att skapa och bygga lätta, användarvänliga webbplatser. Det mobila initiativet är utformat för att snabba upp webben genom att tillhandahålla en avskalad version av din webbsida.

Många stora företag inklusive WordPress , Pinterest , Washington Post och Reddit har anammat AMP och upplevt en ökning av månatliga unika besökare^{(increase in monthly unique visitors)} .

När din webbsida visas för mobilanvändare via AMP i Google kommer den att se grundläggande och förenklad ut, och därmed uppnå AMP :s mål om blixtsnabba, dynamiska upplevelser och bättre användbarhet.

Behöver du AMP på din WordPress-webbplats?^{(Do You Need AMP on Your WordPress Site?)}

AMP är snabbt, men det är inte det enda sättet att få webbsidor att laddas snabbare eller öka din webbplatshastighet^{(increase your site speed)} .

Det finns många fallstudier som visar AMP :s positiva inverkan på publicister, företag och andra branscher, men det finns också många fallstudiemisslyckanden. Det betyder att det inte finns något entydigt beslut om huruvida AMP är för alla webbplatser eller inte.

Vad som dock är sant är att framgången för AMP beror på vissa beslutsfaktorer. Till exempel, om dina användare huvudsakligen kommer från stationära datorer, är AMP inte något för dig eftersom AMP- sidor inte visas med avancerade funktioner på skrivbordet, och de serveras inte från AMP-cacheminnet^{(AMP Cache)} så att användarna kanske inte drar nytta av dessa fördelar.

Den gyllene regeln är att AMP rekommenderas främst för publicister som driver nyhetssajter och bloggar. Allt annat som en portföljwebbplats eller målsidor behöver inte nödvändigtvis AMP .

Dessutom, om dina icke- AMP -sidor kan laddas inom eller under 2,5-sekundersstandarden, behöver du förmodligen inte installera eller underhålla AMP .

Hur man implementerar AMP på en WordPress-webbplats^{(How to Implement AMP on a WordPress Site)}

Att skapa en AMP -version av din webbsida på WordPress kan se ut som en uppgift som bara utvecklare kan hantera, men med lite kunskap och lite vägledning kan du göra det på egen hand.

Google har en arbetsflödesprocess som guidar dig när du bygger en AMP- sida, integrerar och optimerar sidan, ställer in analysspårning^{(set up analytics tracking)} och sedan designar sidan för din webbplats behov.

För att komma igång kommer Google att förse dig med en mallkod, som du kan kopiera och spara till ett .html-tillägg och sedan lägga till den nödvändiga markeringen. Detta förvandlar sidan till ett fungerande AMP HTML- dokument.

Innan du publicerar kan du inkludera bilder, ändra layouten, optimera sidan för SEO^{(optimize the page for SEO)} , förhandsgranska och slutföra sidorna med hjälp av instruktionerna i sidofältet.

Om du vill kan du experimentera med AMP på amp.devs^(amp.dev) hemsida innan du provar det på din egen WordPress- webbplats.

Hur man installerar Google AMP på WordPress^{(How to Install Google AMP on WordPress)}

Att manuellt ställa in och installera Google AMP på din WordPress- webbplats är komplicerat. Du kan dock använda plugins som det officiella AMP-pluginet för WordPress^{(official AMP plugin for WordPress)} , AMP för WP^{(AMP for WP)} eller AMP WP för att göra processen enklare.

För den här guiden visar vi dig hur du ställer in och installerar AMP på en WordPress- webbplats med det officiella WordPress AMP -pluginet.

Hur man använder WordPress AMP-plugin för att installera AMP^{(How to Use the WordPress AMP Plugin to Install AMP)}

1. För att komma igång, installera och aktivera WordPress AMP -plugin på din WordPress- webbplats. Gå till WordPress- instrumentpanelen, välj Plugins > Add New .

1. Skriv AMP - plugin i sökrutan och välj Installera nu^{(Install Now)} för att installera plugin.

Obs!^(Note) Om du använder WordPress.com måste du uppgradera till affärsplanen^(Business) för att installera eventuella plugins^{(install any plugins)} .

1. Gå till Plugins > Installed Plugins , hitta AMP och välj länken Aktivera^{(Activate )} för att aktivera AMP -insticksprogrammet och få det att fungera på din webbplats.

1. När du har aktiverat pluginet, justera inställningarna för att anpassa AMP- sidorna. För att konfigurera plugin, gå till AMP > Settings och använd guiden för att konfigurera dina AMP -sidainställningar.

1. Välj knappen Publicera^{(Publish )} när du är klar med inställningarna. Din webbplats kommer inte att vara synlig för dina besökare eller upptäckbar av Google , men du kan välja om du vill att sidorna, inläggen eller båda ska visas på din AMP- webbplats. För att göra detta, gå till AMP > Settings > Advanced Settings, och avmarkera kryssrutan Understödda mallar^{(Supported Templates)} för att få fler alternativ.

1. Välj de alternativ^(options) du vill ha och välj sedan Spara ändringar^{(Save Changes)} .

1. Du kan också integrera Yoast SEO i din AMP - inställning genom att gå till Plugins > Add New och sedan söka efter Yoast SEO & AMP . 
2. Välj Installera nu^{(Install Now)} och aktivera^(Activate) insticksprogrammet. När den har aktiverats, gå till SEO och välj AMP för att få ytterligare anpassningsalternativ för din sida, och välj sedan Spara ändringar^{(Save Changes)} . 
3. Innan du publicerar, förhandsgranska din AMP- webbplats genom att lägga till amp i slutet av ett inlägg eller sidadress^(URL) du vill ha . Du kan till exempel gå till https://dinwebbplats.com/blog-post-title/amp/

Hur man validerar WordPress AMP^{(How to Validate WordPress AMP)}

Med AMP installerat på din WordPress- sajt är nästa steg att testa att det fungerar korrekt. Inte bara det, utan validering säkerställer också att plattformar som stöds kan komma åt och länka till din webbplats, och du kan hitta AMP- fel för felsökning^{(errors for troubleshooting)} .

Du kan validera WordPress AMP manuellt eller med Googles AMP-testverktyg^{(Google’s AMP Testing tool)} .

Hur man validerar WordPress AMP manuellt^{(How to Validate WordPress AMP Manually)}

1. För att göra detta, öppna en AMP- sida och lägg sedan till #development=1 i slutet av webbadressen^(URL) för webbsidan du validerar.

1. Gå till din webbläsare och öppna konsolen för utvecklarverktyg^{(developer tools console)} . Om du använder Firefox väljer du menu > Web Developer > Web Console . Om det finns några fel på AMP- sidan kommer de att markeras i rött.

Valideringsfel kan orsakas av felaktig kod, ogiltiga prefix eller otillåtna taggar, men du ser en förklaring av orsakerna bredvid felet.

Hur man validerar WordPress AMP med Googles AMP-testverktyg^{(How to Validate WordPress AMP Using Google’s AMP Testing Tool)}

1. Öppna sidan för Google AMP-testverktyg^{(Google AMP Testing tool)} , ange webbadressen^(URL) till din webbplats, ditt inlägg eller din sida och välj sedan Testa URL^{(Test URL)} . Du kan också klistra in webbplatsens kod och välja Testa URL^{(Test URL)} .

1. Googlebot kommer^(Googlebot) att analysera din webbplats och om den är giltig ser du en förhandsgranskning av hur dina AMP- sidor kan visas på Google SERPs .

Med Googles AMP-testverktyg^{(Google AMP Testing)} kan du identifiera AMP -fel och se den problemorsakande koden på din webbplats. Du kan också välja knappen Dela^(Share) för att dela analysen med dina kollegor.

Du kan också använda verktyget Google AMP Validator för att se till att din kod valideras, eller använd Chrome AMP-tillägget^{(Chrome AMP extension)} , som också validerar sidorna och visar eventuella varningar eller fel.

Förstärk din WordPress-webbplats^{(AMP up Your WordPress Site)}

Google AMP är en stor förändring för alla webbplatser, särskilt om du redan har mycket mobiltrafik. Om du driver en webbplats med nyhetsinnehåll kan det vara vettigt att installera AMP direkt, men för andra företag kan du skada dina konverteringar om du missförstår.

Vi rekommenderar att du testar AMP på några sidor med hög trafik för att se om du får positiva eller negativa resultat innan du bestämmer dig för att använda den på hela din webbplats.

Har du testat AMP på din WordPress- webbplats? Har du några andra tips att dela om hur du använder AMP för WordPress ? Dela med oss ​​i kommentarerna.

What Is AMP for WordPress and How To Install It

Few things are more frustrating than viѕiting a website оnly to fіnd that its homepage takes ages to load. Worse still, is when the images are of poor quality and layouts aren’t well optimized.

In fact, a Google study found that 53 percent of people leave sites that fail to load in three seconds or less, which leads to high bounce rates and decreased revenues.

To deal with these issues, Google created the Accelerated Mobile Pages (AMP). Not only does AMP accelerate your site’s loading time, but it also helps you design a compelling site, thrilling mobile experience, and increase in average click-through rate (CTR).

In this guide, we’ll explain why Google AMP is Google’s preferred format for mobile pages, and how you can implement AMP for WordPress.

What Is Google AMP?

Google AMP is a web component framework launched in October 2015 to help create and build lightweight, user-first websites. The mobile initiative is designed to speed up the web by serving up a stripped down version of your webpage.

Many large companies including WordPress, Pinterest, Washington Post, and Reddit have adopted AMP and experienced an increase in monthly unique visitors.

When your webpage is served to mobile users via AMP in Google, it’ll look basic and simplistic, thus achieving AMP’s goal of lightning fast, dynamic experiences and better usability.

Do You Need AMP on Your WordPress Site?

AMP is fast, but it’s not the only way to make web pages load faster or increase your site speed.

There are many case studies that demonstrate AMP’s positive impact on publishers, businesses, and other industries, but there are also many case study failures.  This means there’s no clear-cut decision as to whether AMP is for all sites or not.

What rings true though is that the success of AMP depends on some decision factors. For example, if your users are primarily from desktop, AMP isn’t for you because AMP pages don’t display with rich features on desktop, and they’re not served from the AMP Cache so users may not enjoy these benefits.

The golden rule is that AMP is recommended primarily for publishers running news sites and blogs. Anything else like a portfolio site or landing pages doesn’t necessarily need AMP.

Plus, if your non-AMP pages can load within or below the 2.5-second standard, you probably don’t need to install or maintain AMP.

How to Implement AMP on a WordPress Site

Creating an AMP version of your web page on WordPress may look like a task only developers can handle, but with a little knowledge and some guidance, you can do it on your own.

Google has a workflow process that guides you as you build an AMP page, integrate and optimize the page, set up analytics tracking, and then design the page for your site’s needs.

To get started, Google will provide you with a template code, which you can copy and save to a .html extension, and then add the required mark-up. This will turn the page into a workable AMP HTML document.

Before you publish, you can include images, modify the layout, optimize the page for SEO, preview, and finalize the pages using instructions provided on the sidebar.

If you want, you can experiment with AMP on the amp.dev homepage before trying it out on your own WordPress site.

How to Install Google AMP on WordPress

Manually setting up and installing Google AMP on your WordPress site is complicated. However, you can use plugins like the official AMP plugin for WordPress, AMP for WP, or AMP WP to make the process simpler.

For this guide, we’ll show you how to set up and install AMP on a WordPress site using the official WordPress AMP plugin.

How to Use the WordPress AMP Plugin to Install AMP

1. To get started, install and activate the WordPress AMP plugin on your WordPress site. Go to the WordPress dashboard, select Plugins > Add New.

1. Type AMP plugin in the search box, and select Install Now to install the plugin.

Note: If you’re using WordPress.com, you have to upgrade to the Business plan to install any plugins.

1. Go to Plugins > Installed Plugins, find AMP and select the Activate link to activate the AMP plugin and make it work on your site.

1. Once you activate the plugin, adjust the settings to customize the AMP pages. To configure the plugin, go to AMP > Settings and use the wizard to configure your AMP page settings.

1. Select the Publish button once you’re done adjusting the settings. Your site won’t be visible to your visitors or discoverable by Google, but you can choose whether you want the pages, posts, or both to be shown on your AMP site. To do this, go to AMP > Settings > Advanced Settings, and deselect the Supported Templates checkbox to get more options.

1. Select the options you want and then select Save Changes.

1. You can also integrate Yoast SEO into your AMP setup by going to Plugins > Add New and then search for Yoast SEO & AMP. 
2. Select Install Now, and Activate the plugin. Once activated, go to SEO and select AMP to get further customization options for your page, and then select Save Changes. 
3. Before publishing, preview your AMP site by adding amp to the end of any post or page URL you want . For example, you can go to https://yourwebsite.com/blog-post-title/amp/

How to Validate WordPress AMP

With AMP installed on your WordPress site, the next step is to test that it works correctly. Not only that, but validation also ensures that supported platforms can access and link to your site, and you can find AMP errors for troubleshooting.

You can validate WordPress AMP manually or using Google’s AMP Testing tool.

How to Validate WordPress AMP Manually

1. To do this, open an AMP page, and then add #development=1 to the end of the URL for the web page you’re validating.

1. Go to your browser and open the developer tools console. If you’re using Firefox, select the menu > Web Developer > Web Console. If there are any errors on the AMP page, they’ll be highlighted in red.

Validation errors can be caused by incorrect code, invalid prefixes, or disallowed tags, but you’ll see an explanation of the causes next to the error.

How to Validate WordPress AMP Using Google’s AMP Testing Tool

1. Open the Google AMP Testing tool page, enter the URL of your site, post, or page, and then select Test URL. You can also paste the site’s code and select Test URL.

1. The Googlebot will analyze your site and if valid, you’ll see a preview of how your AMP pages could appear on Google SERPs.

With the Google AMP Testing tool, you can identify AMP errors and see the problem-causing code on your site. You can also select the Share button to share the analysis with your colleagues.

You can also use Google AMP Validator tool to make sure that your code validates, or use the Chrome AMP extension, which also validates the pages, and shows any warnings or errors.

AMP up Your WordPress Site

Google AMP is a major change for any site, especially if you already have lots of mobile traffic. If you run a site with newsy content, it may make sense to install AMP right away, but for other businesses, you could hurt your conversions if you get it wrong.

We recommend testing AMP on a few high-traffic pages to see if you get positive or negative results before making the decision to use it across your entire site.

Have you tried AMP on your WordPress site? Do you have any other tips to share about using AMP for WordPress? Share with us in the comments.

Related posts

• Hur man flyttar WordPress-webbplats från en värd till en annan

• Hur man installerar och ställer in WordPress på Microsoft Azure

• Hur man kör blixtrande snabbt WordPress på Microsoft Azure

• Hur man konfigurerar sekretess i WordPress och varför det är viktigt

• Hur man installerar WordPress på Google Cloud Platform

• Hur man tar bort alla spår av ett WordPress-plugin

• Hur man tar bort skadlig programvara från din WordPress-webbplats

• Hur man lägger till en flytande sidofält i Wordpress

• Omdirigera användare från 404-sidan i WordPress

• Skapa barntema i WordPress

• WordPress visar HTTP-fel när bilder laddas upp

• Wix vs WordPress: Vilket är bäst för att skapa din webbplats?

• De 3 bästa SEO-plugins för WordPress

• Hur man använder Lumen5 för att förvandla ditt blogginlägg till en video

• Hur man lösenordsskyddar sidor på din WordPress-webbplats

• Hur man installerar en WordPress-testwebbplats på din dator

• 10 viktiga WordPress-plugins för en webbplats för småföretag

• 8 gratis Premium WordPress-teman att installera

• Hur man använder WP Super Cache på WordPress-bloggen

• Hur man övergår från den klassiska WordPress-redigeraren till Gutenberg