Hur man gör GeneratePress och AMP fullt kompatibla

GeneratePress och AMP är kompatibla. I det här inlägget kommer jag att visa dig hur du kan göra GeneratePress 100% kompatibel med AMP.

Accelerated Mobile Pages (AMP) är ett projekt med öppen källkod skapat av Google tillsammans med Automattic. Målet är att göra webbsidor snabbare på mobiltelefoner.

Om de flesta av dina besökare kommer från mobila enheter har AMP potential att öka din trafik avsevärt över tid.

Men om du har de flesta av dina besökare från skrivbordet kanske du inte märker någon nämnvärd skillnad men det är ändå värt det.

GeneratePress är det snabbaste WordPress-tema jag har sett. Du kan se min GeneratePress recension. Den goda nyheten är att den är 100 % kompatibel med AMP.

Implementera AMP på din hemsida/blogg

Det bästa sättet att implementera AMP är att använda Officiellt AMP-plugin som byggdes och underhålls av Google själv.

Besök WordPress-katalogen för att installera och aktivera plugin. För att göra detta, klicka på plugins från din instrumentpanel och klicka sedan på Lägg till nytt. Väl på sidan, sök efter AMP. du kommer att se AMP-plugin.

När du har installerat, aktivera plugin. Klicka sedan på inställningarna. Du kommer att se tre alternativ. Standardläge, Övergångsläge eller Läsarläge. Läsarläget fungerar normalt. Eftersom det inte är beroende av att ditt tema fungerar. Men om du har problem med att köra GeneratePress i övergångs- eller standardläge, följ sedan stegen här.

Även om du använder andra AMP-plugin, kommer dessa steg att fungera.

Hur man gör GeneratePress och AMP fullt kompatibla

Följ dessa steg för att göra GeneratePress och AMP fullt kompatibla:

1. Ladda ner och installera AMP for GeneratePress Plugin

Det finns en officiell plugin av Tom Usborne, utvecklaren och grundaren av GeneratePress. Syftet med plugin är att fixa eventuella kompatibilitetsproblem med AMP.

Plugin-programmet är ännu inte tillgängligt i WordPress-katalogen. Men Tom sa till mig i ett mejl att han kommer att göra det tillgängligt snart.

För nu kan du hämta plugin från GitHub.

Väl där klickar du på Klona eller ladda ner. Klicka sedan på ladda ner zip.

Nu för att gå till din WordPress-instrumentpanel, klicka på plugins och klicka sedan på lägg till ny. På den nya sidan, klicka på ladda upp plugin, välj sedan filen du precis laddar ner och installera den.

När den är installerad, aktivera den. Det är allt.

2. Växla AMP till övergångs- eller standardläge

Gå nu till AMP-plugininställningarna igen och växla till övergångs- eller standardläge. Övergångsläget innebär att ditt temaramverk används för att tjäna AMP och icke-AMP medan standarden betyder att din webbplats är AMP-först.

Om din webbplats fungerar i AMP-övergångsläge kommer den att fungera i standardläge. Den enda skillnaden mellan de två är den kanoniska URL:en.

När du är i övergångsläge måste du lägga till ?amp i slutet av dina länkar inklusive startsida för att komma åt AMP.

Men i standardläge behövs inget tillägg. Dina kanoniska webbadresser är amp.

För det här testet använder jag övergångsläge för att visa att det fungerar. Jag föredrar att använda AMP i läsarläge eftersom de flesta av mina besökare kommer från skrivbordet.

3. Genomför AMP-test.

Efter byte till övergångsläge eller standard. Du kommer att se många fel! Få inte panil!

Du kan se felen jag fick nedan efter att ha ändrat Blogging Tools till övergångsläge.

Det fanns 48 felindex.

De flesta av dessa fel är varningar. Vissa av dem orsakas av plugins. Varningarna är till för att låta dig veta att de markerade objekten inte kommer att visas i AMP.

Jag märkte ingen större varning som är temarelaterad.

Det största problemet jag märkte var från mitt caching-plugin, Breeze. Det var att lägga till en CSS som inte verkar göra AMP glad. Så jag avaktiverade Breeze och fortsatte att testa.

Du kan använda Googles officiella AMP-testverktyg för testning.

Resultatet visar att AMP körs utan problem. Se nedan.

Här är testet för min hemsida.

Sedan testade jag en inläggssida:

Av ovanstående kan du se att AMP och GeneratePress är helt kompatibla.

Vanliga problem

Om du fortfarande har problem med att få AMP att fungera i övergångs- eller standardläge, är problemet troligen ett av dina plugins.

De främsta bovarna kommer förmodligen att vara cache-plugin eller optimeringsplugin som inte är AMP-kompatibla.