Šiandien dauguma žmonių per internetąmobiliųjų programėlių - tabletės, telefonai, ryšium su svetainės optimizavimo, kaip į naują lygį. Jei vartotojas ateina ir mato, kad svetainė nėra optimizuota mobiliesiems prietaisams: Jūs negalite peržiūrėti vaizdą, iškedentas off mygtuką, nedideli ir neįskaitomas šriftus, dizainas iškreiptas - 99 iš 100% kad jis išeis ir pradės ieškoti kito patogiau. Tikrinimo įdėsiu čekį, kad išteklių yra nesvarbi, t. E. nederinami paieškos užklausą. Todėl, puslapio dizainas visada turėtų būti pritaikytas prie mobiliųjų įrenginių įvairovė. Kas yra mobili svetainės versija, kaip tai padaryti, ir kas geresnis būdas kreiptis? Skaitykite daugiau šiame straipsnyje.

Taigi, yra keturi pagrindiniai būdai pritaikyti svetainę mobiliosioms versijoms.

kaip padaryti mobiliąja svetainės versija

Pirmasis būdas - pritaikomasis dizainas

Pritaikomi šablonai rodo pakeitimąsvetainės nuotraukos, priklausomai nuo ekrano dydžio. Paprastai jie nustatomi standartiniais 1600, 1500, 1280, 1100, 1024 ir 980 pikselių. Įdiegimui naudokite CSS3 medijos užklausas. Svetainės dizainas nekeičia tuo pačiu metu.

Šio metodo privalumai:

  • patogus dizainas, nes pati struktūra prisitaiko prie ekrano parametrų, o bet kokiam atnaujinimui nereikalaujama, kad dizainas būtų sukurtas nuo pat pradžių, tik teisingai CSS ir HTML;
  • vienas URL - vartotojui nereikia prisimintikeli vardai, nereikia peradresavimo (peradresavimas iš vieno adreso į kitą), o tai gali apsunkinti žiniatinklio valdytojo darbą, o paieškos variklyje yra lengviau sugrupuoti ir suskirstyti šaltinį vienu adresu.

Žinoma, adaptuoti šablonai turi savotrūkumai, kurie, beje, daugiau nei nuopelnus. Tačiau daugelis kūrėjai laikytis šios sąvokos, pvz, "Google" korporacija, mobili versija svetainę, kuri turi interaktyvaus dizaino. Taigi, trūkumai yra šie:

  • Adaptuota konstrukcija nepalaiko tų pačių užduočiųmobiliojo prietaiso, kaip ir kompiuterio. Jei jis yra, pavyzdžiui, mobili portalo banko interneto svetainėje, kur vartotojas gali būti svarbi informacija apie valiutos kursą arba į artimiausią ATM, tai dizainas yra gana pakankamai. Bet jei tai yra sudėtingas struktūrizuotas išteklius su daugybe skyrių ir poskyrių, tada pritaikomasis išdėstymas greičiausiai nepakenks lankytojams.
  • Lėtas siuntimas paverčia jūsų mėgstamą svetainę įnekenčia. Tai ypač pasakytina apie išteklius, kuriuose gausu animacijos, vaizdo įrašų, iššokančių langų ir kitų aktyvių elementų. Dėl didelio svorio puslapis paprasčiausiai "sulėtins", vartotojas pyksta ir išnyks, o paieškos pozicijos svetainėje sumažės.
  • Negalima išjungti mobiliosios versijos - daugiauvienas reikšmingas trūkumas. Jei tam tikras elementas yra paslėptas tokiu išdėstymu, jūs negalite nieko jo atidaryti, o ne svetaines, kuriose jis gali būti išjungtas, ir pereiti į įprastą domeną.

Nepaisant to, tokia mobili svetainės versija yra greita,be specialių įgūdžių ir išlaidų leidžia pritaikyti šaltinį bet kuriai įtaisai. Tačiau, atsižvelgiant į išvardytus trūkumus, tinkamas yra mažų, paprastų išteklių, turinčių kuo mažiau informacijos ir daugialypės terpės, be sudėtingos navigacijos ir animacijos. Sudėtingoje vietoje tinkami du kiti metodai.

svetainės dizainas

Antrasis metodas yra atskira svetainės versija

Šis metodas yra labai dažnas ir dažnai sėkmingasdaro svetainę mobiliajame įrenginyje patogesne suvokti. Jo esmė yra sukurti atskirą puslapio versiją, parengtą taikymui ir esančią atskirame URL arba subdomeno, pavyzdžiui, m.vk.com. Tuo pat metu išsaugotas pagrindinis funkcionalumas, svetainės dizainas tiesiog atrodo kitaip. Šio metodo privalumai yra akivaizdūs:

  • patogi sąsaja;
  • lengva keisti ir redaguoti, nes versija yra atskirai nuo pagrindinio šaltinio;
  • dėl mažo svorio atskiros svetainės versijos yra daug greičiau nei prisitaikantis šablonas;
  • dažniausiai yra galimybė pereiti prie pagrindinės puslapio versijos su mobiliuoju telefonu.

Tačiau čia taip pat buvo trūkumų:

  • Keli adresai - stalinė ir mobili versijasvetainė Kaip naudotojui prisiminti dvi parinktis? Web meistrai dažnai nurodo nukreipimą (nukreipti) iš dextup versijos į mobilųjį telefoną, tačiau tuo pačiu metu, jei šis puslapis mobiliojo ryšio versijoje neegzistuoja, vartotojas gaus klaidą. Čia yra sunkumų paieškos sistemose, kurių sunku įvertinti 2 identiškus išteklius, ir tai tiesiogiai veikia pažangą.
  • Mobilioji svetainės versija iš kompiuterio, jei vartotojas klaidingai eina į ją, atrodys juokinga, kuri taip pat gali turėti įtakos lankomumui.
  • Ši versija dažnai yra labai sutrumpinta, darbalaukyje, taigi vartotojas gaus labai ribotą funkcionalumą. Tačiau tuo pačiu metu, jei kažko trūksta, lankytojas gali pereiti prie visos puslapio versijos.

Apskritai atskira svetainė mobiliesiems pateisina saveir yra labiausiai paplitęs būdas pritaikyti išteklių mobiliesiems įrenginiams. Jis populiarus didelėse internetinėse parduotuvėse, pavyzdžiui, "Amazon".

prisitaikantys šablonai

Trečias būdas yra RESS-dizainas

"Google" paieškos variklis aktyviai palaiko taimobiliojo dizaino kryptis. Tai yra sudėtingiausias, brangus, bet efektyvus būdas pritaikyti svetainę telefonu ar planšetiniu kompiuteriu. Tai vadinama RESS. Tai taikomoji programa, skirta naudoti mobiliajame telefone, kurią galima atsisiųsti kiekvienam įrenginiui atskirai. "Android" - su "GooglePlay", "Apple" - su "iTunes".

Tokios paraiškos yra greita, nemokama, patogituri galimybę pritaikyti įvairias informacijos rūšis, o telefono atmintyje ir interneto srautu nevalgiama, kai lankotės svetainėje per naršyklę. Jas lengva įvesti, nes nuoroda visuomet bus rodyklėje, o naršyklės adreso juostoje nereikia įvesti sudėtingo pavadinimo.

Yra, žinoma, čia ir jų trūkumų, tokių kaipvystymosi sudėtingumas, didelis daugelio programuotojų darbo sąnaudų skaičius, poreikis atlikti keletą išdėstymo variantų. Kartais mobilusis prietaisas programoje neatpažįstamas. Reguliari techninė parama, trūkumų pašalinimas yra būtinas. Nepaisant to, šis variantas laikomas geriausiu iš trijų siūlomų dėl jo produktyvaus ir sklandaus veikimo.

google mobiliosios svetainės versija

Pigiausias būdas sukurti svetainę mobiliesiems

Manoma, kad visi išvardyti metodaiir ne visada ilgas ir sudėtingas, bet vis tiek mokamas žiniatinklio valdytojo darbas. Jei nematote, kaip skubiai reikia tokios plėtros, galite naudoti paprastą ir nemokamą mobilią svetainės versiją. Kaip tai padaryti lengviau?

Atsisiųskite specialius šablonus (papildinius)prisitaikanti konstrukcija. Pavyzdžiui, "WP Mobile Detector", "WordPress Mobile Pack", "WPSmart Mobile" ir kt. Jie padės tinkamai rodyti tinklalapį telefone, tuo pačiu metu gausite keletą patarimų, kuriuos reikia ištaisyti, kad puslapis būtų geriau pritaikytas prie mobiliosios versijos.

Žinoma, šis metodas vargu ar tinkarimtus išteklius. Greičiau ši nemokama galimybė skirta mažoms ir paprastoms svetainėms, tinklaraščiams, naujienų kanalams. Nepamirškite, kad paieškos sistema "Google", pvz., "Yandex", šiandien kelia rimtų reikalavimų mobiliesiems versijoms, todėl yra puiki galimybė šį metodą sumažinti savo pozicijas.

Naudojant šį metodą, greičiausiai, bus sumažinti reklamos ir pop-up plakatus, bet puslapis greitai įkelti be "VVG".

"Android" svetainės mobili versija

Mobiliųjų versijų kūrimo principai

Nesvarbu, svetainės mobiliesiems versija sukurta nemokamaiarba su žiniatinklio administratorių pagalba, tai atliekama naudojant RESS sistemą arba naudojant adaptuotą šabloną. Svarbiausia, kad jos veiksmingam darbui reikia laikytis keleto labai svarbių principų. Taigi, kas turėtų būti mobili svetainės versija? Kaip padaryti produktyvumą, našumą ir produktyvumą?

mobili svetainės versija iš kompiuterio

Mes pašaliname visus nereikalingus

Minimalizmas yra kažkas, į kurį turėtų siektisvetainės mobiliosios versijos kūrėjas. Įsivaizduokite, kaip sunku suvokti informaciją, kuri pilna spalvų, mygtukų, banerių ir kurioms jūs turite pereiti be galo ieškodami tinkamos medžiagos. Mobilusis dizainas turi būti paprastas ir švarus. Pasirinkite 2-3 spalvas, kad atskirtumėte erdvę (pvz., Firminis). Tai geriau, jei vienas iš jų yra baltas. Padalinkite mažo ekrano erdvę į aiškias ir lengvai nuskaitomas zonas. Virtualūs raktiniai žodžiai turi būti matomi, kad vartotojas aiškiai žinotų, kur spustelėti, ir pamatė - tai prekės, čia pateikiama duomenų užpildymo forma, čia pateikiama informacija apie pristatymą ir mokėjimą.

Bet kokios papildomos parinktys, kurios būtų naudingosdarbastalio versijoje ir vartotojui taptų lengvesnis, jie atneš tik komplikacijas. Palikite tik svarbiausius elementus. Animacinis, reklaminių antraščių, daugialypės terpės, greičiausiai, tik sulėtins svetainę ar programą ir atitraukė nuo pagrindinio dalyko.

Derinimas

Išlyginimo klausimas yra ne mažiau aktualus,nes jei tai padarysite neteisingai, vartotojas gaus tik svarbių žodžių pabaigą. Išlyginimas kairėje ir vertikaliai laikomas bendru. Įsivaizduokite, kaip peržvelkite naujienų liniją savo telefone. Tai darote iš viršaus į apačią, bet ne į kairę ar dešinę pusę.

Unifikavimas

Kai nėra ilgos perėjimų grandinės galimybės,Pabandykite sujungti kelis žingsnius į vieną. Pavyzdžiui, svetainėje reikia įvesti duomenis keliais etapais - .. Vardas, tada adresas, kur kiekvienoje ląstelėje yra atskiras namas, gatvė, butas, ir tt Kad nebūtų priversti vartotoją bandyti gauti dėl mažų ląstelių rinkinys, paprašykite užpildyti tik 2 - vardas ir adresas.

Ir atleidimas

Kartais, atvirkščiai, reikia atsijungtidaug informacijos. Pavyzdžiui, išskleidžiamajame meniu turite daugiau nei 80 miestų, kuriuose atliekamas pristatymas, sąrašą. Grupes juos pagal regionus, kad vartotojas nebūtų slinkti per šį didžiulį sąrašą. Kai jis atkreipia dėmesį į regioninį centrą ar rajoną, išmetamas dar vienas miestų sąrašas.

Kontroliniai sąrašai

Beje, apie sąrašus. Abi yra fiksuojamos abėcėlės tvarka arba kita tvarka ir pakeičiamos. Jų pasirinkimas priklauso nuo to, kas bus išvardyta.

Fiksuotas yra patogus tuo atveju, jeivartotojas tiksliai žino, ko jis ieško. Pavyzdžiui, miestas, numeris ar data. Antrasis variantas tinka ilgiems sudėtingiems vardams arba tais atvejais, kai yra daug skirtingų pavadinimų, o kiekvienas išskleidžiamasis sąrašas atveda naudotoją prie tikslo. Automatinio keitimo variantas dažniausiai naudojamas, kai lankytojui reikia pagalbos. Pavyzdžiui, mezgimo svetainė siūlo pirkti mezgimo adatas. Vartotojas įveda paieškos užklausą "Metalinės mezgimo virbalai", o į įrankių juostą mato "5 mm spynos", "spygliai 4,5 mm" ir tt

Automatinis užpildymas

Ši dalis yra ypač svarbi svetainėms, kuriose yra kažkasparduoti internete, ir jūs turite užpildyti standartinę formą mokėjimo, pristatymo ir pan. n. Jei asmuo nuperka iš telefono, tada greičiausiai, jis neturi laiko gauti į kompiuterį, o tai reiškia, kad pirkimo procesas yra būtinas, kad taip greitai ir patogu.

Dėl to formos gali būti jau užpildytosduomenis, galite pasinaudoti populiariausiais atsakymais. Pvz., Įterpkite šios dienos datą, mokėjimo būdą grynaisiais, miestą, jei dirbate viename regione. Jos gali būti pakeistos, tačiau jei paspausite tikslą, naudotojo laikas bus išsaugotas.

Viskas perskaitoma, viskas matoma

Atminkite, kad sukūrę mobiliąja svetainės versijąkad visi telefonai yra skirtingi ir regėjimas. Galbūt jūsų svetainė bus žiūrima iš mažo ekrano, todėl šrifto turėtų būti paprasta ir lengvai skaitomas, mygtukas - pakankamai didelis, kad jie galėtų bakstelėkite, o ne gauti į kitą puslapį, ir vaizdai turi būti atidaryta atskirai, didelis, ypač kai ji ateina į internetą į parduotuvę.

Kai kurie statistiniai duomenys

Kalbant apie svetainės pritaikymą mobiliesiems įrenginiams, negalima pasinaudoti statistika, kad suprastų, kaip šis procesas yra svarbus tinklui skatinti.

Šie skaičiai yra tokie. Šiandien dalykėliai yra 87% gyventojų, matyt, išskyrus labai mažų vaikų ir kai vyresnio amžiaus žmonėms. Emistai prognozuoja mobiliosios komercijos augimą 100 kartų per ateinančius 5 metus. Tuo pačiu metu tik 21% svetainių yra pritaikytos dirbti su mobiliaisiais įrenginiais. Taigi interneto srautą ir elektroninės prekybos rinką sudaro tik maža 5-oji dalis.

Pagalvokite apie šiuos skaičius. Ar prasminga pritaikyti savo šaltinius? Žinoma, taip. Be to, nors yra tiek daug erdvės šioje rinkoje, galite imtis savo segmentą ant jo.

nemokama mobili svetainės versija

Kur reikia mobiliosios versijos?

Mobiliosios versijos naudojimas yra tinkamasbet kokia platforma, kuri siekia gauti aukštą reitingą. Galų gale, tai tiesioginis poveikis vartotojui, sukuriant jam patogias sąlygas apsilankyti jūsų svetainėje.

Be mobiliosios versijos negali egzistuoti:

  • naujienų portalai, nes dauguma jų žiūri per telefoną darbo ar studijų būdu;
  • socialiniai tinklai - dėl tos pačios priežasties, plius yra ryšių veiksnys on-line, o tai reiškia, kad turėtų būti sukurtas patogus ir suprantamas pokalbis;
  • nuorodų svetaines, svetaines su navigacija ir pan., kur žmonės renkasi, kai ieškodami kažko;
  • internetinės parduotuvės - galimybė pritraukti pirkėjus, kurie neišleidžia laiko prekybos kelionėms, bet viską perka per mobilųjį internetą.

Užuot baigę

Šiandien mobiliosios technologijos yraTodėl aktyvus augimas ir vystymasis, siekiantis lyderio rinkoje, bet kuri bendrovė turėtų užtikrinti, kad jo interneto ištekliai atitiktų reikalavimus. Dėl augančių vartotojų užklausų svetainės turi būti nuolat atnaujinamos ir pritaikomos skirtingiems įrenginiams. Akivaizdu, kad jei žmogui nepatogu būti konkrečiam ištekliui, jis negali gauti informacijos apie produktą ar kainą, pateikia užsakymą, sužinoti apie pristatymą, jis suras tinklalapį, kuriame viskas bus įmanoma. Todėl norint laimėti konkursą svarbu turėti lankstų, patogų, funkcionalų ir įdomų šaltinį.

Padarykite šią mobiliosios svetainės versiją"Android" arba "Ios". Norėdami tai padaryti, pasirinkite vieną iš šių būdų reorganizavimo - prisitaikanti šabloną, kuriant naują svetainę apie subdomenas ir perėjimą į jį nukreipti nemokamų šablonų naudojimą arba sukurti mobiliąją programą, per kurią vartotojas gali patogiai įvažiuoti ir apsigyventi puslapyje.

Toks požiūris padės ne tik išlaikyti esamų klientų lojalumą, bet ir suteiks galimybę pritraukti naujų lankytojų.

</ p>