<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1215289601892782&amp;ev=PageView&amp;noscript=1">

Mobiilioptimointi - miten edistän sivujeni mobiilivalmiutta?

Mobiilioptimointi on laaja käsite, jolla tarkoitetaan verkkosivujen kehittämistä mobiiliteknologioita silmällä pitäen. Lähes poikkeuksetta jokainen käyttää mobiililaitteita arkielämässään. Mobiilimaailma asettaa tiettyjä tavoitteita myös yrityksen strategisiin markkinointikanaviin, joista yksi merkittävimmistä ovat verkkosivut. Oletko kenties vieraillut verkkosivuillasi älypuhelimen tai tabletin kautta? Lue miksi ja miten tulisi sinun huomioida nykyajan vaatimukset verkkosivuillasi.

Miksi mobiilisuunnittelu tulisi huomioida?

Tiesitkö, että mobiilikäyttäjät käyttäytyvät eri tavalla verkkoa selatessa? Useimmat meistä eivät pysty odottamaan enempää kuin neljä sekuntia sivujen latautumista. Ärsyynnymme, jos joudumme siristelemään silmiämme nähdäksemme tekstiä tai arvuuttelemaan missä kohden valikon linkki on. Mobiilille suunnittelu pakottaa meidät miettimään verkkosivujemme visuaalisia elementtejä ja muuta mediaa uudelleen.

Näitä tilanteita tapahtuu useammin kuin uskoisi. Verkkosivujen suunnittelussa tulisi huomioida, että nykyajan verkon käyttäjäkunnasta noin 80% omistaa älypuhelimen. Monet suosivat mobiilia sosiaalisen median käytössä, ja useimmiten monet verkkosivut katsastetaan ensimmäisenä älypuhelimella.

Mobiilikäyttäjien huomiointi lisää takuuvarmasti verkkosivuillasi tapahtuvaa liikennettä. Hakukoneet suosivat mobiilissa skaalautuvia, responsiivisia sivuja. Esimerkiksi Googlen algoritmin uusiutumisen jälkeen responsiiviset sivut ovat sijoittuneet paremmin hakukonetuloksissa. Kirjoitimme aikaisemmin hakukone- ja mobiilioptimoinnista täällä. Vilkaise, jos olet kahden vaiheilla käyttöönotosta.

Mikäli omistat verkkokaupan tai olet suunnittelemassa sellaista, pidä mielessä, että mobiilivalmius tuo taatusti enemmän ostokotapahtumia sivuillasi. Älypuhelimen ja tablettien tuoma valmius ostaa missä tahansa mihin verkko vain yltää on lisännyt huomattavasti käyttäjien verkkokauppojen selaamista puhelimistaan sekä muilta laitteilta. Nykyaikana mobiilivalmius on todellinen vaatimus digitaalisilta palveluilta.

Miten edistää verkkosivujen mobiilivalmiutta?

Käytettävissä olevien teknologioiden lisäksi mobiilivalmiuteen tarvitaan aimo annos suunnittelutaitoa. Mobiilialustoille sisältösuunnittelulta vaaditaan lyhyitä ytimekkäitä otsikoita, suuria ja selkeitä toimintakehoitteita (CTA), yksinkertaista tyyliä ja rakennetta. Kaikkien toimenpiteiden tulisi tähdätä nopeaan latautumiseen ja korkeaan käytettävyyteen.

Jos olet hakuoptimoimassa olemassaolevaa sivustoasi mobiilille ja se on jo mielestäsi optimoitu hakukoneoptimoinnin ja hyvän suunnittelun periaatteita käyttäen niin tarkistathan vielä, ettei sivustollasi käytetä:

  • Flash -perustaisia sovelluksia
  • Liikaa tai lähes ollenkaan pop-up -tiedotteita
  • Suunnittelu vastaa “suurisormisten” tarpeita

Muita tarkistettavia ja huomioon otettavia asioita sivuillasi ovat mobiilioptimoinnin kannalta seuraavat:

  1. Älä estä CSS:ää, JavaScript -kirjastoja tai kuvia
  2. Korostamme vielä; muista sivurakenne ja -tyylin muotoilu!
  3. Sivunopeus - harkitse nopeaan selaamiseen suunniteltua AMP -projektin käyttämistä (Accelerated Mobile Pages). 
  4. Schema.org -projektin käyttö. Tämä luo yhteisen rakenteen verkon tietojen kuvaamiseen. Jos lisäät schema.org-merkinnät HTML-sivuillesi, useat yritykset ja tuotteet – myös Google-haku – ymmärtävät sivustosi tietoja paremmin. Erinomainen tiedon näyttöön pienillä ruuduilla.

Kuten yllä jo mainitsimme, hakukoneet suosivat responsiivisia sivustoja. Responsiivisen tavan lisäksi mobiilioptimoinnin voi toteuttaa dynaamisella jaolla (dynamic serving) tai erillisellä mobiilisivustolla (rinnakkaiset URL:t).

Alla taulukko tapojen hyödyistä ja haitoista.

  Responsiivisesti tehty sivusto Dynaaminen jako (Dynamic Serving) Rinnakkaiset URL:t (Parallel URLs)
Hyödyt - 1 URL
- Yhden hallinnan alla
- Ei uudelleen- ohjauksia
- 1 URL
- Yhden hallinnan alla
- Käyttää mobiilille tarkoitettua sisältöä
- Helppo toteutus
- Käyttää mobiilille tarkoitettua sisältöä
Haitat - Saattaa vaatia sivuston uudelleen suunnittelu
- Ei erityistä mobiilille tarkoitettua sisältöä
- Vaikea toteuttaa
- Vielä vaikeampi toteuttaa ja ylläpitää
- Riski sisältökopioihin
- Paljon uudelleenohjauksia
- Jakaa hallinnan - Kallis ylläpitää

Responsiivinen sivustototeutus on kasvattanut suosiotaan modernin ajan tekniikkana. Hyvin monet sivustosuunnittelijat käyttävät sisällönhallinnan järjestelmiä, jotka ovat jo valmiiksi rakennettu skaalautuvan sivuston mahdollistavien tekniikoiden päälle. Skaalautuvien tekniikoiden käyttö on tehty suhteellisen suoraviivaiseksi ja helpoksi - erityisesti, jos päätät ottaa sisällönhallintajärjestelmän käyttöösi. Muuten saatat huomata, että edessäsi on pitkä liuta tekniikoita, joiden opetteluun uppoaa tovi. Lue tarkemmin sisällönhallintajärjestelmällä luotujen sivujen muokkaamisesta yhä mobiiliystävällisemmäksi täältä.

Dynaaminen jako (Dynamic Serving) havaitsee käyttäjän selaimen koon ja tarjoilee käyttäjälle halutun sisällön. Tekniikka ei ole kaikkein luotettavin, koska se on riippuvainen markkinoilla olevista laitteista. Jos uusi laite saapuu markkinoille, sen tiedot täytyy päivittää dynaamista jakoa käyttävälle sivustolle. 

Rinnakkainen mobiilisivusto tavallisen sivuston lisäksi voi olla joissain tapauksissa hyvä idea. Olet saattanut huomata, että joidenkin sivujen osoitteen alussa sijaitsee kirjain "m". Olet myös huomannut, että sivusto on tyyliltään ja rakenteeltaan aivan erilainen. Tämä mobiilioptimoinnin tapa luottaa siihen, että se on suunniteltu alusta alkaen palvelemaan mobiilisuunnittelun periaatteita. 

Näistä kolmesta tavasta suosittelemme responsiivista menetelmää. Kaksi jälkimmäistä vaativat lähes poikkeuksetta ammattilaisen kädenjäljen, kun taas responsiivisuus tulee usein valmiiksi pakattuna juurikin sisällönhallintajärjestelmissä (CMS).

Testaa sivustosi mobiiliystävällisyys

Etkö ole varma onko sivustosi mobiiliystävällinen? Ei hätää. Googlen työkaluilla tämä käy kätevästi. Testaa verkkosivusi Googlen hakukonsolista täältä 

Mikäli tekniikat ovat sinulle täysin tuntemattomia ja haluat varmistaa laadukkaan lopputuloksen, ota meihin yhteyttä ja voimme suunnitella yhdessä sivustollesi parhaimman lopputuloksen. 

Tilaa maksuton markkinointikonsultaatio

 

Ville Teikko

Ville Teikko

Harvan luova johtaja, markkinoinnin suunnittelija ja pitkän linjan digiosaaja.

Osallistu keskusteluun