TechBlogSD - Alt for WordPress- og WEB -utvikling
WEB- og WordPress -instruksjoner, nyheter, anmeldelser av temaer og plugins

Hvordan lage AMP -sider for WordPress -nettsted?

1

Fremtiden er mobil, og Google presser nettredaktørene og utgiverne til å implementere AMP på nettstedet sitt. AMP står for Accelerated Mobile Pages, som hjelper deg å laste sidene raskere på mobile enheter. Det har imidlertid ulemper, ettersom det ikke støtter JavaScript -funksjoner som er en del av mange WordPress -nettsteder. Derfor må du teste AMP -sider grundig og avgjøre om det fungerer for deg før du implementerer det på et live nettsted. I denne artikkelen, la oss utforske hvordan du lager AMP -sider for WordPress -nettstedet.

Hvordan virker det?

Det er viktig å forstå hvordan AMP fungerer før du prøver å implementere. I utgangspunktet må du lage oppsett for mobilnettstedet ditt som er annerledes enn skrivebordsnettstedet. Dette vil hjelpe deg med å betjene mobilsidene raskere på smarttelefoner.

  • Hver side på nettstedet ditt vil ha to nettadresser – en for desktop og en for AMP. AMP -nettadressene inkluderer vanligvis / amp / på slutten.
  • Den kanoniske metakoden på siden skal informere søkemotorer om at stasjonære og mobile sider er de samme, selv om URL -adressen er annerledes. Du kan enten velge skrivebordets URL eller AMP URL som din kanoniske URL, avhengig av implementeringen.
  • Det er opp til Google og andre søkemotorer å hente desktop- eller AMP -sider i søkeresultatene. Du har ingen kontroll på dette.

Husk at selv om AMP er der en stund, er det fremdeles en eksperimentell funksjon. Derfor vil du ha mange problemer, inkludert trafikk og tap av inntekter når du bytter til AMP. Lær mer om AMP -problemer i vår tidligere artikkel.

Opprette AMP -sider for WordPress -nettsted

WordPress har alltid flere alternativer for å utføre en enkelt oppgave, og AMP er ikke et unntak fra det. Du kan opprette AMP -sider med følgende tre alternativer:

  • Bruker offisiell AMP -plugin
  • Bruker annen AMP for WP -plugin
  • Finn et AMP -støttet mobiltema
  • Implementere AMP manuelt

La oss forklare hvordan du oppretter AMP -sider ved hjelp av den offisielle AMP -pluginen i denne artikkelen.

Opprette AMP -sider med offisiell AMP -plugin

Logg deg på WordPress -administrasjonspanelet ditt og gå til delen "Plugins> Add New". Søk etter "AMP" i søkeboksen for å filtrere de relevante resultatene. Du vil finne at det er to populære AMP -plugins tilgjengelig for WordPress i det gratis depotet – AMP av offisielt WordPress -team og AMP for WP av en annen utvikler.

Hvordan lage AMP -sider for WordPress -nettsted?

WordPress AMP -plugins

AMP er den offisielle AMP -plugin for WordPress bidratt med Google, Automattic og andre utviklere. La oss forklare hvordan du oppretter AMP -sider med denne offisielle pluginen.

  • Etter å ha funnet pluginet, installerer og aktiverer du på WordPress -nettstedet ditt. Dette vil opprette "AMP" -menyen i siden med "Generelt" og "Analytics" alternativer.
  • Gå til "AMP> Generelt" og tilpasse følgende innstillinger for å lage AMP -sider.

Lær WordPress: Ta en titt på 400+ gratis WordPress -opplæringsprogrammer.

Aktiverer AMP

Alternativet er å aktivere AMP for nettstedet ditt. Bare merk av for "Nettsted" mot "Opplevelser" -delen.

Hvordan lage AMP -sider for WordPress -nettsted?

Aktiver AMP på WordPress -nettsted

Alternativet "Historier" blir som standard deaktivert ettersom du trenger Gutenberg -plugin for å lage historier ved hjelp av AMP.

Velg Nettstedsmodus

Dette er en viktig innstilling for å aktivere AMP for WordPress -nettstedet ditt. Programtillegget tilbyr tre alternativer, og du kan velge avhengig av behovet ditt.

  • Lesermodus – dette vil bruke AMP -tema og opprette sammenkoblede AMP -sider på nettstedet ditt. Selv om dette er en enkel måte å aktivere AMP, vil det skape en annen og enkel layout for AMP -nettstedet ditt. Denne modusen støtter bare innlegg/sider og støtter ikke mobilomdirigering. Dette betyr i hovedsak at AMP -sidene dine bare blir vist hvis det er en forespørsel om / amp / URL fra Google eller en annen forbruksplattform.
  • Overgangsmodus – denne modusen ligner på lesermodus. Forvent at den bruker det nåværende temas maler til å lage AMP -sider.
  • Standardmodus – hvis du aktiverer denne modusen, blir nettstedet ditt til et komplett AMP -nettsted med alle kanoniske URL -er som peker til / amp / URLs. IT bruker også temaets layout for å lage AMP -mobilsider.

Hvordan lage AMP -sider for WordPress -nettsted?

Velg Nettsted AMP -modus

Mest sannsynlig kan du bare bruke lesermodus på temaet ditt, spesielt når du bruker jQuery -basert WordPress -tema for nettstedet ditt. Sørg for å teste alle skriptfunksjoner, for eksempel menyelementer på nettstedet ditt, fungerer med AMP, uavhengig av hvilken modus du velger.

Velge innleggstype og maler

Avhengig av valg av modus, kan du velge posttype -støtte for AMP.

  • Lesermodus lar deg velge innlegg, sider og medier. Vi anbefaler deg å velge innlegg hvis du vil bruke lesermodus.

Hvordan lage AMP -sider for WordPress -nettsted?

Aktiver AMP -innleggstype og hurtigbufring

  • Standard- og overgangsmoduser lar deg velge innleggstyper og maler på nettstedet ditt. Du kan velge å inkludere eller ekskludere bestemte maler fra AMP -sideopprettelse.

Hvordan lage AMP -sider for WordPress -nettsted?

Alternativ for overgangs- og standardmodus

Feil validering

Igjen, feilvalideringsalternativet avhenger av valg av modus.

  • Lesermodus trenger ingen feilvalidering, da den bruker tilpasset AMP -oppsett.
  • For standardmodus blir alle AMP -feil automatisk analysert og godtatt ettersom nettstedet ditt bruker AMP -kanoniske URL -er.
  • Når du bruker overgangsmodus, kan du enten automatisk få tilgang til AMP -feilene eller manuelt kontrollere og godta. Vi anbefaler at du merker av for "Automatisk tilgang til desinfisering for eventuelle AMP -valideringsfeil".

Hvordan lage AMP -sider for WordPress -nettsted?

AMP -valideringshåndtering

Valider nettadresser

Når du aktiverer standard- eller overgangsmodus, vil programtillegget opprette ytterligere to undermenyelementer under "AMP" -menyen. Du kan gå til delen "AMP> Validerte nettadresser" for å se AMP -validerte nettadresser på nettstedet ditt. Hvis du har valgt å automatisk validere nettadresser for overgangsmodus eller valgt standardmodus, er denne delen for referanseformål for å se de validerte nettadressene. Hvis du har deaktivert automatisk validering for overgangsmodus, bør du sjekke delen "Validerte nettadresser" og validere manuelt for å fjerne feilene. Ellers vil det påvirke sidelayoutene og sannsynligvis ødelegge nettstedvisningen.

Hvordan lage AMP -sider for WordPress -nettsted?

AMP -valideringsfeil

Alt du kan se på skjermbildet ovenfor, alle feil i validering godtas automatisk basert på innstillingene for overgangsmodus.

Feilindeks

Du kan gå til delen "AMP> Feilindeks" og se detaljene for hver valideringsfeil. Under kolonnen "Type" kan du se komponenten som forårsaker feilen, for eksempel JS eller CSS. Du klikker på rullegardinmenyen og ser hele URL -en til komponenten for å iverksette tiltak.

Hvordan lage AMP -sider for WordPress -nettsted?

AMP -valideringsfeilindeks

Caching

Gå til "AMP> Generelt" og aktiver det siste alternativet for hurtigbufring. Dette vil hjelpe deg med å bufret AMP -sidene og tjene raskere på mobilenheter fra bufret innhold.

Legger til Analytics

Programtillegget lar deg legge til Google Analytics -sporingskode ettersom AMP -sider trenger separat sporing på grunn av endring i URL -adresse. Gå til delen "AMP> Analytics" og legg til Analytics -koden din som nevnt i eksempelkoden.

Hvordan lage AMP -sider for WordPress -nettsted?

Oppsett av AMP Google Analytics

Siste ord

Selv om AMP -pluginet har en enkelt sideinnstillinger, er det ikke en enkel oppgave å sette opp AMP -sider på WordPress -nettstedet. Lesermodus kan fungere utenom boksen når du har et enkelt tema. Andre to moduser og til og med lesermodus vil bryte jQuery og andre JavaScript -funksjoner på nettstedet ditt. Derfor anbefaler vi på det sterkeste at du først tester på testingen eller det lokale nettstedet før du prøver AMP på det live nettstedet. Alternativt kan du prøve andre AMP for WP -plugin eller AMP -støttede temaer for enklere oppsett.

Opptakskilde: www.webnots.com
Leave A Reply

Dette nettstedet bruker informasjonskapsler for å forbedre din opplevelse. Vi antar at du er ok med dette, men du kan velge bort det hvis du ønsker det. jeg aksepterer Mer informasjon