Kako GeneratePress i AMP učiniti potpuno kompatibilnim

AMP može učiniti vašu web-lokaciju brzom na mobilnom uređaju. Ako imate problema s radom AMP-a u prijelaznom ili standardnom načinu rada pomoću teme GeneratePress, evo kako sam riješio problem.

GeneratePress i AMP su kompatibilni. U ovom postu ću vam pokazati kako GeneratePress možete učiniti 100% kompatibilnim s AMP-om.

Accelerated Mobile Pages (AMP) je projekt otvorenog koda koji je stvorio Google zajedno s Automatticom. Cilj je učiniti web stranice bržima na mobilnim telefonima.

Ako većina vaših posjetitelja dolazi s mobilnih uređaja, tada AMP ima potencijal značajno povećati vaš promet tijekom vremena.

Ali ako većinu posjetitelja imate s stolnog računala, možda nećete primijetiti značajnu razliku, ali ipak se isplati.

GeneratePress je najbrža WordPress tema koju sam vidio. Možete vidjeti moju recenziju GeneratePressa . Dobra vijest je da je 100% kompatibilna s AMP-om.

Implementacija AMP-a na vašoj web stranici/blogu

Najbolji način za implementaciju AMP-a je korištenje službenog AMP dodatka koji je izradio i održava sam Google.

Posjetite WordPress imenik kako biste instalirali i aktivirali dodatak. Da biste to učinili, kliknite dodatke na nadzornoj ploči, a zatim kliknite Dodaj novo. Kada ste na stranici, potražite AMP. vidjet ćete AMP dodatak.

Službeni AMP dodatak

Nakon instaliranja, aktivirajte dodatak. Zatim kliknite na postavke. Vidjet ćete tri opcije. Standardni način rada, prijelazni način rada ili način rada Reader. Način čitanja radit će normalno. Budući da se ne oslanja na vašu temu da funkcionira. Ali ako imate problema s pokretanjem GeneratePressa u prijelaznom ili standardnom načinu rada, slijedite korake ovdje.

Čak i ako koristite drugi AMP dodatak, ovi će koraci funkcionirati.

Kako GeneratePress i AMP učiniti potpuno kompatibilnim

Slijedite ove korake kako bi GeneratePress i AMP bili potpuno kompatibilni:

1. Preuzmite i instalirajte AMP za GeneratePress dodatak

Postoji službeni dodatak Toma Usbornea, programera i osnivača GeneratePressa. Cilj je dodatka riješiti sve probleme s kompatibilnošću s AMP-om.

Dodatak još nije dostupan u WordPress imeniku. Ali Tom mi je u e-poruci rekao da će ga uskoro učiniti dostupnim.

Za sada, dodatak možete preuzeti s GitHuba.

Kad ste tamo, kliknite na Kloniraj ili preuzmi. Zatim kliknite na download zip.

Sada da biste otvorili nadzornu ploču WordPressa, kliknite na dodatke, a zatim kliknite na dodaj novi. Na novoj stranici kliknite na dodatak za prijenos, zatim odaberite datoteku koju ste upravo preuzeli i instalirajte je.

Nakon instaliranja, aktivirajte ga. To je sve.

2. Prebacite AMP na prijelazni ili standardni način rada

Sada ponovno idite na postavke AMP dodatka i prebacite se na prijelazni ili standardni način rada. Prijelazni način znači da se okvir vaše teme koristi za posluživanje AMP-a i ne-AMP-a, dok standardni znači da je vaša web-lokacija na prvom mjestu AMP-a.

Ako vaša web-lokacija radi u prijelaznom načinu AMP, radit će i u standardnom načinu. Jedina razlika između njih je kanonski URL.

U prijelaznom načinu rada, morate dodati ?amp na kraj poveznica, uključujući početnu stranicu, kako biste pristupili AMP-u.

Ali kada je u standardnom načinu rada, nije potrebno dodavanje. Vaši kanonski URL-ovi su amp.

Za ovaj test koristim prijelazni način da pokažem da radi. Radije koristim AMP u načinu rada za čitanje jer je većina mojih posjetitelja s stolnog računala.

3. Provedite AMP test.

Nakon promjene u prijelazni način ili standardni. Vidjet ćete mnoge pogreške! Ne paničarite!

Greške koje sam dobio nakon promjene BloggingToolsa u prijelazni način rada možete vidjeti u nastavku.

AMP pogreške GeneratePress
AMP pogreške GeneratePress

Bilo je 48 indeksa grešaka.

Većina ovih pogrešaka su upozorenja. Neke od njih uzrokuju dodaci. Upozorenja vas obavještavaju da istaknute stavke neće biti prikazane u AMP-u.

Nisam primijetio nikakvo veće upozorenje koje se odnosi na temu.

Glavni problem koji sam primijetio bio je moj dodatak za predmemoriju, Breeze. Čini se da dodavanje CSS-a nije usrećilo AMP. Pa sam deaktivirao Breeze i nastavio s testiranjem.

Za testiranje možete koristiti službeni Googleov alat za testiranje AMP-a.

Rezultat pokazuje da AMP radi bez problema. Pogledajte dolje.

Evo testa za moju početnu stranicu.

GeneratePress AMP kućni test

Zatim sam testirao stranicu s objavom:

GeneratePress AMP test

Iz gore navedenog možete vidjeti da su AMP i GeneratePress potpuno kompatibilni.

Česta pitanja

Ako imate problema s radom AMP-a u prijelaznom ili standardnom načinu rada, problem je najvjerojatnije u jednom od vaših dodataka.

Glavni krivci vjerojatno će biti dodatak za predmemoriju ili dodaci za optimizaciju koji nisu kompatibilni s AMP-om.

Mfon Abel Ekene

Mfon Abel Ekene

Uživam stvarati sadržaje koji su korisni. Moja strast je pomoći internetskoj populaciji da pronađe ono što im je potrebno usmjeravajući ih u pravom smjeru. To je ono što volim raditi i uložio sam mnogo sati istraživanja i testiranja kako bih osigurao da radim upravo to kroz svoj sadržaj na TargetTrendu.

Članci: 51

Primajte tehnološke stvari

Tehnički trendovi, trendovi startupa, recenzije, online prihod, web alati i marketing jednom ili dvaput mjesečno