AMP-opas: Mikä on AMP ja kuinka se asetetaan WordPress-sivustolle

Et ehkä ole vielä tajunnut sitä, mutta noin 50 prosenttia sivustollesi mobiililaitteillaan käyttävistä ihmisistä hylkää sivustosi kokonaan, jos sen latautuminen kestää yli 3 sekuntia.

Aloittelijana ja aloittelijana digitaalisen liiketoiminnan areenalla et ehkä ole tietoinen tästä. No, siksi olemme täällä sinua varten.

Jos et ole kiinnittänyt minkäänlaista huomiota sivustosi latausaikaan mobiililaitteella etkä kirjaa muistiin myöhempää verkkoliikennettä, olet tappiossa. Nämä luvut on kirjattava muistiin ja tiedossa, ennen kuin teet muita tärkeitä liiketoiminnan kehittämispäätöksiä.

Miksi sen pitää tapahtua?

Lähinnä siksi, että useimmat ihmiset, jotka etsivät mitä tahansa verkossa, tekevät sen mobiililaitteidensa kautta. Siksi on tärkeää, että maksimoit sivustosi sivun latausnopeuden.

Google julkaisi äskettäin uuden teknologian auttaakseen sinua tässä tehtävässä. Tämä tekniikka lupaa parantaa sivustosi käyttökokemusta sitä käyttäville ihmisille ja auttaa sinua saavuttamaan tavoitteesi. Googlen käynnistämä Google Accelerated Mobile Pages, joka tunnetaan myös nimellä Google AMP, on Googlen itsensä tekemä vallankumouksellinen aloite parantaa sivuston liikennettä ja parantaa tuloja nykypäivän yritykselle.

Google AMP palvelee erityisesti mobiilisivustosi versiota ja nopeuttaa sitä tarjoamalla erittäin kevyitä versioita kaikesta sivustollasi Googlen palvelimilla isännöitynä. Sivustollasi vierailevat ihmiset saavat sisältönsä nopeasti, ja siksi he eivät todennäköisesti poistu verkkosivustoltasi odottamisen vuoksi. He jatkavat työsi katselemista ja ihailua, mikä auttaa sinua verkkoliikenteen ja tulojen tapauksessa.

Ennen kuin siirrymme syvälle kierteiseen keskusteluun siitä, mitä Google AMP voi tehdä, keskustelkaamme ensin yksityiskohtaisesti siitä, mitä Google AMP todella on.

Google AMP on teknologinen edistysaskel, Googlen aivojen aloite tehdäkseen mobiilisivustojen versioista parempia ja nopeampia. Nämä aivot halusivat eri verkkosivustojen mobiiliversioiden latautuvan nopeammin kuin koskaan. Jos olet kiinnostunut tekniikasta, ohjelmistoista ja algoritmeista, tiedät todennäköisesti mitä Facebook Instant Articles on. Jos tiedät mitä se on, Google AMP:n ymmärtäminen on melko helppoa. Ne ovat melko samanlaisia.

Google AMP varmistaa, että sivustollasi vieraillessasi koko sivustosi versio ei lataudu. Itse asiassa Google piilottaa tietyt osat tarkoituksella, jotta se latautuu nopeammin. Tämän ansiosta sivuston mobiiliversio näyttää usein hieman minimalistiselta.

Aloite on avoimen lähdekoodin aloite, mikä tarkoittaa, että kuka tahansa voi käyttää menetelmiä hyötyäkseen. Google ei tietenkään aio rajoittaa samaa, koska sen perimmäisenä tavoitteena on tehdä verkkosisällöstä helposti saavutettavissa erityisesti mobiilikäyttäjille.

Sisällön luonti ja latausajat ovat usein liian hitaita useimmille ihmisille, mikä on hyvin yleinen valitus. Jopa sivut, jotka ovat täynnä optimoitua sisältöä ja runsaasti tietoa, voivat kestää kauemmin latautua. Ja huolimatta kaikista sivuston ja yritysten omistajien SEO- ja muista teknisistä ponnisteluista, ongelma näyttää jatkuvan. Ja tästä syystä Google AMP:stä tulee tärkeä nykypäivän elämässämme. Accelerated Mobile Pages (AMP) on riippuvainen vähimmäismäärästä HTML-koodeja ja Javascriptejä verkkosivuston sivun lataamiseen. Tämä auttaa eri verkkosivustojen sisältöä isännöimään helposti AMP-välimuistissa. Näitä välimuistiversioita voidaan käyttää palvelemaan ihmisiä välittömästi, kun he napsauttavat tiettyä verkkosivustoa orgaanisista lähteistä.

Menetelmä, kuten juuri totesimme yllä, on melko samanlainen kuin Facebook Instant Articles. Mutta siinä on yksi ristiriita! Toisin kuin AMP, Instant Artikkelit rajoittuvat pelkästään Facebookiin. Eikä vain Facebookin verkkoversioon, vaan heidän mobiilisovellukseensa. AMP voi kuitenkin toimia melkein missä tahansa. Niitä voivat käyttää kaikenlaiset sovellukset ja verkkoselaimet ja jopa verkkokatselijat. Tällä hetkellä sitä käyttävät paitsi Google, myös LinkedIn, Twitter, Reddit ja muut.

Onko Google AMP todella hypetyksen arvoinen?

No, emme aio ilmoittaa oikeita vastauksia. Vastaat tähän kysymykseen tänään. Teemme prosessista sinulle yksinkertaisen antamalla sinulle kaikki AMP:n edut ja haitat.

Useimpien SEO-asiantuntijoiden mukaan AMP auttaa sinua saamaan korkeamman sijoituksen Googlen hakukoneessa ja parantaa käyttäjien kokemusta erityisesti mobiilialustoilla. Tämä on siunaus ihmisille, joilla on hitaammat internetyhteydet. Mutta ne voivat yhtä hyvin asettaa haasteita sivustojen omistajille ja bloggaajille.

Koska Google AMP käyttää rajoitettua määrää HTML- ja Javascript-vaihtoehtoja, sisältömarkkinoijana ja sivuston omistajana et ehkä voi lisätä muutamia widgetejä mobiilisivustollesi. Tämä saattaa osoittautua pahaksi, koska se rajoittaa kykyäsi digitaalisena markkinoijana lisätä älykkäitä vaihtoehtoja, kuten uutiskirjeitä, sähköpostivaihtoehtoja, Facebook-tykkäys- ja jakamislaatikoita ja muita vastaavia monipuolisia vaihtoehtoja.

Google AMP tukee Google Analyticsia, mutta ei varsinaisesti tarjoa tukea muille alustoille. Näin mainosvaihtoehdot toimivat Google AMP:n alla. Google ei tue useimpia mainosalustoja.

Jopa näiden muutamien rajoitusten jälkeen AMP säilyttää edelleen asemansa alalla lisätäkseen verkkosivuja ja sivuston liikennettä huomattavasti. Kun lisäät sivustollesi AMP-tuen ja työskentelet samanaikaisesti hakukoneoptimointikäytäntöjesi parissa, voit varmasti kerätä suuren osan sivustosi liikennettä mobiilihakujen kautta.

Varmistaaksemme, että saat kaikki hyödyt, jotka AMP:n avulla voidaan luoda WordPress-sivustollesi, olemme tässä kuratoineet vaiheittaisen oppaan Google AMP -profiilin määrittämisestä ensimmäistä kertaa.

Ennen kuin noudatat tätä pikaopasta AMP:n käyttöönottoa varten WordPress-sivustollasi, oletamme, että olet jo aktivoinut Yoast WordPress -laajennuksen sivustollesi. Voit ohittaa vaiheen, jos et ole jo tehnyt sitä, ja voit aktivoida AMP:n suoraan sivustollesi. Suosittelemme kuitenkin, että aktivoit Yoast SEO -laajennuksen ennakkoehtona.

Nyt suoraan asiaan!

Google AMP:n määrittäminen WordPress-sivustollesi.

On erittäin helppoa määrittää AMP-profiilisi ja linkittää se WordPress-sivustoosi. Kaikki ylistävät virallisen laajennuksen tehoa samasta Googlelta. Virallinen AMP-laajennus ei vaadi määrityksiä, ja siksi haluat lisätä laajennuslaajennuksia, jotta se toimii täysin.

Ensin mennään perusasioihin. Ymmärretään virallisen laajennuksen asennuksen perusosa. Sen jälkeen testaamme sitä ja asetamme sen sitten vastaavasti.

Asennus

Voit asentaa AMP-laajennuksen WordPress-sivustollesi noudattamalla alla annettuja ohjeita. Tämä menetelmä edellyttää, että kirjaudut WordPress-sivustosi hallintapaneeliin ja napsautat sitten Plugins.

• Kun olet napsauttanut laajennuksia, sinun tulee klikata ’Lisää uusi’ -välilehteä, jonka jälkeen sinun tulee tehdä hakukysely ”Accelerated Mobile Pages”.
• Kun olet löytänyt sopivan vaihtoehdon, sinun pitäisi asentaa se napsauttamalla ”aktivoi”.
• Kun olet aktivoinut laajennuksen, näet viestin, jossa lukee ”Tämä teema vaatii seuraavan laajennuksen: AMP, Begin Installing Plugin”. Napsauta sitten ”Aloita laajennuksen asennus” ja sitten ”asenna”.

Google Analyticsin määrittäminen

Kun olet asentanut AMP-laajennuksen, sinun pitäisi asentaa Google Analytics. Jotta voit ottaa Google Analyticsin käyttöön, sinun on löydettävä seurantatunnuksesi. Tämän jälkeen sinun on kirjauduttava Google Analyticsiin ja klikattava sitten näytön vasemmassa alakulmassa näkyvää rataskuvaketta, jonka kautta sinut ohjataan hallintapaneeliin. Kun olet valinnut saman, valitset nyt Tili ja Omaisuus suoraan avattavista valikoista. Kun tarkastelet Omaisuus-sarakkeen vaihtoehtoja, näet välilehden nimeltä ”Seurantatiedot”. Napsauta samaa nähdäksesi seurantatunnuksesi. Tämä tunnus alkaa yleensä UA:lla.

Kopioi tämä seurantatunnus ja kirjaudu sisään WordPress-sivustollesi. Napsauta näytön vasemmassa reunassa Navigointi ja siirry sitten AMP:hen ja klikkaa AMP:stä Analytics. Liitä seurantatunnuksesi kohtaan, jossa ”Google Analytics” mainitaan. Kun olet tehnyt tämän, sinun pitäisi nyt napsauttaa ”Tallenna muutokset” ja olet valmis.

Laajennusasetusten määrittäminen

Tässä vaiheessa käsittelemme peruskokoonpanoja, joilla voit mukauttaa AMP-laajennuksen ulkoasua. Tämä kokoonpano auttaa myös tukemaan useita sisältömuotoja.

Oletamme tässä, että sinulla on jo Yoast SEO -laajennus. Joten aloittaaksesi tämän määrityksen, sinun tulee mennä Yoast SEO: lle ja napsauttaa AMP. Kun olet tehnyt sen, sinun pitäisi nyt napsauttaa Viestityypit. Tästä eteenpäin voit valita käytettävät viestit, jotka ovat AMP-yhteensopivia.

Kun napsautat Suunnittelu-välilehden toista välilehteä, voit nyt muokata AMP-toimintojen sisältösivujesi ulkoasua. Jos käytät CSS-tyyliä, voit muokata sisältöäsi ja myös linkittää samanlaisia ​​värikuvioita ladataksesi itsellesi ja mukautetun AMP-kuvakkeen. Voit tarvittaessa määrittää oletuskuvat myös sivustosi sivuille.

Testaa AMP-kokoonpanoasi

Kun olet luonut AMP-URL-osoitteen, sinun tulee myös varmistaa, että nämä URL-osoitteet toimivat oikein. Jos niitä ei ole määritetty oikein eivätkä ne toimi, Google ei pysty näyttämään samaa myöhemmin hakutuloksissa. Tämä on suojakeino, joka sinun tulee ottaa etukäteen, koska se voi joskus olla melkoinen tehtävä useimmille verkkovastaaville!

Jokaiseen ongelmaan löytyy kuitenkin ratkaisuja. Saat sellaisen, vaikka testaat ja vahvistat AMP-URL-osoitteitasi. Sinun tulisi valita muutama sivuston sivu ja testata niiden AMP-versioita käyttämällä jotakin alla mainituista menetelmistä. Mutta ennen kuin jatkat ja suoritat jonkin näistä tehtävistä, sinun tulee liittää /amp/ URL-osoitteesi loppuun, kuten aiemmin kerrottiin.

1. Sinun tulisi mennä tälle verkkosivustolle – search.google.com/test/amp Ja sinun tulee pudottaa sivustosi URL-osoite tälle verkkosivustolle. Kun olet tehnyt sen, sinun pitäisi nyt napsauttaa ”Suorita testi”. Näet tuloksesi, ovatko ne päteviä tai virheellisiä.

2. Toinen vaihtoehto auttaa erityisesti ihmisiä, jotka käyttävät Google Chrome -selainta. Jos käytät Internetiä millä tahansa muulla selaimella, kuten Mozilla Firefoxilla, Safarilla jne., tämä vaihtoehto ei todellakaan soveltuisi sinuun.

   Avaa AMP-sivu Google Chrome -selaimessa ja liitä #development=1 sivustosi URL-osoitteeseen.

   Seuraava asia, jonka sinun pitäisi tehdä, on avata Chrome Dev Tools Console itse Google Chrome -valikosta ja valita sitten Lisää työkaluja. Tämän jälkeen sinun tulee napsauttaa ”Kehitystyökalut” ja sitten ”Console”.

   Kun napsautat ”Konsoli”, voit tarkistaa vahvistusvirheet. Jos asiat sujuvat hyvin ja toimivat hyvin, validointiprosessin pitäisi olla onnistunut.

3. Kolmas vaihtoehto, jota voit seurata, on siirtyä tälle verkkosivustolle – validator.ampproject.org ja liittää AMP-URL-osoitteesi tähän, mainittuun URL-kenttään. Kun olet liittänyt sen, sinun tulee napsauttaa ”Vahvista”.

   Jos virheitä tai ongelmia ilmenee, tämä työkalu korostaa ne ja merkitsee ne HTML-koodissa.

Lähetetään AMP-URL-osoite indeksointiprosessia varten

Jos seurasit AMP-vahvistusprosessia Google Search Consolen kautta, voit myöhemmin napsauttaa ”Lähetä Googlelle” suoraan, kun olet nähnyt testin kelvollisena.

Jos et ole, sinulle on toinen vaihtoehto. Tämä toimisi, jos olet kirjautunut Google Search Console -tilillesi. Kun olet tehnyt sen, voit etsiä ”Lähetä Googlelle” ja lähettää sitten sivustosi URL-osoitteen suoraan.

Kun lähetät AMP-sivuston sivun Googlelle vaihtoehtoisella tavalla, Google indeksoi AMP-sivustosi sivusi myöhemmin riippumatta siitä, onko se sisäisesti linkitetty ja lueteltu XML-sivustokartassa vai ei.

Tarkastele Google Search Consolea tehdäksesi vianmäärityksen jokaisesta virheestä.

Seuraava vaihe on oppia hallitsemaan AMP-sivustosi sivuja yhdestä paikasta, joka on Google Search Console. Sinun tulee kirjautua sisään Google Search Consoleen ja sieltä ’Haun ulkoasu’ -välilehdeltä klikata ’Accelerated Mobile Pages’.

Kun teet tämän, voit nähdä, kuinka monta AMP-sivuistasi on indeksoitu ja mitkä eivät. Niissä, joita ei ole vielä indeksoitu, täytyy olla jonkinlaisia ​​virheitä, jotka näkyvät myös täällä. Jos tunnistat kriittiset ongelmat, voit myöhemmin tehdä vianmäärityksen edellisessä vaiheessa mainittujen työkalujen avulla.

Sivun nopeuden testaus.

Kun kaikki edellä mainittu on suoritettu, sinun pitäisi nyt alkaa nähdä edut. Jos haluat nähdä, ovatko yrityksesi olleet hedelmällisiä vai eivät, yritä ajaa AMP-sivujasi ja tavallisia mobiilisivustosi sivuja nopeustyökalujen, kuten WebPageTestin, avulla. Sinun tulisi myös verrata tuloksia kahdelta eri sivulta.

Ja voila! Olet valmis. Voit aloittaa AMP-matkasi.

Google tehostaa ponnistelujaan ja paljastaa ihmeen mobiili-indeksoinnin ja sivun nopeuttamisen muodossa. Tekemällä tämän, niistä on nyt tulossa sijoitustekijä monille sivustoille ja yrityksille nykyään. Googlen tekninen aloite AMP:n muodossa on ratkaiseva askel kaikille nykyaikaisille yrityksille ja mobiilisovelluskehitysyrityksille. Saman vaihtamatta jättäminen voi olla sinulle ongelmallista pitkällä aikavälillä! Älä pelkää, tee se vaihto! Kiität meitä myöhemmin.