Danes je večina ljudi na spletu prek mobilnih pripomočkov – tablic, telefonov, v zvezi s tem tudi optimizacija spletnih strani dosega novo raven. Če uporabnik pride in vidi, da spletno mesto ni optimizirano za mobilne naprave: slike ni mogoče videti, gumbi so se premaknili, pisave so majhne in neberljive, dizajn je popačen - 99 od 100 %, ki jih bo zapustil in začnite iskati drugega bolj priročnega. In iskalni robot bo označil polje, da je vir nepomemben, torej da se ne ujema z iskalno poizvedbo. Zato mora biti oblikovanje strani prilagojeno različnim mobilnim napravam. Kaj je mobilna različica spletnega mesta, kako jo narediti in kakšen je najboljši način za uporabo? Preberite več v tem članku.
Torej obstajajo štirje ključni načini, kako narediti vaše spletno mesto prijazno do mobilnih naprav.
Prva metoda - odzivno oblikovanje
Odzivne predloge spremenijo sliko spletnega mesta glede na velikost zaslona. Praviloma so nastavljeni na standardne 1600, 1500, 1280, 1100, 1024 in 980 slikovnih pik. Za izvedbo se uporabljajo medijske poizvedbe CSS3. Sama zasnova spletnega mesta se ne spremeni.
Prednosti te metode vključujejo:
- priročen razvoj,ker se struktura sama prilagaja parametrom zaslona in nobena posodobitev ne zahteva razvoja dizajna iz nič, je dovolj, da prilagodite CSS in HTML;
- en URL – uporabniku ni treba zapomniti več imen, ni potrebna preusmeritev (preusmeritev z enega naslova na drugega), kar lahko oteži delo spletnega skrbnika in je lažje iskanje motor za razvrščanje in razvrščanje vira z enim naslovom.
Seveda imajo prilagodljive predloge svoje pomanjkljivosti, ki so mimogrede več kot prednosti. Kljub temu se mnogi razvijalci držijo tega koncepta, na primer Google Corporation, katere mobilna različica spletnega mesta ima prilagodljivo zasnovo. Torej, slabosti:
- Odzivna zasnova ne podpira enakih nalog v mobilnih napravah kot v osebnem računalniku. Če je to denimo mobilna različica spletne strani banke, kjer je uporabniku bolj verjetno pomembna informacija o menjalnem tečaju ali najbližjih bankomatih, potem je ta zasnova povsem dovolj. Če pa je to zapleten strukturiran vir s številnimi razdelki in pododdelki, potem obiskovalcem ne bo všeč prilagodljiva postavitev.
- Počasno nalaganje spremeni priljubljeno spletno mesto v sovražno. To še posebej velja za vire, kjer je animacij, videoposnetkov, pojavnih oken in drugih aktivnih elementov v izobilju. Zaradi velike teže se bo stran preprosto »upočasnila«, uporabnik se bo razjezil in odšel, iskalni položaji spletnega mesta pa bodo padli.
- Nezmožnost izklopa mobilne različice je še ena pomembna pomanjkljivost. Če je kakšen element skrit s takšno postavitvijo, vasnič ne morete storiti, da ga odprete, za razliko od spletnih mest, kjer ga lahko izklopite in preklopite na običajno domeno.
Vendar vam taka mobilna različica spletnega mesta hitro, brez posebnih veščin in stroškov, omogoča prilagajanje vira vsem pripomočkom. Toda glede na naštete pomanjkljivosti bo ustrezal majhnim, preprostim virom z minimalno količino informacij in večpredstavnosti, brez zapletene navigacije in animacije. Za zapleteno spletno mesto sta primerni še 2 metodi.
Druga metoda - ločena različica spletnega mesta
Ta metoda je zelo pogosta in je pogosto uspešna pri tem, da je spletno mesto bolj berljivo na mobilni napravi. Njegovo bistvo je ustvariti ločeno različico strani, narisano za aplikacijo in ki se nahaja na ločenem URL-ju ali poddomeni, na primer m.vk.com. Hkrati je ohranjena glavna funkcionalnost, zasnova spletnega mesta je le videti drugačna. Prednosti te metode so očitne:
- uporabniku prijazen vmesnik;
- enostavno spreminjanje in urejanje, saj različica obstaja ločeno od glavnega vira;
- zaradi majhne teže ločena različica spletnega mesta deluje veliko hitreje kot prilagodljiva predloga;
- najpogosteje je mogoče odpreti glavno različico strani z mobilnega telefona.
Vendar je bilo tudi tu nekaj pomanjkljivosti:
- Več naslovov - namizna in mobilna različica spletnega mesta. Kako si uporabnik zapomniti dve možnosti? Spletni mojstri pogosto predpišejo preusmeritev (preusmeritev) iz namizne različice v mobilno različico, a hkrati, če je ta stran v mobilnirazličica ne obstaja, bo uporabnik prejel napako. Tu nastanejo težave z iskalniki, ki težko uvrstijo 2 enaka vira, kar neposredno vpliva na promocijo.
- Mobilna različica strani iz računalnika, če jo uporabnik obišče po pomoti, bo videti smešno, kar lahko vpliva tudi na promet.
- Ta različica je pogosto močno omejena, namizna, tako da bo uporabnik dobil zelo omejeno funkcionalnost. Toda hkrati, če nekaj manjka, lahko obiskovalec obišče celotno različico strani.
Na splošno se ločeno mobilno spletno mesto opravičuje in je najpogostejši način za prilagoditev vira za mobilne naprave. Priljubljena je v velikih spletnih trgovinah, kot je Amazon.
Tretja pot - RESS dizajn
Googlov iskalnik aktivno podpira to smer mobilnega oblikovanja. To je najbolj zapletena, draga, a učinkovita metoda za prilagoditev spletnega mesta na telefon ali tablico. Imenuje se RESS. To cilja na vir v mobilno aplikacijo, ki jo je mogoče prenesti za vsako napravo posebej. Za android - z GooglePlay in za Apple - z iTunes.
Takšne aplikacije so hitre, brezplačne, priročne, imajo možnost sprejemanja različnih vrst informacij, medtem ko se pomnilnik telefona in internetni promet ne porabljata kot pri obisku strani prek brskalnika. Dostop do njih je enostaven, saj bo povezava vedno na dosegu roke in vam v naslovno vrstico brskalnika ni treba vnašati zapletenega imena.
Seveda so tukaj innjegove pomanjkljivosti, kot so zapletenost pri razvoju, visoki stroški dela velikega števila programerjev, potreba po izdelavi več možnosti postavitve. Včasih aplikacija ne prepozna mobilne naprave. Potrebna je redna tehnična podpora, odpravljanje pomanjkljivosti. Kljub temu se ta možnost šteje za najboljšo od treh predlaganih zaradi produktivnega in neprekinjenega delovanja.
Najcenejši način izdelave mobilnega spletnega mesta
Vse zgornje metode vključujejo, čeprav ne vedno dolgo in težko, a vseeno plačano delo spletnega skrbnika. Če ne vidite nujne potrebe po takšnem razvoju, vam bo ustrezala preprosta in brezplačna mobilna različica spletnega mesta. Kako to najlažje narediti?
Prenesite posebne predloge (vtičnike) za odzivno oblikovanje. Na primer, WP Mobile Detector, WordPress Mobile Pack, WPSmart Mobile in drugi. Pomagali bodo pri pravilnejšem prikazu strani na telefonu, medtem ko boste prejeli nekaj nasvetov, kaj je treba popraviti, da bi stran bolje prilagodili mobilni različici.
Seveda ta metoda ni primerna za resne vire. Namesto tega je ta brezplačna funkcija namenjena majhnim in preprostim spletnim mestom, blogom, virom novic. Ne pozabite, da iskalnik Google, pa tudi Yandex, danes postavlja resne zahteve za mobilne različice, zato obstaja velika možnost, da s to metodo znižate svoje položaje.
S to metodo bodo najverjetneje oglasi in pojavna okna odrezanapasice, vendar se bo stran naložila hitro in brez »zamikov«.
Načela za ustvarjanje mobilnih različic
Ni pomembno, ali je bila mobilna različica strani ustvarjena brezplačno ali s pomočjo osebja spletnih skrbnikov, narejena je bila na sistemu RESS ali s prilagodljivo predlogo. Najpomembneje pa je, da je za njegovo učinkovito delovanje potrebno upoštevati več izjemno pomembnih načel. Torej, kakšna naj bo mobilna različica spletnega mesta? Kako narediti produktivno, učinkovito in produktivno?
Odstranite vse nepotrebno
Minimalizem je tisto, za kar bi si moral prizadevati razvijalec mobilne različice spletnega mesta. Predstavljajte si, kako težko je zaznati informacije, ki so polne barv, gumbov, pasic in po katerih se morate neskončno pomikati v iskanju pravega materiala. Mobilni dizajn mora biti preprost in čist. Izberite 2-3 barve za razdelitev prostora (na primer z blagovno znamko). Bolje, če je eden od njih bel. Prostor majhnega zaslona razdelite na razumljiva in berljiva območja. Navidezni ključi morajo biti vidni, da uporabnik jasno ve, kam pritisniti in vidi - tukaj je izdelek, tukaj je obrazec za izpolnjevanje podatkov, tukaj so podatki o dostavi in plačilu.
Vse dodatne možnosti, ki bi bile uporabne v namizni različici in uporabniku olajšale življenje, bodo tu prinesle le težave. Pustite le najpomembnejše elemente. Animacija, oglasne pasice, multimedija bodo najverjetneje le upočasnili delo spletnega mesta ali aplikacije in odvrnili pozornost odglavni.
Poravnava
Vprašanje o poravnavi ni nič manj pereče, saj bo uporabnik, če je narejen napačno, dobil samo končnice pomembnih besed. Na splošno je sprejemljiva poravnava levo in navpično. Predstavljajte si, da se pomikate po viru novic v telefonu. To naredite od zgoraj navzdol, ne levo ali desno.
združitev
Ko ni možnosti dolge verige prehodov, poskusite združiti več korakov v enega. Na primer, spletno mesto zahteva vnos podatkov v več fazah - ime, nato naslov, kjer je v vsaki posamezni celici ločena hiša, ulica, stanovanje itd. Da ne bi prisilili uporabnika, da poskuša zadeti veliko majhnih celic, prosite ga, naj izpolni samo 2 - ime in naslov.
In prekinitev povezave
Včasih, nasprotno, je potrebno ločiti preveč informacij. Na primer, v spustnem meniju imate seznam več kot 80 mest, kjer se izvaja dostava. Razvrstite jih po regijah, tako da se uporabniku ni treba pomikati po tem ogromnem seznamu. Ko premakne miškin kazalec nad regijsko središče ali regijo, bo izpadel še en seznam mest.
listine
Mimogrede, glede seznamov. Obstajata dva - določena po abecednem ali drugem vrstnem redu in z zamenjavo. Njihova izbira je odvisna od tega, kaj bo na seznamu.
Fixed je uporabno, če uporabnik natančno ve, kaj išče. Na primer mesto, številka ali datum. Druga možnost je primerna za dolga zapletena imena ali za primere, ko obstaja veliko različic enega in istegaistega imena, vsak spustni seznam pa uporabnika približa za korak bližje cilju. Možnost samodejne zamenjave se pogosteje uporablja, ko obiskovalec potrebuje pomoč. Na primer, spletna stran za pletenje ponuja nakup pletilnih igel. Uporabnik vnese iskalno poizvedbo »Kovinske igle za pletenje« in v opisu orodja vidi »Igle za pletenje 5 mm«, »Igle za pletenje 4,5 mm« itd.
Samodejno izpolnjevanje
Ta artikel je še posebej pomemben za spletna mesta, ki prodajajo nekaj na spletu, in morate izpolniti standardne obrazce za plačilo, dostavo itd. Če oseba opravi nakup s telefona, potem najverjetneje nima časa priti do računalnika, kar pomeni, da mora biti postopek nakupa čim hitrejši in priročen.
Za to lahko obrazci vsebujejo že izpolnjene podatke, lahko uporabite najbolj priljubljene odgovore. Vstavite na primer današnji datum, gotovinsko plačilno sredstvo, mesto, če delate v isti regiji. Lahko jih spremenite, a če zadenete tarčo, bo uporabniku prihranjen čas.
Vse je prebrano, vse je pogledano
Pri oblikovanju mobilne različice spletnega mesta ne pozabite, da so vsi telefoni različni, prav tako pa tudi njihov vid. Morda si bo vaše spletno mesto ogledalo z majhnega zaslona, zato naj bodo pisave preproste in berljive, gumbi morajo biti dovolj veliki, da jih je mogoče klikniti, ne da bi jih preusmerili na drugo stran, slike pa naj se odpirajo ločeno, velike, še posebej, ko pride na internet. trgovina.
Nekaj statistike
Ko že govorimo o prilagajanju spletnega mesta mobilnim napravam, si ne moremo pomagati, da se zatečemo k statistiki, da bi razumeli, kako pomemben je ta proces zaspletna promocija.
Številke so naslednje. Danes pripomočke uporablja očitno 87% prebivalstva, razen najmanjših otrok in nekaterih starejših ljudi. Ekonomisti napovedujejo, da se bo mobilno poslovanje v naslednjih 5 letih povečalo 100-krat. Hkrati je le 21 % spletnih mest prilagojenih za delo z mobilnimi napravami. To pomeni, da je zaseden le majhen 5. del internetnega prometa in trga e-trgovine.
Razmislite o teh številkah. Ali je smiselno prilagoditi svoj vir? Seveda ja. Poleg tega, čeprav je na tem trgu toliko prostora, si lahko na njem oblikujete svoj segment.
Kje potrebujete mobilno različico
Uporaba mobilne različice je smiselna za vsako platformo, ki si prizadeva doseči visoko uvrstitev. Navsezadnje je to neposreden vpliv na uporabnika, ki ustvarja udobne pogoje, da ostane na vašem spletnem mestu.
Ne more obstajati brez mobilne različice:
- novičarski portali, ker si jih večino ogledate s telefona na poti v službo ali šolo;
- družabna omrežja - iz istega razloga, poleg tega obstaja dejavnik spletne komunikacije, kar pomeni, da je treba za to ustvariti priročen, razumljiv klepet;
- referenca, navigacijska spletna mesta itd., kamor gredo ljudje, ko nekaj iščejo;
- spletne trgovine - priložnost za privabljanje strank, ki ne izgubljajo časa z nakupovanjem, ampak vse kupujejo prek mobilnega interneta.
Namesto zaključka
Danes so mobilne tehnologije na trguaktivna rast in razvoj, zato mora vsako podjetje, ki si prizadeva za vodstvo na trgu, zagotoviti, da njegov internetni vir ustreza zahtevam. Zaradi vse večjih zahtev uporabnikov je treba strani nenehno nadgrajevati in prilagajati različnim napravam. Jasno je, da če je človeku neprijetno biti na določenem viru, tam ne more dobiti informacij o izdelku ali ceni, oddati naročilo, izvedeti za dostavo, potem bo našel spletno mesto, kjer bo vse to postalo mogoče. Zato je za zmago na tekmovanju pomembno imeti prilagodljiv, priročen, funkcionalen in zanimiv vir.
Mobilna različica spletnega mesta Android ali iOS vam bo pomagala pri tem. Če želite to narediti, morate izbrati enega od zgornjih načinov preoblikovanja – prilagodljivo predlogo, ustvarjanje novega spletnega mesta na poddomeni in preusmeritev nanjo, uporaba brezplačnih predlog ali izdelava mobilne aplikacije, ki bo uporabniku olajšala vstop in bodite na strani.
Ta pristop ne bo pomagal le ohraniti zvestobe obstoječih strank, temveč bo zagotovil tudi priložnost za privabljanje novih obiskovalcev.
