AMP-sivut yksinkertaistavat elämääsi

AMP Sivut. Yhä useammat ihmiset käyttävät nykyään mobiililaitteita sivustojen selaamiseen ja internetin hakuun. Mobiililaitteille tarkoitettujen tuotteiden, kuten mobiilisovellusten, erilaisten vempaimien ja muiden tekniikoiden luomiseen on syntynyt kokonaisia uusia toimialoja. Älypuhelimista ja tableteista tuleva kokonaisliikenne on jo ylittänyt tietokoneista ja kannettavista tietokoneista tulevan työpöytäliikenteen.

Googlen ja Facebookin tilastojen mukaan maailmassa on kuitenkin paljon käyttäjiä, joilla mobiilinetti ei ole niin nopea (esim. 3G, GPRS). Tästä syystä nämä kaksi jättiläistä ovat alkaneet ryhtyä toimiin tarjotakseen ”paremman kokemuksen” käyttäjille, joilla on hidas internetyhteys. Suurin osa ihmisistä, erityisesti top 10:n ulkopuolella, ei edelleenkään käytä nopeita 4G-, LTE- tai Wi-Fi-verkkoja. Google käynnisti näin ollen avoimen AMP-projektin mobiililaitteille, joilla on hidas internetyhteys. Asia on niin, että verkkosivustoista tulee yhä monimutkaisempia ja ”raskaampia”, ja on olemassa trendi – yhä suurempi määrä sisältöä mobiililaitteille. Elokuussa 2016 Googlen hakuindeksissä oli jo yli 150 miljoonaa AMP-dokumenttia, ja määrä kasvoi joka viikko 4 miljoonalla viikossa.

Mikä on AMP?

Accelerated Mobile Pages, tai yksinkertaisesti AMP, on enimmäkseen HTML:ää, jossa on laajennuksia ja joitain mukautettuja sivuelementtejä/lohkoja mobiilisivustoille. On olemassa tiettyjä tunnisteita, joita voit käyttää sivustoja kehittäessäsi ja toisia, joita et voi käyttää. Niinpä esimerkiksi IMG-tagista (kuva) tulee AMP-IMG; tällöin video korvataan uudella AMP-tagilla jne. Vaikka se asettaa tiettyjä rajoituksia kehittäjille, se lupaa hyvää nopeuden ja verkkosivuston edistämisen kannalta (auttaa SEO:ssa). Useita Java-skriptejä ei voida käyttää AMP-sivujen tukemiseen. Mutta hyvä uutinen on, että voit käyttää CSS3:a ilman rajoituksia. 

AMP-HTML-dokumentteja voidaan käyttää myös verkkosivustojen kehittämiseen. Jos et siis halua kehittää sivustosta kahta versiota erikseen, voit yksinkertaisesti rakentaa sen AMP-HTML:n pohjalta ja ladata vain tämän version verkkopalvelimelle. Jotkut asiantuntijat kuitenkin suosittelevat molempien luomista paremman yhteensopivuuden vuoksi. Googlen hakukone edistää tätä tekniikkaa. Se on suunniteltu nopeuttamaan mobiili-internetiä. Tässä näet kaksi pääperiaatetta:

1. AMP-dokumentit ovat mahdollisimman kevyitä: ne eivät sisällä raskaita skriptejä tai monimutkaista koodia (voit nähdä esimerkin tästä). Eli luomisohjeet ovat erittäin tiukat.
2. Kiihdytetyt mobiilisivut tallennetaan Googlen erityiseen välimuistiin.

Jos siirryt Googlen hakutuloksista, lataus on tosiaan välitön. Pelkkä AMP-URL-osoitteen kirjoittaminen tekee lataamisesta hieman hitaampaa, mutta nopeampaa kuin varsinainen mobiiliversio.

Ketä voisi kiinnostaa?

AMP-tekniikkaa käytetään laajalti uutissivustoilla, blogeissa, vlogeissa ja muissa tietoresursseissa, joissa on paljon mallisisällön sivuja. Luettelo ei rajoitu tähän: AMP:llä; voit luoda sekä laskeutumissivun että mobiiliversion mille tahansa sivustolle, mukaan lukien verkkoluettelo, jossa on täysimittaiset tuotesivut.

Surffaajat voivat käyttää AMP:tä kahdella periaatteessa erilaisella tavalla. Ensimmäisessä tapauksessa tiedot siirretään sivuston omistajan palvelimelta kävijän tietokoneelle ja näytetään selaimessa nopeutettu versio sivusta. AMP:tä käyttävällä sivustolla voi esimerkiksi määrittää, että kaikki mobiilikäyttäjät ohjataan automaattisesti kiihdytetyille sivuille. Kävijä voi siirtyä AMP:hen linkin kautta mobiililaitteella tai lisätä / amp/suffixin URL-osoitteeseen selaimen osoiterivillä kiinteällä tietokoneella.

Toisessa menetelmässä AMP:n välimuistiin tallennettua versiota katsotaan Googlen palvelimelta. Maailman suurin hakukone näyttää kiihdytettyjen sivujen linkit karusellin muodossa SERP:ssä (hakukoneen tulossivu). Sivua katsellessaan käyttäjä ei siirry sivustolle, vaan katselee sisältöä SERP:stä.

AMP verkkokaupoille

Pitäkää mielessä, että AMP:t eivät yksinään ole tarkoitettu verkkokauppaan. Mutta ne on suunniteltu houkuttelemaan potentiaalisia ostajia.

Jos kävijä päättää tehdä ostoksen, hän suorittaa tilauksen joko sivuston mobiiliversiossa tai työpöydälle sovitettuna, riippuen siitä, miten sivustosi on konfiguroitu.

Muista, että AMP on ensisijaisesti hyödyllinen käyttäjille, joilla on hidas ja epävakaa internet. Näin ollen myös sivuston mobiiliversion on oltava kevyt ja nopea; muuten kävijä saattaa ”irtautua” ostoksesta ja sulkea sen kaupan vuoksi.

AMP-kehittäjät väittävät, että verkkokaupat voivat ja niiden pitäisi käyttää nopeutettuja sivuja. Tärkein argumentti teknologian käyttöönoton puolesta verkkokaupan resursseissa on se, että mobiilisivujen latausnopeuden lisääminen vaikuttaa positiivisesti konversioon. eBay on muuten kokeillut AMP:tä vuoden 2016 puolivälistä lähtien.

Miksi blogien ja julkaisijoiden tulisi ottaa AMP käyttöön

Koska hitaasti latautuvien sivujen lukeminen on käyttäjille epärealistisen turhauttavaa, kustantajat menettävät mahdollisuuden ansaita rahaa mainonnasta. AMP-tekniikka auttaa pitämään kävijän sivustolla pidempään, mikä mahdollisesti lisää mainosten klikkausten määrää.

AMP-sivut näkyvät salamakuvakkeella, jotta ne erottuvat normaalista sisällöstä. Tätä vaihtoehtoa klikkaava henkilö siirtyy suoraan AMP-sivuille, jotka avataan AMP-selaimella. Lisäksi sisältö on heti saatavilla Google-haussa ja alustoilla, kuten Twitterissä, LinkedInissä, WordPressissä, Parse.ly:ssä, Adobe Analyticsissa, Nuzzelissa ja Pinterestissä.

Lisäksi julkaisijat saavat käyttöönsä Google Analyticsin, jolla he voivat seurata sivujensa suorituskykyä. He voivat käyttää AMP:n parasta sisältöä optimoidakseen sivuston suorituskykyä ja parantaakseen käyttäjäkokemusta.

Lyhyesti AMP-toiminnallisuudesta

Sivujen rakentamisessa ei tarvitse enää pitkään aikaan ohjelmoida uudelleen liukusivuja, modaalisia ikkunoita ja muuta roskaa, tähän on jo pitkään keksitty niin sanotut jQuery-kirjastot. Nuo. Ulkoasun suunnittelija ei kirjoita koodia tyhjästä, vaan ottaa valmiin (juuri se tapaus, kun ”kaikki on jo varastettu ennen meitä”) ja sovittaa sen tietylle sivustolle sopivaksi. AMP:n kanssa kaikki toimii pitkälti samalla tavalla, muutamaa eroa lukuun ottamatta:

# 1 – AMP:tä varten jätetään vain se koodi, joka soveltuu sisällön nopeaan lataamiseen. Esimerkiksi kuvat eivät välttämättä lataudu heti, vaan myöhemmin, kun käyttäjä vierittää sivua alaspäin. Tähän kuuluvat myös modaaliset ikkunat, liukusäätimet ja muu ”keveys”.

# 2 – käytetään vain asynkronisia skriptejä, eli kaikki uudelleen nopeimman latauksen vuoksi.

# 3 – koodi on kirjoitettu niin, että AMP-sivu näkyy yhtä hyvin millä tahansa mobiililaitteella.

Kaikki nämä 3 eroa tähtäävät ensisijaisesti siihen, että selaimet renderöivät sivun mahdollisimman nopeasti. Sivun toiminnallisuutta on kuitenkin rajoitettu melko voimakkaasti. Haluaisitko lisätä joitakin skriptejäsi? Unohda se, sillä jopa kelvollisten HTML-tagien luettelo on rajoitettu.

AMP-teknologian edut

Monet käyttäjät miettivät vielä, kannattaako optiota soveltaa vai ei. Valtavat yritykset kuitenkin ymmärtävät, että se tuo lisää liikennettä ja mukavuutta. Katsotaanpa, miksi se on kannattavaa:

1. Tämä on tietysti sisällön latautumisnopeus. Teksti latautuu lähes välittömästi; sitten latautuvat kuvat (lisäksi ne eivät lataudu, jos et vieritä niiden kohdalle).
.
2. AMP-sivut hakutuloksissa merkitään erityisellä salamalla, joka voi saada resurssisi erottumaan muista. Vähitellen käyttäjät oppivat, että tämä kuvake kertoo sisällön nopeasta latautumisesta.
3. Kiihdytetyt mobiilisivut voidaan sisällyttää erityisiin Googlen karuselleihin.
4. Suurimmat hakukoneet panostavat mobiiliverkkoon. Tämä johtuu siitä, että mobiililaitteilla tapahtuvan myynnin osuus kasvaa jatkuvasti. Ihmiset käyttävät niitä ostosten tekemiseen jonottaessaan ja matkoilla. Monet ennusteet viittaavat siihen, että mobiilin internetin merkitys kasvaa entisestään.

Kaikki tämä vaikuttaa myönteisesti kävijäuskollisuuteen ja käyttäytymismittareihin. Kiihdytettyjen sivujen tärkein etu on siis suuri latausnopeus. Se parantaa käyttäjäkokemusta ja voi epäsuorasti vaikuttaa sivustojen asemaan Googlen SERP-listalla. Resurssit voivat myös saada lisää katselukertoja AMP-karusellin ansiosta.

Kiihdytettyjen mobiilisivujen virheet

Nyt mennäänpäs nyt maan pinnalle ja selvitetään, onko tämän tekniikan käyttöönotto nyt tarpeellista keskivertoprojektissa? Tarkastelemme resursseja, jotka perustuvat WordPressiin, yhteen suosituimmista CMS:istä:

1. Keskiverto webmasterin on paitsi vastattava kävijän kysymykseen myös tienattava rahaa mainonnalla. Voit lisätä Google Adsense -mainosyksiköitä vain Accelerated Mobile Pages -sivuille – mukavaa, mutta kaukana universaalista.
2. Välttääksesi päällekkäisyyksiä AMP:n käyttöönotossa, sinun on varottava seuraavia asioita:
   • Uusilla sivuilla tulisi olla rel, joka on kanoninen pää-URL:ille;
   • niiden ei pitäisi näkyä sivukartassa.

Mutta vaikka kaikki menisikin näin sinun kohdallasi, ei ole fakta, että hakukoneet eivät luo duplikaatteja ilman sinun tahtoasi. 

1. AMP ei sovellu kaikentyyppisille sivuille. Tekniikka on suunniteltu vain sisältödokumenteille: tekstit, kuvat. Jos projektisi ei koostu pelkästään artikkeleista/uutisista, siirtyminen sivuston versioiden välillä voi johtaa käyttäjää harhaan (sinun on saavutettava mahdollisimman suuri samankaltaisuus suunnittelussa).
2. Kun tällaiset nopeutetut sivut erottuvat SERP:ssä, Googlen tiedottaja Harry Illes sanoi, että AMP:tä ei lasketa ranking-kaavassa. Hän totesi, ettei ole varmaa, että se jatkuu koko ajan.
3. Ensin on luotava responsiivinen design eli mobiiliversio sivustosta. Sitten se on nopeutettu versio Googlelle. Jos ison projektin kapasiteetit mahdollistavat erillisten versioiden luomisen resurssista ja niiden seuraamisen, niin tavallisen webmasterin on paljon vaikeampi tehdä tätä.

Korkeasta latausnopeudesta joutuu maksamaan sivujen toiminnallisuudesta ja ulkonäöstä. On huomattava, että useimmat puutteet voidaan poistaa kokonaan tai osittain. AMP jää kuitenkin aina yksinkertaistetuksi tai jopa lyhennetyksi versioksi sivuston perussivusta.

Monetisointi AMP-sivuille

Tämä alaluku kiinnostaa kaikkia informaatiosivustojen omistajia, koska heidän sivustonsa ovat pääsääntöisesti rahanarvoisia joko yksinomaan kontekstimainonnan tai pääasiassa mainonnan kautta (avainsanat tässä ovat ”yksinomaan” ja ”pääasiassa”). Mitä mainosverkkoja voit siis käyttää AMP:n rahaksi muuttamiseen:

• Adform;
• Google Ad Manager;
• AdReactor;
• Yieldmo;
• Plista;
• Taboola;
• Flite;
• AOL AdTech;
• Amazon A9;
• Google Adsense;
• Smart AdServer;
• DotAndAds.

Mainosalustoja AMP:n monetisointiin on runsaasti, mikä on iso plussa bloggaajille ja uutissivustoille.

Käytä vai älä käytä?

Suosittelemme teknologian käyttöä, koska:

1. Kiihdytetyt sivut ovat lähes 30 kertaa nopeampia kuin tavalliset sivut. Aikakaudella, jolloin 63 % Internetin käyttäjistä käyttää sitä mobiililaitteilla, tällainen siirto auttaa pääsemään edelle kilpailijoita vastaan.
2. On myös otettava huomioon Googlen rankingin erityispiirteet – hakukone keskittyy mobiiliversioihin. Työpöytäversiot ovat SERP:ssä alempana.
3. Nopea muoto parantaa käyttäytymistekijöitä ja antaa jonkin verran sijoitusetua. Ja tämä lisää kävijävirtaa ja lopulta voittoa.
4. Reaktiiviset parametrit ovat käteviä paitsi informatiivisissa myös kaupallisissa projekteissa. Kun resurssi latautuu nopeasti, kävijän ei ole järkevää siirtyä kilpailijalle.
5. CMS:ää käyttävälle sivustolle on kehitetty erityisiä liitännäisiä, joiden avulla AMP-sivut voi toteuttaa jopa ilman erityisosaamista.

Jos sinulla on WordPressillä toimiva sisältöprojekti, kiihdyttävät sivut voidaan toteuttaa nopeasti ja edullisesti. Käytät minuutin peruslisäosan asentamiseen ja puoli tuntia lisäosan asentamiseen ja konfigurointiin. Drupalin käyttämille sivustoille on myös ilmainen ratkaisu, joka voidaan asentaa ja konfiguroida nopeasti.