TechBlogSD - Kaikki WordPressin ja WEB: n kehittämiseen
WEB- ja WordPress - ohjeet, uutiset, arvostelut teemoista ja laajennuksista

Kuinka luoda AMP -sivuja WordPress -sivustolle?

2

Tulevaisuus on mobiili ja Google kehottaa verkkovastaavia ja julkaisijoita ottamaan käyttöön AMP: n sivustollaan. AMP tarkoittaa Accelerated Mobile Pages, joka auttaa sinua lataamaan sivut nopeammin mobiililaitteille. Siinä on kuitenkin haittoja, koska se ei tue JavaScript -ominaisuuksia, jotka ovat osa monia WordPress -verkkosivustoja. Siksi sinun on testattava AMP -sivut perusteellisesti ja päätettävä, toimiiko se sinulle, ennen kuin otat ne käyttöön live -sivustossa. Tässä artikkelissa tutkitaan, miten luodaan AMP -sivuja WordPress -sivustolle.

Kuinka se toimii?

On tärkeää ymmärtää, miten AMP toimii, ennen kuin yrität ottaa sen käyttöön. Periaatteessa sinun on luotava mobiilisivustollesi erilainen ulkoasu kuin työpöytäsivusto. Tämä auttaa sinua palvelemaan mobiilisivuja nopeammin älypuhelimissa.

  • Sivustosi jokaisella sivulla on kaksi URL -osoitetta – yksi pöytäkoneille ja toinen AMP: lle. AMP -URL -osoitteiden lopussa on yleensä / amp /.
  • Kanoninen sisällönkuvauskenttä sivun pitäisi ilmoittaa hakukoneille, että pöytäkoneiden ja kannettavien sivut ovat samat, vaikka URL-osoite on erilainen. Voit joko valita työpöydän URL -osoitteen tai AMP -URL -osoitteen ensisijaiseksi URL -osoitteeksi toteutuksesta riippuen.
  • Googlen ja muiden hakukoneiden tehtävä on noutaa työpöytä- tai AMP -sivut hakutuloksista. Sinulla ei ole hallintaa tähän.

Muista, että vaikka AMP on olemassa jonkin aikaa, se on silti kokeellinen ominaisuus. Siksi sinulla on paljon ongelmia, mukaan lukien liikenne ja tulojen menetys, kun vaihdat AMP: hen. Lisätietoja AMP -ongelmista on aiemmassa artikkelissamme.

AMP -sivujen luominen WordPress -sivustolle

WordPressillä on aina useita vaihtoehtoja yhden tehtävän suorittamiseen, eikä AMP ole poikkeus tähän. Voit luoda AMP -sivuja seuraavilla kolmella vaihtoehdolla:

  • Käytä virallista AMP -laajennusta
  • Muun AMP for WP -laajennuksen käyttäminen
  • Etsi AMP -tuettu mobiiliteema
  • Ota AMP käyttöön manuaalisesti

Selitämme tässä artikkelissa AMP -sivujen luomisen käyttämällä virallista AMP -laajennusta.

AMP -sivujen luominen virallisella AMP -laajennuksella

Kirjaudu WordPress -hallintapaneeliin ja siirry kohtaan "Laajennukset> Lisää uusi". Etsi "AMP" hakukentästä suodattaaksesi osuvat tulokset. Löydät kaksi suosittua AMP -laajennusta, jotka ovat saatavilla WordPressille ilmaisessa arkistossa – AMP virallisen WordPress -tiimin ja AMP for WP: n toiselta kehittäjältä.

Kuinka luoda AMP -sivuja WordPress -sivustolle?

WordPress AMP -laajennukset

AMP on Googlen, Automatticin ja muiden kehittäjien virallinen AMP -laajennus WordPressille. Selitämme AMP -sivujen luomisen tällä virallisella laajennuksella.

  • Kun olet löytänyt laajennuksen, asenna ja aktivoi se WordPress -sivustollesi. Tämä luo AMP -valikon sivulle, jossa on Yleiset- ja Analytics -vaihtoehdot.
  • Siirry kohtaan AMP> Yleiset ja muokkaa seuraavia asetuksia AMP -sivujen luomiseksi.

Opi WordPress: Tutustu yli 400 ilmaiseen WordPress -opetusohjelmaan.

Otetaan AMP käyttöön

Vaihtoehto on ottaa AMP käyttöön verkkosivustollasi. Valitse vain "Verkkosivusto" -valintaruutu "Kokemukset" -osiosta.

Kuinka luoda AMP -sivuja WordPress -sivustolle?

Ota AMP käyttöön WordPress -sivustossa

"Tarinat" -vaihtoehto poistetaan käytöstä oletusarvoisesti, koska tarvitset Gutenberg -laajennuksen tarinoiden luomiseen AMP: n avulla.

Valitse Verkkosivusto -tila

Tämä on tärkeä asetus, kun otat AMP: n käyttöön WordPress -sivustossasi. Laajennus tarjoaa kolme vaihtoehtoa ja voit valita tarpeen mukaan.

  • Lukutila – tämä käyttää AMP -teemaa ja luo pariliitetyt AMP -sivut sivustollesi. Vaikka tämä on helppo tapa ottaa AMP käyttöön, se luo erilaisen ja yksinkertaisen asettelun AMP -sivustollesi. Tämä tila tukee vain viestejä/sivuja eikä tue mobiilin uudelleenohjausta. Tämä tarkoittaa käytännössä sitä, että AMP -sivusi näytetään vain, jos Google tai muu kulutusalusta pyytää / amp / URL -osoitetta.
  • Siirtymätila – tämä tila on samanlainen kuin lukutila, joka odottaa, että se käyttää nykyisen teemasi malleja AMP -sivujen luomiseen.
  • Vakio -tila – tämän tilan ottaminen käyttöön tekee sivustostasi täydellisen AMP -sivuston, jossa kaikki ensisijaiset URL -osoitteet osoittavat / amp / URL -osoitteisiin. IT käyttää myös teeman ulkoasua AMP -mobiilisivujen luomiseen.

Kuinka luoda AMP -sivuja WordPress -sivustolle?

Valitse Verkkosivuston AMP -tila

Todennäköisesti voit käyttää vain lukutilaa teemallasi, varsinkin kun käytät jQuery -pohjaista WordPress -teemaa sivustollesi. Varmista, että kaikki komentosarjan toiminnot, kuten sivustosi valikkokohteet, toimivat AMP: n kanssa valitsemastasi tilasta riippumatta.

Viestityypin ja mallien valitseminen

Tilavalinnastasi riippuen voit valita AMP: n postityypin tuen.

  • Lukutila mahdollistaa viestien, sivujen ja median valitsemisen. Suosittelemme, että valitset viestit, jos haluat käyttää lukutilaa.

Kuinka luoda AMP -sivuja WordPress -sivustolle?

Ota käyttöön AMP -postityyppi ja välimuisti

  • Vakio- ja siirtymätilan avulla voit valita sivustollesi postityyppejä ja malleja. Voit sisällyttää tai sulkea pois tietyt mallit AMP -sivun luomisesta.

Kuinka luoda AMP -sivuja WordPress -sivustolle?

Siirtymävaiheen ja vakiotilan mallivaihtoehdot

Virheiden vahvistus

Jälleen virheen vahvistusvaihtoehto riippuu tilasi valinnasta.

  • Lukutila ei tarvitse virheiden vahvistusta, koska se käyttää mukautettua AMP -asettelua.
  • Vakiotilassa kaikki AMP -virheet jäsennetään automaattisesti ja hyväksytään, kun sivustosi käyttää AMP -ensisijaisia ​​URL -osoitteita.
  • Kun käytät siirtymätilaa, voit joko käyttää AMP -virheitä automaattisesti tai tarkistaa ja hyväksyä ne manuaalisesti. Suosittelemme, että valitset valintaruudun "Käytä automaattisesti puhdistusta uusille AMP -vahvistusvirheille".

Kuinka luoda AMP -sivuja WordPress -sivustolle?

AMP -validoinnin käsittely

Vahvista URL -osoitteet

Kun otat käyttöön vakio- tai siirtymätilan, laajennus luo kaksi muuta alavalikon kohtaa "AMP" -valikkoon. Voit siirtyä AMP> Vahvistetut URL -osoitteet -osioon nähdäksesi sivustosi AMP -vahvistetut URL -osoitteet. Jos olet valinnut URL -osoitteiden automaattisen vahvistamisen siirtymä- tai vakiotilassa, tämä osio on tarkoitettu viitteelliseksi tarkastellaksesi vahvistettuja URL -osoitteita. Jos olet poistanut automaattisen vahvistuksen käytöstä siirtymätilassa, tarkista "Vahvistetut URL -osoitteet" -osio ja vahvista manuaalisesti virheiden poistamiseksi. Muussa tapauksessa se vaikuttaa sivun asetteluihin ja todennäköisesti rikkoo sivustosi näytön.

Kuinka luoda AMP -sivuja WordPress -sivustolle?

AMP -vahvistusvirheet

Kaikki mitä näet yllä olevasta kuvakaappauksesta, kaikki vahvistusvirheet hyväksytään automaattisesti siirtymätilan asetusten perusteella.

Virhehakemisto

Voit siirtyä AMP> Virhehakemisto -osioon ja tarkastella kunkin vahvistusvirheen tietoja. Tyyppi -sarakkeessa näet virheen aiheuttavan komponentin, kuten JS tai CSS. Napsauta avattavaa valikkoa ja tarkastele komponentin koko URL -osoitetta korjataksesi toimenpiteet.

Kuinka luoda AMP -sivuja WordPress -sivustolle?

AMP -vahvistusvirhehakemisto

Välimuisti

Siirry kohtaan "AMP> Yleiset" ja ota käyttöön viimeinen vaihtoehto välimuistiin. Tämä auttaa sinua tallentamaan AMP -sivut välimuistiin ja näyttämään nopeammin mobiililaitteissa välimuistiin tallennetusta sisällöstä.

Analyticsin lisääminen

Laajennuksen avulla voit lisätä Google Analytics -seurantakoodin, koska AMP -sivut tarvitsevat erillisen seurannan URL -osoitteen muutoksen vuoksi. Siirry AMP> Analytics -osioon ja lisää Analytics -koodisi esimerkkikoodin mukaisesti.

Kuinka luoda AMP -sivuja WordPress -sivustolle?

AMP: n Google Analytics -asennus

Lopulliset sanat

Vaikka AMP -laajennuksessa on vain yhden sivun asetukset, AMP -sivujen asentaminen WordPress -sivustolle ei ole helppoa. Lukijatila voi toimia heti, kun sinulla on yksinkertainen teema. Muut kaksi tilaa ja jopa lukutila rikkoo sivustosi jQuery- ja muut JavaScript -ominaisuudet. Siksi suosittelemme, että testaat ensin testissäsi tai paikallisessa sivustossasi ennen kuin yrität AMP: tä live -sivustolla. Vaihtoehtoisesti voit kokeilla muita AMP for WP -laajennuksia tai AMP -tuettuja teemoja asennuksen helpottamiseksi.

Leave A Reply

Tämä verkkosivusto käyttää evästeitä parantaakseen käyttökokemustasi. Oletamme, että olet kunnossa, mutta voit halutessasi kieltäytyä. Hyväksyä Lisätietoja