Cum să faci GeneratePress și AMP pe deplin compatibile

GeneratePress și AMP sunt compatibile. În această postare vă voi arăta cum puteți face GeneratePress 100% compatibil cu AMP.

Accelerated Mobile Pages (AMP) este un proiect open source creat de Google împreună cu Automattic. Scopul este de a face site-uri web mai rapide pe telefoanele mobile.

Dacă majoritatea vizitatorilor tăi provin de pe dispozitive mobile, atunci AMP are potențialul de a-ți crește semnificativ traficul în timp.

Dar dacă aveți cei mai mulți vizitatori de pe desktop, este posibil să nu observați o diferență semnificativă, dar tot merită.

GeneratePress este cea mai rapidă temă WordPress pe care am văzut-o. Poți să-mi vezi Revizuire GeneratePress. Vestea bună este că este 100% compatibil cu AMP.

Implementarea AMP pe site-ul/blogul dvs

Cel mai bun mod de a implementa AMP este folosirea Plugin AMP oficial care a fost construit și este întreținut chiar de Google.

Vizitați directorul WordPress pentru a instala și activa pluginul. Pentru a face acest lucru, faceți clic pe pluginuri din tabloul de bord, apoi faceți clic pe Adăugare nou. Odată ajuns pe pagină, căutați AMP. veți vedea pluginul AMP.

Odată instalat, activați pluginul. Apoi faceți clic pe setări. Veți vedea trei opțiuni. Modul standard, modul tranzițional sau modul cititor. Modul cititor va funcționa normal. Deoarece nu se bazează pe tema dvs. pentru a funcționa. Dar dacă aveți o problemă la rularea GeneratePress în modul Tranzițional sau Standard, urmați pașii de aici.

Chiar dacă utilizați alt plugin AMP, acești pași vor funcționa.

Cum să faci GeneratePress și AMP pe deplin compatibile

Urmați acești pași pentru a face GeneratePress și AMP pe deplin compatibile:

1. Descărcați și instalați pluginul AMP pentru GeneratePress

Există un plugin oficial al lui Tom Usborne, dezvoltatorul și fondatorul GeneratePress. Scopul pluginului este de a remedia orice probleme de compatibilitate cu AMP.

Pluginul nu este încă disponibil în directorul WordPress. Dar Tom mi-a spus într-un e-mail că îl va pune la dispoziție în curând.

Deocamdată poți obțineți pluginul de pe GitHub.

Odată ajuns acolo, faceți clic pe Clonează sau descărcați. Apoi faceți clic pe descărcare zip.

Acum, pentru a accesa tabloul de bord WordPress, faceți clic pe pluginuri, apoi faceți clic pe adăugare nou. Pe noua pagină, faceți clic pe încărcați pluginul, apoi selectați fișierul pe care tocmai îl descărcați și instalați-l.

Odată instalat, activează-l. Asta este tot.

2. Comutați AMP în modul de tranziție sau standard

Acum accesați din nou setările pluginului AMP și comutați la modul tranzițional sau standard. Modul de tranziție înseamnă că cadrul tematic este folosit pentru a difuza AMP și Non-AMP, în timp ce standardul înseamnă că site-ul dvs. este pe primul loc AMP.

Dacă site-ul dvs. funcționează în modul de tranziție AMP, acesta va funcționa în modul standard. Singura diferență dintre cele două este adresa URL canonică.

Când sunteți în modul tranzițional, trebuie să adăugați ?amp la sfârșitul linkurilor, inclusiv pagina de pornire, pentru a accesa AMP.

Dar când este în modul standard, nu este necesară nicio adăugare. Adresele dvs. URL canonice sunt amp.

Pentru acest test, folosesc modul tranzițional pentru a arăta că funcționează. Prefer să folosesc AMP în modul cititor, deoarece majoritatea vizitatorilor mei sunt de pe desktop.

3. Efectuați un test AMP.

După trecerea la modul de tranziție sau standard. Vei vedea multe erori! Nu vă panicați!

Puteți vedea erorile pe care le-am primit mai jos după schimbare Instrumente de blogging la modul tranzitoriu.

Au existat 48 de indici de eroare.

Cele mai multe dintre aceste erori sunt avertismente. Unele dintre ele sunt cauzate de pluginuri. Avertismentele sunt pentru a vă anunța că elementele evidențiate nu vor fi afișate în AMP.

Nu am observat niciun avertisment major legat de temă.

Problema majoră pe care am observat-o a fost de la pluginul meu de cache, Breeze. A fost adăugarea unui CSS care nu pare să facă AMP fericit. Așa că am dezactivat Breeze și am trecut la testare.

Poți să folosești Instrument oficial Google de testare AMP pentru testare.

Rezultatul arată că AMP rulează fără probleme. Vezi mai jos.

Iată testul pentru pagina mea de pornire.

Apoi am testat o pagină de postare:

Din cele de mai sus, puteți vedea că AMP și GeneratePress sunt pe deplin compatibile.

Probleme comune

Dacă întâmpinați probleme în continuare pentru a face AMP să funcționeze în modul tranzițional sau standard, problema este cel mai probabil unul dintre pluginurile dvs.

Principalii vinovați vor fi, probabil, pluginurile de cache sau de optimizare care nu sunt compatibile cu AMP.