Googlen tulevalle siirtymiselle mobiililaitteiden ensimmäiseen indeksointiin vuoden puolivälissä on aika lisätä yritystäsi luomalla mobiiliystävällinen sivusto. Harkitse seuraavia neljää vinkkiä, joiden avulla voit optimoida verkkosivustosi millä tahansa laitteella ajoissa siirtymiseksi ensin mobiililaitteeseen.
Ymmärrä kytkin Mobile First -indeksiin
Google käyttää työpöytäsisältöäsi määrittämään sivustosi sijoitukset sekä työpöydälle että mobiilille, mikä tarkoittaa, että sijoituksesi riippuvat nyt siitä, miten sisältösi näkyy työpöydällä eikä mobiililaitteissa. Mutta koska yhä useammat ihmiset käyttävät Internetiä mobiililaitteidensa kanssa kuin työpöydältä, Google on virallisesti päättänyt sijoittaa verkkosivustot mobiilisisällön perusteella. Jos sivustossasi ei ole reagoivaa ulkoasua, sillä on hidas latausnopeus tai huonosti suunniteltu navigointi ja sisältö, sijoituksesi todennäköisesti pienenevät, jos et optimoi sivustoasi mobiililaitteille ennen muutosta.
$config[code] not foundTestaa ja nopeuta lastausnopeutta
Viimeaikaiset tutkimukset osoittavat, että 47% kuluttajista haluaa ladata verkkosivun vähintään kahden sekunnin kuluessa, ja 40% katsojista jättää verkkosivuston, jos latausprosessi kestää kolme sekuntia tai kauemmin. Näiden tilastojen ja Googlen ilmoituksen, että mobiilisivun latausnopeus on ratkaiseva tekijä sijoittelun määrittämisessä kytkimen jälkeen, on oltava riittävät, jotta jokainen yrityksen omistaja voi tarkistaa verkkosivustonsa latausajan. Määritä kunkin sivuston sivun latausnopeus Google-työkalujen Chrome-käyttäjä- ja sivunopeusnäkymien avulla.
Jos haluat nopeuttaa latausnopeutta, seuraavat suositukset ovat suositeltavia:
- AMP: Accelerated Mobile Pages -projekti - AMP on avoimen lähdekoodin yritys, joka käyttää rinnakkain HTML-koodia ladataksesi sivustosi sivut nopeammin kuin tavallinen HTML. Tämä yhdessä Googlen kanssa, joka tallentaa sisältösi puskurivarastoon, auttaa parantamaan sivustosi latausaikaa.
- Progressive Web Apps - PWA: t ovat vaihtoehtoja niille, jotka eivät halua siirtyä AMP-projektiin. PWA: t reagoivat nopeasti käyttäjän viestintään ja lataamiseen nopeasti, mikä tekee niistä kannattavan vaihtoehdon AMP: lle.
- PWAMP - PWAMP on sekoitus PWA: ta, joka on kehitetty AMP: lle, JS: lle, CSS: lle ja HTML: lle, mutta PWAMPia käyttävät sivustot eivät välttämättä todista yhtä nopeasti kuin AMP-sivut. PWAMP-sivut ovat kuitenkin edelleen nopeita ja tarjoavat samat edut kuin PWA: t.
Aseta Spotlight käyttäjäkokemukseen
Tyypillinen virhe, jonka yritykset pyrkivät tekemään, ovat työpöydän verkkosivustojen mukauttaminen mobiililaitteisiin samalla kun käyttäytyy kuin mobiili on vain työpöydän lisäys. Jotta saavutettaisiin korkeat sijoitukset vaihtamisen jälkeen, yritysten on priorisoitava mobiili tekemällä mukautuksia, jotka perustuvat ensisijaisesti mobiilikäyttäjien kokemuksiin. Kysy itseltäsi seuraavat kysymykset mobiilisivustosi käyttäjistä:
- Navigointi - Mitä se näyttää ja miten helppoa on liikkua? Onko käyttäjille tarpeeksi helppoa navigoida takaisin siihen, mihin he ovat juuri olleet?
- Selkeys - Kuinka helppoa on löytää tärkeitä tietoja? Ovatko otsikkosivuni selkeitä? Onko yhteystietoni helposti saatavilla?
- Harkitse ponnahdusikkunoita - Onko ponnahdusikkunoita helppo sulkea? Pitäisikö minun pudottaa ponnahdusikkunoita kokonaan?
- Fontti - Kuinka suuri on minun fonttikoko? Kuinka suuri sen pitäisi olla?
Nämä näkökohdat huomioon ottaen olet valmis siirtymään viimeiseen vaiheeseen, kun valmistelet sivustosi mobiililaitteille.
Optimoi suunnittelu ja sisältö
Kun olet analysoinut sivustosi tarkasti edellä mainittujen kysymysten perusteella, optimoi ja suunnittele mobiililaitteesi sisältö keskittyen luomaan paras mahdollinen mobiilikäyttäjäkokemus. On monia asioita, joita haluat ehkä suunnitella uudelleen suunnittelun ja sisällön suhteen, mutta tässä on muutamia tärkeimpiä muutoksia, jotka tehdään:
- Reagoiva web-suunnittelu - Google suosittelee web-suunnittelua, joka on muotoilulähestymistapa, jonka tavoitteena on optimoida sivuston ulkoasu ja toimivuus eri laitteiden ja näytön kokojen valikoimassa.
- Käytä pudotusvalikkoja - Google ilmoitti, että se ei rankaisi verkkosivustoja, jotka suojaavat sisällönsä pudotusvalikoiden takana, jos sisältö latautuu samanaikaisesti sivun kanssa, joten voit vapaasti sisällyttää pudotusvalikot kohtuullisesti, kun luodaan mobiilisivustoa.
- Älä käytä Flashia - Useimmat mobiilikäyttäjät eivät näe Flash-sisältöä, joten vältä sitä kokonaan ja käytä Java- tai HTML-koodia sen sijaan, että lisäät ne kiinnostavat komponentit sivustoosi.
- Varmista, että sisältö on helppo lukea - tee sisältöä helposti luettavaksi pienillä näytöillä; tarjoavat muutaman linkin tekstin pidemmille osille, joten käyttäjät voivat helposti saada paikat, joissa he haluavat mennä, ja käyttää otsikoihin sisältöä ja tehdä sivusi näyttävämmäksi.
- Tee tekstikoko ja kosketusnäytön kyvyt helposti napsauttamalla - Varmista, että sivustosi on "kosketa ystävällisesti" tekemällä napauttesi oikea koko ja jättämällä runsaasti tilaa napsautettavien osien välille
Kuva Shutterstockin kautta
1 Kommentti ▼
