Kuinka tehdä GeneratePress ja AMP täysin yhteensopivaksi

AMP voi tehdä sivustostasi nopean mobiililaitteella. Jos sinulla on ongelmia saada AMP toimimaan siirtymä- tai vakiotilassa GeneratePress-teeman avulla, korjasin ongelman seuraavasti.

GeneratePress ja AMP ovat yhteensopivia. Tässä viestissä näytän sinulle, kuinka voit tehdä GeneratePressistä 100% yhteensopivan AMP:n kanssa.

Accelerated Mobile Pages (AMP) on avoimen lähdekoodin projekti loi Google yhdessä Automatticin kanssa. Tavoitteena on tehdä verkkosivustoista nopeampia matkapuhelimissa.

Jos suurin osa vierailijoistasi tulee mobiililaitteista, AMP voi lisätä liikennettäsi merkittävästi ajan myötä.

Mutta jos suurin osa vierailijoistasi on työpöydällä, et ehkä huomaa merkittävää eroa, mutta se on silti sen arvoista.

GeneratePress on nopein WordPress-teema Olen nähnyt. Voit nähdä minun GeneratePress-arvostelu. Hyvä uutinen on, että se on 100 % yhteensopiva AMP:n kanssa.

AMP:n käyttöönotto verkkosivustollasi/blogissasi

Paras tapa toteuttaa AMP on käyttää Virallinen AMP-laajennus jonka Google on itse rakentanut ja ylläpitää.

Vieraile WordPress-hakemistossa asentaaksesi ja aktivoidaksesi laajennuksen. Voit tehdä tämän napsauttamalla liitännäiset hallintapaneelista ja napsauta sitten Lisää uusi. Kun olet sivulla, etsi AMP. näet AMP-laajennuksen.

Virallinen AMP-laajennus

Kun laajennus on asennettu, aktivoi se. Napsauta sitten asetuksia. Näet kolme vaihtoehtoa. Vakiotila, siirtymätila tai lukutila. Lukijatila toimii normaalisti. Koska se ei ole riippuvainen siitä, että teemasi toimii. Mutta jos sinulla on ongelmia GeneratePressin käyttämisessä siirtymä- tai vakiotilassa, noudata tässä olevia ohjeita.

Vaikka käyttäisit muuta AMP-laajennusta, nämä vaiheet toimivat.

Kuinka tehdä GeneratePress ja AMP täysin yhteensopivaksi

Tee GeneratePressistä ja AMP:sta täysin yhteensopivia noudattamalla näitä ohjeita:

1. Lataa ja asenna AMP for GeneratePress Plugin

GeneratePressin kehittäjän ja perustajan Tom Usbornelta on virallinen laajennus. Laajennuksen tarkoituksena on korjata mahdolliset yhteensopivuusongelmat AMP:n kanssa.

Laajennus ei ole vielä saatavilla WordPress-hakemistossa. Mutta Tom kertoi minulle email että hän antaa sen pian saataville.

Toistaiseksi voit hanki laajennus GitHubista.

Kun olet siellä, napsauta Kloonaa tai lataa. Napsauta sitten Lataa zip.

Siirry WordPress-hallintapaneeliin napsauttamalla laajennuksia ja napsauttamalla sitten Lisää uusi. Napsauta uudella sivulla latauslaajennusta, valitse juuri lataamasi tiedosto ja asenna se.

Kun se on asennettu, aktivoi se. Siinä kaikki.

2. Vaihda AMP siirtymätilaan tai vakiotilaan

Siirry nyt uudelleen AMP-laajennuksen asetuksiin ja vaihda siirtymä- tai vakiotilaan. Siirtymätila tarkoittaa, että teemakehystäsi käytetään AMP:n ja muun kuin AMP:n näyttämiseen, kun taas standardi tarkoittaa, että sivustosi on AMP-ensimmäinen.

Jos sivustosi toimii AMP-siirtymätilassa, se toimii normaalitilassa. Ainoa ero näiden kahden välillä on ensisijainen URL-osoite.

Kun olet siirtymätilassa, sinun on lisättävä ?amp linkkien lopussa, mukaan lukien kotisivu, jolla pääset käyttämään AMP:tä.

Mutta kun se on vakiotilassa, lisäystä ei tarvita. Ensisijaiset URL-osoitteesi ovat vahvoja.

Käytän tässä testissä siirtymätilaa näyttääkseni sen toimivan. Käytän mieluummin AMP:tä lukijatilassa, koska suurin osa vierailijoistani on työpöydältä.

3. Suorita AMP-testi.

Siirtymätilaan tai standardiin vaihtamisen jälkeen. Näet monia virheitä! Älä panikoi!

Näet alta muutoksen jälkeen saamani virheet BloggingTools siirtymätilaan.

AMP-virheitä GeneratePress
AMP-virheet GeneratePress

Virheindeksiä oli 48.

Suurin osa näistä virheistä on varoituksia. Jotkut niistä johtuvat laajennuksista. Varoitusten tarkoituksena on kertoa, että korostettuja kohteita ei näytetä AMP:ssa.

En huomannut mitään suurta aiheeseen liittyvää varoitusta.

Suurin ongelma, jonka huomasin, oli välimuistilaajennuksestani, Breeze. Se oli CSS:n lisääminen, joka ei näytä tekevän AMP:ta onnelliseksi. Joten otin Breezen pois käytöstä ja jatkoin testaamista.

Voit käyttää Googlen virallinen AMP-testaustyökalu testausta varten.

Tulos osoittaa, että AMP toimii ilman ongelmia. Katso alempaa.

Tässä on kotisivuni testi.

GeneratePress AMP -kotitesti

Sitten testasin postaussivua:

GeneratePress AMP-testi

Yllä olevasta voit nähdä, että AMP ja GeneratePress ovat täysin yhteensopivia.

Yleiset asiat

Jos sinulla on ongelmia edelleen saada AMP toimimaan siirtymä- tai vakiotilassa, ongelma on todennäköisesti jokin laajennuksistasi.

Pääsyylliset ovat luultavasti välimuistilaajennukset tai optimointilaajennukset, jotka eivät ole AMP-yhteensopivia.

Mfon Abel Ekene

Mfon Abel Ekene

Nautin hyödyllisen sisällön luomisesta. Intohimoni on auttaa Internet-väestöä löytämään tarvitsemansa ohjaamalla heitä oikeaan suuntaan. Sitä rakastan tehdä, ja teen useita tunteja tutkimusta ja testausta varmistaakseni, että teen juuri sen TargetTrendin sisällön kautta.

Artikkelit: 51

Vastaanota teknisiä tavaroita

Tekniset trendit, startup-trendit, arvostelut, online-tulot, verkkotyökalut ja markkinointi kerran tai kahdesti kuukaudessa