Miten teet mobiilisivuston

Miten teet mobiilisivuston

Mobiilikäyttöön optimoidun verkkosivuston tekemistä pidettiin ennen nettisuunnittelun mukavana lisänä, mutta nyt se on välttämätöntä. Itse asiassa kuluttajat ovat niin tottuneita mobiilisivustoihin (joilla on helppo navigoida pienellä näytöllä ja nopeat latausajat), että he jättävät verkkosivuston nopeasti, jos se ei toimi hyvin mobiilissa.

Jos yritykselläsi on verkkosivusto, olet kuullut kerta toisensa jälkeen, kuinka tärkeitä mobiiliasiakkaat voivat olla. Jolloin luultavasti kysyt itseltäsi: ”No, onko verkkosivustoni mobiiliystävällinen?”

Jos käytät Jimidon mobiilisivuston rakentajaa, on hyviä uutisia. Verkkosivustosi on automaattisesti mobiiliystävällinen, mikä on mobiiliystävällisen verkkosuunnittelun kultainen standardi. Jimdon mobiilisivustomallit mukautuvat automaattisesti mille tahansa näytön koolle ilman, että sinun tarvitsee tehdä mitään erityistä.

Siltikin, jos mietit, mitä muuta voit tehdä luodaksesi parhaan mobiilisivuston, tai jos olet utelias mobiiliystävällisen verkkosuunnittelun hyödyistä ylipäätään, lue eteenpäin, kun käymme läpi joitakin mobiilivinkkejä.

Miksi mobiiliystävällinen verkkosivusto on niin tärkeä?

Monet ihmiset käyttävät mobiilia: Verkkosivuston mobiilikäyttö (toisin sanoen verkkosivuston käyttäminen liikkeellä älypuhelimella tai tabletilla) on ollut kasvussa jo vuosia. Vuonna 2015 Google ilmoitti, että ensimmäistä kertaa historiassa enemmän ihmisiä teki hakuja mobiililaitteilla kuin pöytätietokoneilla tai kannettavilla tietokoneilla.

Mobiiliystävällisyys auttaa Google-rankingissa: Google asettaa mobiilioptimoidut verkkosivustot etusijalle älypuhelinten hakutuloksissa. Tämä tarkoittaa sitä, että jos joku etsii matkapuhelimella sanaa ”pizza”, Google näyttää hakutuloksissa todennäköisemmin kyseiselle henkilölle hänen lähellään olevat mobiilioptimoidut verkkosivustot.

Mobiiliasiakkaat ovat yleensä paikallisia ja valmiita ostamaan: Ihmiset, jotka vierailevat verkkosivustollasi mobiililaitteen kautta, ovat usein paikallisempia ja todennäköisemmin valmiita tekemään ostoksen, koska he ovat liikkeellä. Jos haet ”pizza” matkapuhelimella, se johtuu todennäköisesti siitä, että haluat pizzaa juuri nyt ja haluat pizzaa, joka on lähelläsi. Vaikka on edelleen tavallista, että asiakkaat käyttävät pöytäkonetta tutkimuksen tekemiseen, arvostelujen lukemiseen ja päätöksien tekemiseen suurista ostoksista, mobiilikuluttajat keskittyvät enemmän yhteydenottoon ja toimintaan juuri tällä hetkellä, minkä vuoksi paikallisen haun optimointi on niin tärkeää. Mobiiliystävällinen verkkosivusto voi auttaa heitä tekemään juuri näin, mikä tarkoittaa sinulle enemmän paikallista liiketoimintaa.

Mikä on responsiivinen verkkosivusto?

Jos olet koskaan vieraillut verkkosivustolla matkapuhelimellasi ja huomannut siristeleväsi silmiäsi lukeaksesi tekstejä tai zoomaavasi jatkuvasti, jotta näkisit kaiken näkyvissäsi, tiedät varmasti, millaista on vierailla mobiilikäyttöön soveltuvalla ”epäystävällisellä” sivustolla. Turhauttavaa.

Sentähän varten suosittelemme responsiivista suunnittelua. Responsiivinen verkkosivusto mukautuu automaattisesti kävijöiden käyttämään laitetyyppiin muuttamalla resoluutiota, kuvakokoa, valikoita ja muuta niin, että ne ovat järkeviä eri näytön koossa.

Responsiivisen verkkosivuston avulla sinun ei tarvitse rakentaa erillistä verkkosivustoa vain mobiililaitteita varten tai erillistä mobiililaitteille tarkoitettua laskeutumissivua – kaikki käyttäjiäsi voivat elää tyytyväisinä rinnakkain käyttämällä samaa responsiivista verkkosivustoa.

Miten verkkosivustosta tehdään mobiiliystävällinen

On olemassa muutama muukin yksinkertainen toimenpide, joilla voit parantaa verkkosivustosi toimivuutta matkapuhelimissa ja tableteissa.

Vinkkejä parhaisiin mobiilisivustoihin:

1. Varmista, että sivusi latautuvat nopeasti: Siksi on sitäkin tärkeämpää, että sivustosi latautuu nopeasti eikä syö heidän datasuunnitelmaansa. On olemassa ilmaisia työkaluja, joilla voit testata sivujesi nopeutta, ja ne antavat sinulle suosituksia siitä, mitä voit tehdä nopeuttaaksesi. Voit esimerkiksi kutistaa hyvin suuria kuvia (katso alla), poistaa tarpeettomia lisäosia tai ponnahdusikkunoita, jotka hidastavat toimintaa, ja vähentää käyttämiesi URL-osoitteiden uudelleenohjausten määrää.
2. Muuta kuvien ja logon kokoa ja optimoi ne: Ovatko verkkosivustosi kuvat ja logo paljon suurempia kuin mitä oikeasti tarvitset? Esimerkiksi varastokuvasivustojen valokuvat ja jopa hyvällä digitaalikameralla otetut kuvat voivat olla tiedostokooltaan valtavia (eli yli 1 Mt) – ja tämä voi hidastaa verkkosivustoasi. Hyvä uutinen on se, että voit ”pakata” ne ilman, että niiden laatu heikkenee, käyttämällä ilmaista työkalua, kuten TinyPNG:tä tai TinyJPG:tä. Voit myös muuttaa valokuvan mittoja pienemmiksi (esimerkiksi tehdä siitä 800 pikselin levyisen 2000 pikselin sijaan). Lisää kuvia koskevia vinkkejä ja ohjeita löydät kirjoituksestamme Kuinka optimoida verkkosivuston kuvia parempaa suunnittelua ja hakukoneoptimointia varten.
3. Käytä yksinkertaista, lyhyttä navigointivalikkoa: Jos verkkosivustollasi on monimutkainen navigointivalikko, jossa on paljon sivuja ja alasivuja, mobiilivierailijoiden on vaikeampi löytää tarvitsemansa nopeasti. Vielä käytännöllisemmällä tasolla heidän on vaikea tähdätä ja onnistuneesti tökätä oikeaa linkkiä sormellaan. Navigointivalikon tekeminen lyhyemmäksi ja yksinkertaisemmaksi auttaa (ja lisäbonuksena se tekee verkkosivustostasi helpomman myös työpöytäkävijöille).
4. Luo selkeät yhteystiedot: Koska mobiiliasiakkaat haluavat todennäköisesti ottaa yhteyttä, varmista, että kotisivusi ei vaadi paljon ja paljon vierittämistä, jotta pääset yhteystietoihin. Muista myös laittaa puhelinnumero ja sähköpostiosoite, joita voi klikata, sillä yhteydenottolomakkeen täyttäminen matkapuhelimella voi olla aikaa vievää ja ärsyttävää.
5. Näytä tärkein sisältö ensin: Verkkosivuston kävijät haluavat löytää tarvitsemansa tiedot nopeasti, ja tämä pätee vielä enemmän, kun he ovat liikkeellä.
6. Käytä suurta tekstiä ja painikkeita: Mobiililaitteita käyttävät ihmiset tarvitsevat vielä suurempaa tekstiä ja toimintakutsupainikkeita kuin voisi olettaa, jotta he voivat käyttää verkkosivustoa mukavasti. Paras tapa testata tätä on tarkastella verkkosivustoasi eri näkymätiloissa. Näin näet, miten sivustosi näkyy eri näytöillä, ja voit itse nähdä, miltä kaikki näyttää. Vielä parempi on pyytää ystävää tai sukulaista (tai silmälaseja käyttävää henkilöä) testaamaan verkkosivustoasi puolestasi ja kertomaan mielipiteensä.
7. Älä käytä Flash-animaatioita: Flash-efektit tai -animaatiot eivät toimi iPhonessa tai iPadissa, joten suuri osa yleisöstäsi ei näe, mitä sivustollasi on. Jos käytät Jimdoa, olet onnekas: kaikki sivustomme käyttävät uudenaikaisempaa HTML5:tä, joka toimii kaikentyyppisillä älypuhelimilla ja tableteilla.

Yleisiä virheitä mobiilisivustoilla

• Unohdat katsoa omaa sivustoasi mobiililaitteella: Jos tyypillisesti työskentelet verkkosivustosi parissa tietokoneelta käsin, voi olla vaikea muistaa tarkistaa mobiilinäkymä silloin tällöin. Sen tekeminen voi kuitenkin auttaa sinua havaitsemaan pieniä epäkohtia, joita et ehkä koskaan huomaisi kannettavalta tietokoneelta käsin.

• Loputon vieritys: Hellitä ihmisten peukaloita! Yritä pitää verkkosivusi lyhyinä ja ytimekkäinä, jotta mobiilivierailijoiden ei tarvitse vierittää ja vierittää.
• Supertarkat infografiikat: Infografiikat ovat hienoja verkkosivuille – mutta kun infografiikka kutistuu pienemmälle näytölle sopivaksi, sitä voi olla mahdotonta lukea. Muista testata se itse. Saatat huomata, että on parasta jakaa yksi suuri infografiikka pienempiin, erillisiin grafiikkoihin.
• Liian paljon tekstiä: Kappale tekstiä, joka näyttää normaalilta tietokoneen näytöllä, saattaa vaikuttaa mobiilinäytöllä kuin Sota ja rauha. Pidä kappaleet lyhyinä ja hajota suuret tekstilohkot bullettien, otsikoiden ja kuvien avulla. Tässä lisää vinkkejä luettavaan sivustotekstiin.
• Kosketa elementtejä liian lähellä toisiaan: Ihminen voi kutistaa sormiaan vain rajoitetusti – helpota heidän elämäänsä laittamalla tarpeeksi tilaa painikkeiden ja muiden linkkien väliin, jotta ihmiset eivät vahingossa osu väärään kohtaan.
• Flash-elementtien käyttäminen: Flash-efektit tai -animaatiot eivät toimi iPhonessa tai iPadissa, joten suuri osa yleisöstäsi ei näe, mitä sivustollasi on. Jos käytät Jimdoa, olet onnekas: kaikki sivustomme käyttävät uudenaikaisempaa HTML5:tä, joka toimii kaikentyyppisillä älypuhelimilla ja tableteilla.
• Vaaditaan ihmisiä täyttämään lomakkeita: Ollaan rehellisiä; kukaan ei halua täyttää verkkolomaketta matkapuhelimella. Jos tarvitset lomakkeen, tee siitä mahdollisimman lyhyt. Tai vielä parempi, anna ihmisten lähettää tiedot sinulle muulla tavalla, kuten sähköpostitse tai vain soittamalla puhelinnumeroosi.

Jimdo: Paras mobiilisivujen rakentaja

Jimdo on helpoin tapa rakentaa mobiiliystävällinen verkkosivusto tai mobiilitasoitussivu. Helppojen rakennuspalikoiden, automaattisen mobiiliherkkyyden ja jopa mahdollisuuden muokata sivustoa itse liikkeellä ollessasi voit olla varma, että verkkosivustosi on mobiiliystävällinen ja täydellinen kaikille asiakkaillesi.