Mobiilipõhine disain – mis see on ja miks see on oluline

2018 aasta sügis oli katsumusterohke periood veebiturundajatele, blogijatele, digiagentuuridele… põhimõtteliselt kõigile, kelle leib ja või pärineb veebimaailmast. Miks? Sest just siis alustas otsingumootorihiiglane Google oma mobiilipõhist indekseerimist. See ei tulnud kindlasti üllatusena, sest juba 2015. aasta „Mobilegeddon” tutvustas mobiilseadmetes hästi kuvatavate veebisaitide prioriseerimist. Mobiilipõhine disain oli juba asjakohane, kuid Google suutis siiski paanikat tekitada.

Kuid astume hetkeks tagasi ja uurime, mida “kõigepealt mobiilne" tegelikult tähendab.

Mobile-First Design Explained

Lühidalt öeldes on mobiilipõhine disain selline, mis eelistab mobiilseadmeid. Üldiselt hõlmab see nutitelefone ja tahvelarvuteid või mis tahes väiksema ekraaniga seadmeid. Selle kontseptsiooni õigeks mõistmiseks peame kõigepealt rääkima tundlikust veebidisainist ehk RWB -st. Põhimõtteliselt võimaldame RWB-s veebi ja selle kogu kuju ja sisu sobitada väiksematele ekraanidele ilma kvaliteeti kaotamata. Samuti tuleb seda teha nii, et see oleks inimestele mugav või mugav. Kui see on õigesti tehtud, tähendab tundlik disain, et kasutaja ei pea saidi kogu sisu vaatamiseks ekraani sisse suumima, kerima ega panoraamima.

Ilmselgelt on see, kuivõrd mobiiliotsingud on lauaarvutite otsingutest mööda saanud, täiesti loomulik, et veebisait on tundlik. Küsimus pole isegi kõige tugevama ellujäämises. See on lihtsam kui see. Kui teie veebisait ei reageeri, võib see sama hästi olla olematu. Inimestel ei ole aega ega kannatust mittereageerivate veebisaitide jaoks.

Kuid siin on midagi enamat kui lihtsalt reageerimisvõime. Toote väljatöötamisel võtsid disainerid lähtepunktiks lauaarvuti versiooni. Seejärel loobusid nad pärast selle konkreetse versiooni viimistlemist teatud elemendid, et toodet mobiili jaoks optimeerida.

Tänapäeval on protsess teistsugune. "Progressive areng" on disainis laialdaselt kasutatav põhimõte, mille lähtepunktiks on mobiilne versioon. Ja just seda tähendabki „kõigepealt mobiilne”. Disain algab mobiilsest otsast ja laieneb seejärel järk-järgult täiustatud versioonidele.

Mobile-First indekseerimine

Nagu varem mainisime, algatas Google 2018. aastal saitide indekseerimiseks täiesti uue viisi. Indekseerimine on oluline, kuna see on üks mehhanismidest, mida Google kasutab otsustamaks, kui kõrgele teie veebisait otsingumootori tulemuste lehtedel asetseb.

Põhimõtteliselt tähendab mobiilipõhine indekseerimine seda, et kui Google oma roomamisrobotid juurutab, otsivad nad esmalt teie saidi mobiiliversiooni ja seejärel töölauaversiooni. Pange tähele, et mobiiliversioon ei ole ainus, mida indekseeritakse ja järjestatakse. Arvesse võetakse ka teie töölauaversiooni, kuid alles pärast mobiiliversiooni. Kui teie veebisaidil pole mobiiliversiooni, mõjutab see teie veebisaidi asetust märkimisväärselt negatiivselt. Mitte ainult seda. Üks tegur on ka teie veebisaidi pakutava mobiilikogemuse kvaliteet.

Ja seepärast peaks iga veebisaidi omanik suhtuma mobiili-eelkõigesse väga-väga tõsiselt.

Kuidas optimeerida esmalt mobiili jaoks

Nii et leidsite endale laheda tundliku teema? Hea. Vastupidavus on äärmiselt oluline. Kuid kas te ei mõtle hetkekski, et teie töö mobiili jaoks optimeerimisel lõpeb sellega. See on keerulisem kui see.

Olenemata sellest, kas teete oma vana WordPressi saiti kevadpuhastust või ehitate täiesti uut, saate teha asju, et muuta see Google’i roomajatele ja mobiilipõhise indekseerimise jaoks atraktiivsemaks.

• Optimeerige oma veebisaidi kiirust

Google vihkab aeglaseid veebisaite. Ei päriselt. Sellel on eriline eelarvamus veebisaitide suhtes, mille laadimine on aeglane. Alates 2018. aasta suvest on Google ametlikult eelistanud kiireid veebisaite, nii et sellele tasub kindlasti mõelda.

Isegi kui teie veebisait on veidi loid, ärge muretsege. Selle kiirendamiseks saate teha palju asju. Näiteks saate kasutada üht suurepärast vahemällu salvestamise pistikprogrammi, mis loob teie saidist HTML-valmidusega versiooni, nii et see laaditakse kiiremini. Samuti saate kõik failid tihendada, et need üles laadida võimalikult väikeses ja kergemas suuruses. Lõpuks leidke aega, et oma veebisait läbi vaadata ja otsida tehnilisi vigu, nagu katkised lingid, liiga täis lehed jne.

Kui tegemist on otsingumootori optimeerimisega (SEO), siis eeldades, et rakendate juba kõiki selle valdkonna parimaid tavasid, tuleb meeles pidada veel paari asja.

Esiteks peate tagama oma saidi versioonide sisu võrdsuse. See kehtib eriti sisemiste linkide, struktureeritud andmete, siltide ja muu sellise kohta. Samuti veenduge, et teie serverid saaksid hakkama roomamiskiirusega. Varem oli see probleem mobiilipõhise indekseerimise esmakordsel kasutuselevõtul, kuid üllatavalt palju veebisaite pole ikka veel uue roomamistegevusega kohanenud.

Lõpuks jälgige regulaarselt oma indekseerimise olekut ja veenduge, et fail robots.txt on kinnitatud ja teie serveri logifailid korras.

• Valige tundlik raamistik

Jah, me ütlesime varem, et tundlikule raamistikule rajatud tundliku teema kasutamisest ei piisa õigeks mobiilipõhiseks optimeerimiseks. Kuid see jääb üheks oluliseks teguriks, mistõttu arvasime, et peaksime seda kordama.

Bootstrap ja Foundation on praegu kõige populaarsemad ja vaieldamatult kõige paremini reageerivad raamistikud, seega valige teema, kasutades ühte neist. Need sobivad ideaalselt teie veebisaidi kujunduse tõlkimiseks väiksematele ekraanidele minimaalse tõrgete ja vigade ohuga. Lisaks teevad nad seda nii esi- kui ka tagaotsa tasemel, seega vähendavad nad oluliselt arendaja töökoormust.

• Optimeerige oma navigeerimist, sisu ja suhtlust

Täiusliku tasakaalu leidmine ebapiisava sisu ja liiga palju sisu vahel on kõigi mobiiliveebisaitide tavaline vaev. Ometi on see lahing, mida peame lihtsalt jätkama. Külastajad vajavad teavet ning nad peavad seda selgelt ja lihtsalt esitama. Segadus on vastuvõetamatu. Korraldage oma sisu nii, et saaksite öelda, mida teil on, strateegiaid tegevusele kutsuda ja mitte midagi muud.

Kaaluge ka oma veebisaidil navigeerimist. Kui see on liiga keeruline, siis mobiili jaoks see lihtsalt ei sobi.

Järgmiseks, kui teie navigeerimisriba töölaual on pikk, peate selle mobiiliversioonis palju lühemaks muutma. Kaaluge teksti suurendamist ja linkide muutmist nuppudeks, mida on lihtne puudutada.

Lõpuks vaadake, kas teie paigutused on õigesti optimeeritud tavaliste käeshoitavate toimingute jaoks, nagu koputamine ja pühkimine.

See on üsna loogiline samm, kuid pole valus seda veel kord rõhutada. Peate alati oma saidil kõike kontrollima ja testima. Isegi kui te pole hiljuti muudatusi teinud, kaaluge aeg-ajalt testi tegemist, et näha, kas kõik töötab hästi.

Enamik inimesi kasutab tänapäeval kaasaegseid või mobiilile optimeeritud brausereid. Hämmastav protsent internetikasutajatest kasutab aga endiselt vanemaid brauseriversioone ja nende peale tuleb ka mõelda. Soovite, et teie veebisait näeks vanal iPhone 4s-l sama hea välja kui uuel Huawei P20-l.

Testige lihtsalt oma veebisaidi kujunduse reageerimisvõimet ja ärge unustage A/B jaotustesti, eriti oma sihtlehtede puhul. Loomulikult kohandage enne kõike muud oma saidi mobiiliversiooni ja valmistage see kasutajate jaoks ette.

Mobile-first on trend, mis jääb mõneks ajaks püsima ja see on reaalsus, millega me kõik peame leppima. "Meie" all peame silmas kõiki, kes on seotud veebisaidi loomise ja haldamisega. Disainerid, arendajad, administraatorid, SEO eksperdid, toimetajad, tekstikirjutajad – kõik peavad meeles pidama, et mobiiltelefon prioriteediks seada. See muidugi ei tähenda, et peaksime töölauaversioonid tähelepanuta jätma. Lihtsalt mobiilipõhist disaini tuleb tõsiselt võtta.

Loodame, et see artikkel oli teile kasulik. Kui teile see meeldis, vaadake ka mõnda neist artiklitest!