Google AMP i WordPress: Lynhurtige Mobilsider?

I en verden, hvor mobiltelefonen er den primære adgang til internettet for mange, er hastigheden på din hjemmeside mere kritisk end nogensinde. En langsomt indlæsende side kan drive besøgende væk, øge din afvisningsprocent og skade din placering i søgemaskinerne. Omvendt kan en hjemmeside, der indlæses næsten øjeblikkeligt, markant forbedre brugeroplevelsen og potentielt øge din trafik og engagement. En teknologi, der blev introduceret for at løse netop dette problem, er Google AMP, og med et specifikt WordPress-plugin kan du implementere det på din egen hjemmeside. Men hvad er Google AMP præcist, hvordan fungerer det, og er det stadig den bedste løsning i dag?

Denne artikel vil dykke ned i Google AMP, det officielle WordPress AMP-plugin, og give dig en omfattende guide til, hvordan du kan fremskynde din WordPress-hjemmeside. Vi vil også udforske fordele og ulemper ved AMP, alternative metoder til hastighedsoptimering, og hvorfor Google's fokus har flyttet sig fra AMP til Core Web Vitals.

Hvad er Google AMP?

Google AMP, der står for "Accelerated Mobile Pages", er et open source-projekt lanceret i oktober 2015. Hovedformålet med AMP var at gøre webindhold hurtigere at indlæse, især på mobile enheder. Selvom navnet indikerer mobilfokus, understøtter AMP i dag også desktop-sider, men dets største fordel ses stadig på mobile platforme.

Måden AMP fungerer på, er ved at begrænse brugen af CSS, HTML og JavaScript. Dette skaber ekstra letvægtswebsider, der reducerer indlæsningstiden dramatisk. Indholdet hostes ofte i Google AMP Cache, og det er denne cachede version, Google sender til brugerne, hvilket giver dem mulighed for at se websiden øjeblikkeligt. Store teknologivirksomheder som Google, LinkedIn, Reddit og Twitter har tidligere støttet Google AMP, og AMP-sider kan ses på tværs af de fleste apps, browsere og webvisere.

Fordele og Ulemper ved Google AMP

Selvom de fleste hjemmesider potentielt kan drage fordel af Google AMP, er der også nogle ulemper. Her er en oversigt over fordele og ulemper, der kan hjælpe dig med at beslutte, om WordPress AMP-plugin'et er det rigtige for dig:

Som det fremgår af tabellen, skal du afveje fordelene ved hastighed mod potentielle begrænsninger i design og funktionalitet.

Det officielle WordPress AMP Plugin

Det officielle Google AMP plugin til WordPress auto-genererer AMP-versioner af alle dine indlæg. Søgemaskiner og AMP-understøttede apps og tjenester ved derefter, hvor de skal lede efter sidens AMP-version takket være "amphtml"-tagget i kildekoden. Plugin'et fungerer problemfrit med WordPress, uanset om du bruger den klassiske editor eller Gutenberg.

Det er vigtigt at bemærke, at plugin'et ikke opretter et separat mobiltema, og det dirigerer heller ikke mobile enheder til en AMP-version af din hjemmeside. Men hvis en mobilbesøgende finder dit indhold på en platform som Google, Pinterest eller Twitter, vil de se AMP-versionen. Hvis det ikke er muligt at gengive en AMP-version af en side, sikrer plugin'et, at den ikke-AMP-version indlæses. Det betyder, at så meget af siden som muligt vil være AMP-optimeret, og for de dele af siden, der ikke kan, vil de stadig vises og fungere som normalt.

Funktioner i det officielle WordPress AMP Plugin

• Kompatibilitet og Validering: Hvis automatisk konvertering til AMP ikke er mulig, får du detaljerede valideringsfejl, så du kan finde ugyldig markup. Du kan vælge at fjerne eller beholde markup'en.
• Core Tema Support: AMP er kompatibel med alle kernetemaer i WordPress og mange ikke-kerne temaer.
• CSS Tree Shaking: Automatisk fjernelse af ubrugt CSS for at holde den samlede størrelse inden for AMP's 50KB grænse.
• AMP Stories: AMP har en Stories-bygger, der lader dig oprette fuldskærmsannoncer og oplevelser for besøgende. Du kan også bruge Google Web Stories-plugin'et.

Sådan opsætter og bruger du WordPress AMP Plugin'et

1. Installer og aktivér plugin'et: Find plugin'et i WordPress Plugin Repository og aktivér det.
2. Gå til Udseende og vælg AMP: Her kan du se, hvordan din hjemmeside ser ud på en mobil enhed, og du kan også se AMP desktop-versionen. Hvis forsiden ikke kan bruge AMP, får du en meddelelse.
3. Klik på "Design": Her kan du opdatere farver for headertekst, headerbaggrund og linkfarve samt farveskema (lys eller mørk). Du kan også vælge at vise et link, der lader besøgende forlade læsetilstand.
4. Se AMP-versionen af et indlæg: Du kan gå til URL'en for ethvert indlæg på din hjemmeside og tilføje /amp/ i slutningen for at se AMP-versionen af indlægget (f.eks. http://eksempel.dk/mit-blog-indlaeg/amp/). Hvis du får en 404-fejl, skal du gå til Indstillinger og derefter Permalinks og klikke på "Gem ændringer" nederst til venstre. Du behøver ikke foretage nogen faktiske ændringer; blot ved at klikke på gem-knappen opdateres din permalink-struktur, hvilket kan få AMP-siderne til at vises.

Vælg en Hjemmeside-tilstand

WordPress AMP-plugin'et har tre hjemmesidetilstande at vælge imellem, som du kan finde ved at gå til AMP i venstre sidebjælke og derefter klikke på Generelt:

• Standard: AMP er rammeværket for hele din hjemmeside. Du behøver ikke separate ikke-AMP- og AMP-versioner. Dette er den mest ideelle tilstand, hvis dit tema og dine plugins er fuldt kompatible med AMP.
• Overgang: Hver side har en kanonisk URL og en AMP URL. Denne tilstand bruges, hvis dit WordPress-site bruger et tema, der ikke er fuldt kompatibelt med AMP, men du er okay med forskellene mellem de to versioner. Mobilbrugere får AMP-versionen, mens desktop-brugere ser ikke-AMP-versionen.
• Læser: Hver side har en kanonisk URL og en AMP URL. I læsetilstand bruges AMP kun på enkelte indlæg, sider og andre indlægstyper; de to andre hjemmesidetilstande bruges på hele hjemmesiden. Dette er standardvalget og anbefales, hvis du har betydelige inkompatibiliteter med dit tema.

Den hjemmesidetilstand, du vælger, vil påvirke de yderligere muligheder, du har. Hvis du vælger standard eller overgang, får du flere tilpasningsmuligheder. Hvis du vælger læser, vil du kun kunne vælge mellem de tre indholdstyper.

Tilpas dine AMP-sider med yderligere plugins

Da det officielle WordPress AMP-plugin ikke har mange tilpasningsmuligheder, kan du bruge andre plugins til yderligere at personalisere dine sider. For eksempel understøtter AMP WP sociale ikoner og har et tilpasseligt farveskema (blandt en masse andre funktioner), og Ads for WP har avanceret annoncestøtte til AMP.

Hvis du bruger Yoast SEO, kan du også bruge Glue for Yoast SEO og AMP-plugin'et, så dine AMP-sider får de korrekte Yoast SEO-metadata. Efter installation og aktivering af plugin'et indstiller du Yoast SEO-indstillingerne som normalt. Plugin'et vil derefter arbejde i baggrunden. Når du har opsat yderligere AMP-relaterede plugins, skal du sørge for at genvalidere dine AMP-sider. Dette vil kontrollere for eventuelle nye valideringsfejl, der ikke var der før.

AMP for WP Plugin: Et Alternativ

Det officielle plugin er ikke dit eneste valg, hvis du vil servere AMP-sider. AMP for WP er populært og har mange tilgængelige udvidelser. Dette plugin tilbyder ofte mere detaljeret kontrol over dine AMP-sider direkte fra WordPress-backend.

AMP for WP tilbyder to opsætningsmuligheder: Grundlæggende og Avanceret. Den avancerede giver dig adgang til Opsætning, Indstillinger, Design og Udvidelser. Den grundlæggende skærer dette ned til Opsætning og Udvidelser. Du kan skifte frem og tilbage mellem de to til enhver tid.

Opsætningsfanen giver dig mulighed for at ændre din hjemmesidetype, vælge hvilke dele af dit site der skal have AMP, opsætte designvalg, konfigurere analyse-sporing og skifte privatlivsindstillinger relateret til GDPR. Denne fane inkluderer også opsætning af annoncering og en liste over hvilke tredjepartsplugins, der er kompatible med AMP for WP.

Indstillingsfanen tilbyder et væld af muligheder for, hvordan dit site serverer AMP-sider. Der er for mange til at gå i detaljer her, men det dækker de fleste situationer på et ret detaljeret niveau, herunder e-handel, oversættelser, analyser og struktureret data.

Designfanen er relativt simpel i sammenligning. Den viser dig AMP-kompatible temaer, samt giver dig adgang til det præcise udseende og fornemmelse af dine AMP-sider oprettet via dette plugin.

Til sidst viser udvidelsesfanen dig listen over premium-udvidelser, der er tilgængelige for AMP for WP. Baseret på indstillings- og designfanen alene giver AMP for WP dig mere finjusteret kontrol over dine AMP-sider end det officielle plugin. Der findes også en PRO-version af AMP for WP, der tilbyder rabatter på temaer og udvidelser, samt funktioner, der ikke er tilgængelige i den gratis version.

Kontroversen omkring AMP

AMP har været genstand for kontroverser siden starten. Kritikken mod Google-udviklede standard omfatter, at "det er dårligt for, hvordan internettet er bygget", at det "holder brugere inden for Googles domæne og omdirigerer trafik væk fra andre hjemmesider", og at "Google har tvunget hjemmesider... til at oprette AMP-versioner af deres artikler." Selv Googles flytning til en åben forvaltningsmodel formåede ikke at dæmpe kritikken.

Senest argumenterede det amerikanske justitsministerium i en retssag i januar 2023 for, at den måde, AMP-sider prioriterer Googles annoncesporere på, udgør "en indsats for at skubbe dele af det åbne web ind i en Google-kontrolleret indhegning, hvor Google kunne diktere mere direkte, hvordan digitalt annonceringsplads kunne sælges."

AMP's Relevans i dag

En af de primære drivkræfter for brugen af AMP var at få dine sider ind i Googles Top Stories-karrusel, men det stoppede med at være relevant i juni 2021, da Google skiftede til at evaluere dine Core Web Vitals i stedet. Så længe dit site tilbyder hurtige indlæsningstider, bør det ikke holde dig tilbage ikke at bruge AMP. Forbedring af lave Core Web Vitals-scores er sandsynligvis en bedre brug af din tid end at implementere AMP, og forbedrede Core Web Vitals giver en bedre samlet brugeroplevelse.

Alternativer til AMP for Hastighedsoptimering

AMP-aktiverede sider indlæses hurtigt, men der er andre måder at forbedre dine indlæsningstider på, som ofte giver en bredere forbedring for alle brugere, uanset om de er på mobil eller desktop.

WP Offload Media og CDN

Disse inkluderer at aflaste dine medier via et plugin som WP Offload Media og bruge et Content Delivery Network (CDN). WP Offload Media hjælper med at forbedre indlæsningstiderne for hver side, mobil eller ej, ved at flytte dine billeder og andre mediefiler til en ekstern lagringstjeneste (f.eks. Amazon S3) og servere dem via et CDN. Et CDN er et netværk af servere placeret globalt, der leverer indhold til brugere fra den server, der er geografisk tættest på dem, hvilket reducerer latenstiden betydeligt.

WP Engine Caching

Hvis din WordPress-hjemmeside er hostet på WP Engine's servere, anvender den næsten helt sikkert allerede omfattende caching. WP Engine tilbyder forskellige former for caching for at optimere ydeevnen af WordPress-hjemmesider:

• Sidecache: Denne type caching gemmer den dynamisk genererede version af en side i en specificeret periode. Som standard har WP Engine's sidecache en 10-minutters cache-udløb.
• Objektcache: Denne caching-metode gemmer resultaterne af forespørgsler for at reducere den tid, det tager at få adgang til databasen. Objektcaching er som standard deaktiveret og skal aktiveres manuelt.
• Browsercache: WP Engine serverer som standard alle statiske aktiver med en 365-dages cache-udløb. Dette kan dog justeres via cache-headers.
• Netværkscaches: Dette inkluderer Content Delivery Network (CDN) og Avanceret Netværkscache. CDN-cachen gemmer statiske aktiver på forskellige globale servere og er en gratis valgfri funktion leveret af WP Engine.

Disse metoder, der ikke er afhængige af AMP, giver en mere omfattende hastighedsoptimering og undgår de potentielle kompatibilitetsproblemer med JavaScript og temaer, som AMP kan medføre.

Ofte Stillede Spørgsmål

Kan jeg bruge AMP-tilstand, hvis mit WordPress-site ikke er AMP-optimeret?

Ja, det officielle WordPress AMP-plugin er designet til at generere AMP-versioner af dine sider, selvom dit primære site ikke er bygget med AMP-standarder. Plugin'et håndterer konverteringen og sikrer, at der enten vises en AMP-version eller den originale, ikke-AMP-version, hvis konvertering ikke er mulig. Du kan vælge mellem forskellige tilstande (Standard, Overgang, Læser) for at finde den bedste pasform for dit sites kompatibilitet.

Fungerer AMP-plugin'et med andre WordPress-plugins?

Det officielle AMP-plugin er designet til at være så kompatibelt som muligt med WordPress' kernefunktionalitet og mange populære temaer og plugins. Dog kan plugins, der bruger meget JavaScript eller komplekse CSS-strukturer, opleve kompatibilitetsproblemer, da AMP begrænser disse teknologier for at opnå høj hastighed. Plugin'et giver dig valideringsfejl, hvis der opstår problemer, og du kan ofte løse dem ved at justere indstillingerne eller bruge yderligere "lim-plugins" (som f.eks. Glue for Yoast SEO og AMP) til at sikre korrekt funktionalitet og metadata. Det er altid en god idé at teste grundigt efter installation af AMP.

Afsluttende Tanker

Opsætning af Accelerated Mobile Pages er blot én af mange teknikker, du kan bruge til at gøre dine websider hurtigere. Takket være WordPress-plugin'et behøver du ikke at forstå alle detaljer i, hvordan AMP fungerer, for at vide, at det kan være gavnligt for din hjemmeside. Med en så enkel, alt-gøres-for-dig opsætningsproces kan du installere det på en eftermiddag og have hele dit arkiv konverteret inden for få dage.

Det er dog vigtigt at huske, at Googles fokus har flyttet sig. Mens AMP tidligere gav en fordel i søgeresultaterne, er det nu dine Core Web Vitals, der er afgørende for din placering og brugeroplevelsen. Derfor, mens AMP stadig kan tilbyde en lynhurtig mobiloplevelse for nogle, bør din primære indsats ligge i en holistisk optimering af din hjemmesides hastighed og ydeevne.

Hvis du vil læse andre artikler, der ligner Google AMP i WordPress: Lynhurtige Mobilsider?, kan du besøge kategorien Mobil.