Få ting er mere frustrerende end at besøge et websted kun for at opdage, at dets hjemmeside tager evigheder at indlæse^{(homepage takes ages to load)} . Endnu værre er det, når billederne er af dårlig kvalitet og layoutet ikke er godt optimeret.

Faktisk fandt en Google-undersøgelse^{(Google study)} , at 53 procent af folk forlader websteder, der ikke indlæses på tre sekunder eller mindre, hvilket fører til høje afvisningsprocenter og faldende indtægter.

For at håndtere disse problemer oprettede Google Accelerated Mobile Pages ( AMP ). AMP accelererer ikke kun dit websteds indlæsningstid, men det hjælper dig også med at designe et overbevisende websted^{(design a compelling site)} , spændende mobiloplevelse og øge den gennemsnitlige klikrate ( CTR ).

I denne guide forklarer vi, hvorfor Google AMP er Googles foretrukne format til mobilsider, og hvordan du kan implementere AMP til WordPress .

Hvad er Google AMP?^{(What Is Google AMP?)}

Google AMP er en webkomponent-framework, der blev lanceret i oktober 2015^{(October 2015)} for at hjælpe med at skabe og bygge lette, bruger-første websteder. Mobilinitiativet er designet til at fremskynde nettet ved at servere en strippet version af din webside.

Mange store virksomheder inklusive WordPress , Pinterest , Washington Post og Reddit har taget AMP til sig og oplevet en stigning i månedlige unikke besøgende^{(increase in monthly unique visitors)} .

Når din webside serveres til mobilbrugere via AMP i Google , vil den se grundlæggende og forenklet ud, og dermed opnå AMP ’s mål om lynhurtige, dynamiske oplevelser og bedre brugervenlighed.

Har du brug for AMP på dit WordPress-websted?^{(Do You Need AMP on Your WordPress Site?)}

AMP er hurtig, men det er ikke den eneste måde at få websider til at indlæse hurtigere eller øge dit websteds hastighed^{(increase your site speed)} .

Der er mange casestudier, der viser AMPs^(AMP) positive indvirkning på udgivere, virksomheder og andre industrier, men der er også mange casestudiefejl. Det betyder, at der ikke er nogen entydig beslutning om, hvorvidt AMP er for alle websteder eller ej.

Det, der dog stemmer, er, at AMPs^(AMP) succes afhænger af nogle beslutningsfaktorer. Hvis f.eks. dine brugere primært kommer fra computeren, er AMP ikke noget for dig, fordi AMP -sider ikke vises med omfattende funktioner på computeren, og de serveres ikke fra AMP-cachen^{(AMP Cache)} , så brugerne kan muligvis ikke nyde godt af disse fordele.

Den gyldne regel er, at AMP primært anbefales til udgivere, der driver nyhedssider og blogs. Alt andet som et porteføljewebsted eller landingssider behøver ikke nødvendigvis AMP .

Plus, hvis dine ikke - AMP -sider kan indlæses inden for eller under 2,5 sekunders standard, behøver du sandsynligvis ikke installere eller vedligeholde AMP .

Sådan implementeres AMP på et WordPress-websted^{(How to Implement AMP on a WordPress Site)}

At lave en AMP -version af din webside på WordPress kan ligne en opgave, som kun udviklere kan klare, men med lidt viden og lidt vejledning kan du gøre det på egen hånd.

Google har en workflow-proces, der guider dig, mens du bygger en AMP - side, integrerer og optimerer siden, opsætter analysesporing^{(set up analytics tracking)} og derefter designer siden til dit websteds behov.

For at komme i gang vil Google give dig en skabelonkode, som du kan kopiere og gemme i en .html-udvidelse og derefter tilføje den nødvendige mark-up. Dette vil gøre siden til et brugbart AMP HTML- dokument.

Før du udgiver, kan du inkludere billeder, ændre layoutet, optimere siden til SEO^{(optimize the page for SEO)} , forhåndsvise og færdiggøre siderne ved hjælp af instruktionerne i sidebjælken.

Hvis du vil, kan du eksperimentere med AMP på amp.dev- hjemmesiden, før du prøver det på dit eget WordPress - websted.

Sådan installeres Google AMP på WordPress^{(How to Install Google AMP on WordPress)}

Manuel opsætning og installation af Google AMP på dit WordPress- websted er kompliceret. Du kan dog bruge plugins som det officielle AMP-plugin til WordPress^{(official AMP plugin for WordPress)} , AMP til WP^{(AMP for WP)} eller AMP WP for at gøre processen enklere.

Til denne vejledning viser vi dig, hvordan du opsætter og installerer AMP på et WordPress - websted ved hjælp af det officielle WordPress AMP- plugin.

Sådan bruger du WordPress AMP-plugin til at installere AMP^{(How to Use the WordPress AMP Plugin to Install AMP)}

1. For at komme i gang skal du installere og aktivere WordPress AMP- pluginnet på dit WordPress- websted. Gå til WordPress- dashboardet, vælg Plugins > Add New .

1. Skriv AMP - plugin i søgefeltet, og vælg Installer nu^{(Install Now)} for at installere pluginnet.

Bemærk^(Note) : Hvis du bruger WordPress.com , skal du opgradere til forretningsplanen^(Business) for at installere plugins^{(install any plugins)} .

1. Gå til Plugins > Installed Plugins , find AMP og vælg linket Aktiver^{(Activate )} for at aktivere AMP- pluginnet og få det til at fungere på dit websted.

1. Når du har aktiveret pluginnet, skal du justere indstillingerne for at tilpasse AMP- siderne. For at konfigurere pluginnet skal du gå til AMP > Settings og bruge guiden til at konfigurere dine AMP- sideindstillinger.

1. Vælg knappen Udgiv^{(Publish )} , når du er færdig med at justere indstillingerne. Dit websted vil ikke være synligt for dine besøgende eller opdages af Google , men du kan vælge, om du vil have siderne, indlæggene eller begge dele vist på dit AMP- websted. For at gøre dette skal du gå til AMP > Settings > Advanced Settings, og fravælge afkrydsningsfeltet Understøttede skabeloner^{(Supported Templates)} for at få flere muligheder.

1. Vælg de indstillinger,^(options) du ønsker, og vælg derefter Gem ændringer^{(Save Changes)} .

1. Du kan også integrere Yoast SEO i din AMP -opsætning ved at gå til Plugins > Add New og derefter søge efter Yoast SEO & AMP . 
2. Vælg Installer nu^{(Install Now)} , og Aktiver^(Activate) pluginnet. Når den er aktiveret, skal du gå til SEO og vælge AMP for at få yderligere tilpasningsmuligheder til din side, og derefter vælge Gem ændringer^{(Save Changes)} . 
3. Før du udgiver, skal du se et eksempel på dit AMP- websted ved at tilføje amp til slutningen af ​​ethvert indlæg eller side -URL , du ønsker. For eksempel kan du gå til https://yourwebsite.com/blog-post-title/amp/

Sådan validerer du WordPress AMP^{(How to Validate WordPress AMP)}

Med AMP installeret på dit WordPress -websted, er næste trin at teste, at det fungerer korrekt. Ikke kun det, men validering sikrer også, at understøttede platforme kan få adgang til og linke til dit websted, og du kan finde AMP- fejl til fejlfinding^{(errors for troubleshooting)} .

Du kan validere WordPress AMP manuelt eller ved at bruge Googles AMP-testværktøj^{(Google’s AMP Testing tool)} .

Sådan validerer du WordPress AMP manuelt^{(How to Validate WordPress AMP Manually)}

1. For at gøre dette skal du åbne en AMP - side og derefter tilføje #development=1 til slutningen af ​​webadressen^(URL) for den webside, du validerer.

1. Gå til din browser og åbn udviklerværktøjskonsollen^{(developer tools console)} . Hvis du bruger Firefox , skal du vælge menu > Web Developer > Web Console . Hvis der er fejl på AMP- siden, vil de blive fremhævet med rødt.

Valideringsfejl kan være forårsaget af forkert kode, ugyldige præfikser eller ikke-tilladte tags, men du vil se en forklaring på årsagerne ud for fejlen.

Sådan validerer du WordPress AMP ved hjælp af Googles AMP-testværktøj^{(How to Validate WordPress AMP Using Google’s AMP Testing Tool)}

1. Åbn Google AMP-testværktøjssiden^{(Google AMP Testing tool)} , indtast webadressen^(URL) på dit websted, dit indlæg eller din side, og vælg derefter Test URL . Du kan også indsætte webstedets kode og vælge Test URL .

1. Googlebot analyserer dit websted, og hvis det er gyldigt, vil du se en forhåndsvisning af, hvordan dine AMP- sider kunne se ud på Google SERP'er^{(Google SERPs)} .

Med Google AMP^{(Google AMP Testing)} - testværktøjet kan du identificere AMP -fejl og se den problemforårsagende kode på dit websted. Du kan også vælge knappen Del^(Share) for at dele analysen med dine kolleger.

Du kan også bruge Google AMP Validator -værktøjet til at sikre, at din kode validerer, eller du kan bruge Chrome AMP-udvidelsen^{(Chrome AMP extension)} , som også validerer siderne og viser eventuelle advarsler eller fejl.

AMP op dit WordPress-websted^{(AMP up Your WordPress Site)}

Google AMP er en stor ændring for ethvert websted, især hvis du allerede har masser af mobiltrafik. Hvis du driver et websted med nyhedsindhold, kan det give mening at installere AMP med det samme, men for andre virksomheder kan du skade dine konverteringer, hvis du tager fejl.

Vi anbefaler, at du tester AMP på nogle få sider med høj trafik for at se, om du får positive eller negative resultater, før du beslutter dig for at bruge det på hele dit websted.

Har du prøvet AMP på dit WordPress- websted? Har du andre tips til at dele om brugen af ​​AMP til WordPress ? Del med os i kommentarerne.

What Is AMP for WordPress and How To Install It

Few things are more frustrating than visiting a website only to find 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

• Sådan flytter du WordPress-websted fra en vært til en anden

• Sådan installeres og konfigureres WordPress på Microsoft Azure

• Sådan kører du lynhurtigt WordPress på Microsoft Azure

• Sådan konfigurerer du privatlivets fred i WordPress og hvorfor det er vigtigt

• Sådan installeres WordPress på Google Cloud Platform

• Sådan redigeres sidefoden i WordPress

• Sådan går du fra den klassiske WordPress-editor til Gutenberg

• Sådan bruger du WP Super Cache på WordPress blog

• WordPress viser HTTP-fejl ved upload af billeder

• Sådan beskytter du sider med adgangskode på dit WordPress-websted

• Vis uddraget på hjemmesiden til WordPress-bloggen

• Sådan finder du dit WordPress Admin-login

• Sådan gør du et WordPress-websted sikkert

• Skal have WordPress Yoast SEO-indstillinger 2022

• WordPress Gutenberg Tutorial: Sådan bruger du den nye editor

• Sådan udføres effektive splittests i WordPress

• Sådan opdateres PHP i WordPress

• 11 bedste WordPress Podcast-plugins

• Oprettelse af børnetema i WordPress

• Wix vs WordPress: Hvilken er bedst til at oprette din hjemmeside?