Sådan gør du GeneratePress og AMP fuldt kompatible

AMP kan gøre dit websted hurtigt på mobilen. Hvis du har problemer med at få AMP til at fungere i overgangs- eller standardtilstand ved hjælp af GeneratePress-temaet, er det sådan, jeg løste problemet.

GeneratePress og AMP er kompatible. I dette indlæg vil jeg vise dig, hvordan du kan gøre GeneratePress 100% kompatibel med AMP.

Accelerated Mobile Pages (AMP) er et open source-projekt skabt af Google sammen med Automattic. Målet er at gøre hjemmesider hurtigere på mobiltelefoner.

Hvis de fleste af dine besøgende kommer fra mobil, så har AMP potentialet til at booste din trafik markant over tid.

Men hvis du har de fleste af dine besøgende fra skrivebordet, bemærker du måske ikke en væsentlig forskel, men det er stadig det værd.

GeneratePress er det hurtigste WordPress-tema, jeg har set. Du kan se min GeneratePress anmeldelse. Den gode nyhed er, at den er 100 % kompatibel med AMP.

Implementering af AMP på din hjemmeside/blog

Den bedste måde at implementere AMP på er at bruge Officielt AMP-plugin som blev bygget og vedligeholdes af Google selv.

Besøg WordPress-biblioteket for at installere og aktivere plugin'et. For at gøre dette skal du klikke på plugins fra dit dashboard og derefter klikke på Tilføj nyt. Når du er på siden, søg efter AMP. du vil se AMP Plugin.

Officielt AMP-plugin

Når det er installeret, skal du aktivere plugin'et. Klik derefter på indstillingerne. Du vil se tre muligheder. Standardtilstand, Overgangstilstand eller Læsertilstand. Læsertilstand vil fungere normalt. Da det ikke er afhængigt af, at dit tema fungerer. Men hvis du har et problem med at køre GeneratePress i overgangs- eller standardtilstand, så følg trinene her.

Selvom du bruger et andet AMP-plugin, fungerer disse trin.

Sådan gør du GeneratePress og AMP fuldt kompatible

Følg disse trin for at gøre GeneratePress og AMP fuldt kompatible:

1. Download og installer AMP til GeneratePress-plugin'et

Der er et officielt plugin af Tom Usborne, udvikleren og grundlæggeren af ​​GeneratePress. Formålet med plugin er at løse eventuelle kompatibilitetsproblemer med AMP.

Pluginnet er endnu ikke tilgængeligt på WordPress-biblioteket. Men Tom fortalte mig i en e-mail, at han snart vil gøre den tilgængelig.

For nu kan du få plugin'et fra GitHub.

Når du er der, skal du klikke på Klon eller downloade. Klik derefter på download zip.

For nu at gå til dit WordPress-dashboard, klik på plugins og klik derefter på tilføj ny. På den nye side skal du klikke på upload plugin og derefter vælge den fil, du lige har downloadet, og installere den.

Når det er installeret, skal du aktivere det. Det er alt.

2. Skift AMP til overgangs- eller standardtilstand

Gå nu til AMP-plugin-indstillingerne igen og skift til overgangs- eller standardtilstand. Overgangstilstanden betyder, at dit temaramme bruges til at tjene AMP og ikke-AMP, mens standarden betyder, at dit websted er AMP-først.

Hvis dit websted fungerer på AMP-overgangstilstand, fungerer det i standardtilstand. Den eneste forskel mellem de to er den kanoniske URL.

Når du er i overgangstilstand, skal du tilføje ?amp i slutningen af ​​dine links inklusive hjemmeside for at få adgang til AMP.

Men når den er i standardtilstand, er der ikke behov for tilføjelse. Dine kanoniske URL'er er amp.

Til denne test bruger jeg overgangstilstand for at vise, at det virker. Jeg foretrækker at bruge AMP i læsetilstand, fordi de fleste af mine besøgende er fra skrivebordet.

3. Udfør AMP-test.

Efter skift til overgangstilstand eller standard. Du vil se mange fejl! Gå ikke i panik!

Du kan se de fejl, jeg fik nedenfor efter ændring Bloggingværktøjer til overgangstilstand.

AMP fejl GeneratePress
AMP-fejl GeneratePress

Der var 48 fejlindeks.

De fleste af disse fejl er advarsler. Nogle af dem er forårsaget af plugins. Advarslerne er for at fortælle dig, at de fremhævede elementer ikke vil blive vist i AMP.

Jeg bemærkede ingen større advarsel, der er temarelateret.

Det største problem, jeg bemærkede, var fra mit caching-plugin, Breeze. Det var at tilføje en CSS, der ikke ser ud til at gøre AMP glad. Så jeg deaktiverede Breeze og fortsatte med at teste.

Du kan bruge Googles officielle AMP-testværktøj til test.

Resultatet viser, at AMP kører uden problemer. Se nedenfor.

Her er testen til min hjemmeside.

GeneratePress AMP-hjemmetest

Så testede jeg en postside:

GeneratePress AMP-test

Fra ovenstående kan du se, at AMP og GeneratePress er fuldt kompatible.

Almindelige problemer

Hvis du stadig har problemer med at få AMP til at fungere i overgangs- eller standardtilstand, er problemet højst sandsynligt et af dine plugins.

De vigtigste syndere vil sandsynligvis være cache-plugin eller optimeringsplugins, der ikke er AMP-kompatible.

Mfon Abel Ekene

Mfon Abel Ekene

Jeg nyder at skabe indhold, der er nyttigt. Min passion er at hjælpe internetbefolkningen med at finde det, de har brug for, ved at pege dem i den rigtige retning. Det er det, jeg elsker at lave, og jeg lægger mange timers research og test for at sikre, at jeg gør netop det gennem mit indhold på TargetTrend.

Artikler: 51

Modtag teknologiske ting

Tech trends, startup trends, anmeldelser, online indkomst, webværktøjer og markedsføring en eller to gange om måneden