Versi seluler saka situs iki: piye carane? Desain adaptif

Dina iki, akeh wong sing nyambung online liwat gadget seluler - tablet, telpon, lan sing gegandhengan karo iki, optimasi situs uga teka menyang level anyar. Yen pangguna nggoleki lan ndeleng situs iki ora dioptimalake kanggo piranti seluler: gambar ora bisa ditampilake, tombol-tombol kasebut dipindhah, fonts cilik lan ora bisa diwaca, rancangan gawe miring - 99 saking 100% sing bakal metu lan mulai nggoleki liyane sing trep. Sawijining robot panelusuran bakal ngilangi sumber kasebut ora relevan, yaiku, ora cocog karo pitakonan telusuran. Mulane, rancangan kaca kudu kudu dicocogake kanggo macem-macem piranti seluler. Apa versi seluler situs, piye carane, lan apa cara paling apik kanggo nerapake? Maca liyane ing artikel iki.

Dadi, ana papat cara utama kanggo ngganti situs kasebut menyang versi seluler.

Cara pisanan - desain adaptif

Templat kustom nyakup ngganti gambar saka situs gumantung marang ukuran layar. Minangka aturan, dhèwèké disetel dadi standar 1600, 1500, 1280, 1100, 1024 lan 980 piksel. Kanggo implementasine, aplikasi CSS3 Media Queries. Desain situs ora owah.

Kauntungan saka metode iki kalebu:

• Gampang desain, minangka struktur dhewe adapts kanggo parameter layar, lan sembarang nganyari ora mbutuhake pangembangan desain saka awal, mung bener CSS lan HTML;
• Siji URL - panganggo ora perlu ngelingi pirang-pirang jeneng, ora perlu kanggo redireksi (redirection saka siji alamat menyang liyane), sing bisa nyulam karya webmaster, lan luwih gampang panelusuran ngurutake lan pangkat sumber nganggo alamat siji.

Temtu, template adaptif uga duwe kekurangan dhewe, sing, kanthi cara, luwih saka manfaat. Nanging, akeh pangembang manut konsep iki, contone, perusahaan Google, sing versi seluler situs duwe desain adaptif. Dadi, cacat yaiku:

• Desain adaptif ora ndhukung tugas sing padha ing piranti seluler kaya ing PC. Yen iki, contone, versi seluler saka situs web bank, ing ngendi pangguna luwih akeh duwe informasi babagan kurs utawa ATM sing paling cedhak, mula desain iki cukup cukup. Nanging yen ana sumber daya sing wis kabentuk kanthi komplèks karo pirang-pirang bagean lan subdhisi, banjur tata letak adaptif ora bisa ngajak pengunjung.
• Mudhunake loading dadi situs favorit sampeyan dadi siji sing disengiti. Iki luwih bener saka sumber daya, ing ngendi animasi, video, pop-up lan unsur aktif liyane akeh banget. Amarga bobot abot, kaca kasebut mung "alon mudhun", pangguna - njaluk duka lan lunga, lan posisi panelusuran situs - tiba.
• Kemungkinan ngijihake versi seluler liya liya sing ora penting. Yen sawetara unsur didhelikake kaya tata letak, sampeyan ora bisa nindakake apa-apa kanggo mbukak, ora kaya situs sing bisa dipateni lan menyang domain reguler.

Nanging, versi seluler situs web kasebut cepet, tanpa kemampuan lan biaya khusus, ngidini sampeyan kanggo nyetel sumber kasebut menyang gadget apa wae. Nanging, cocog karo kekurangan sing kadhaptar, cilik, sumber prasaja kanthi minimal informasi lan multimedia, tanpa pandhu arah lan animasi rumit. Kanggo situs rumit, rong cara liya cocok.

Cara liya yaiku versi sing kapisah saka situs kasebut

Cara iki umum banget lan kerep ndadekake situs ing piranti seluler luwih gampang kanggo pemahaman. Menehi hak kanggo nggawe versi kapisah saka kaca, ditarik kanggo aplikasi lan dumunung ing URL kapisah utawa subdomain, contone, m.vk.com. Ing wektu sing padha, fungsi utama tetep, desain situs mung katon beda. Kauntungan saka cara iki cetha:

• Antarmuka loropaken pangguna;
• Gampang kanggo ngganti lan nggawe suntingan, wiwit versi sing ana sacara terpisah saka sumber utama;
• Amarga bobot kurang saka versi sing kapisah saka situs luwih cepet tinimbang cithakan adaptif;
• Paling asring ana kesempatan kanggo pindhah menyang versi utama kaca kanthi seluler.

Nanging ing kene uga ana kekurangan:

• Sawetara alamat - versi desktop lan seluler saka situs iki. Carane nggawe pangguna ngelingi rong pilihan? Panggonan web asring nyatakake redirection (pangalihan) saka versi dextup menyang seluler, nanging ing wektu sing padha, yen kaca iki ora ana ing versi seluler, pangguna bakal nampa kesalahan. Kene ana kesulitan karo mesin telusuran, sing angel pangkat 2 sumber sing identik, lan iki langsung kena pengaruh kemajuan.
• Versi mobile saka komputer kasebut, yen pangguna kesengsem menyang, bakal katon konyol, sing uga bisa ndadekake kehadiran.
• Versi iki asring banget dibunderaké, desktop, supaya pangguna bakal diwenehi fungsi sing winates banget. Nanging ing wektu sing padha, yen ana sing ilang, pengunjung bisa pindhah menyang versi lengkap kaca.

Umumé, situs seluler sing kapisah mung mbenerake dhewe lan cara sing paling umum kanggo nyalurake sumber kanggo piranti seluler. Iku populer karo toko online gedhe, contone, Amazon.

Cara katelu yaiku desain RESS

Mesin telusur Google aktif ndhukung arah desain seluler. Iki minangka cara sing paling angel, larang, nanging efektif kanggo ngganti situs kasebut menyang telpon utawa tablet. Iki diarani RESS. Iki minangka nargetake sumber ing aplikasi seluler, sing bisa diundhuh kanggo saben piranti kanthi kapisah. Kanggo Android - karo GooglePlay, lan kanggo Apple - karo iTunes.

Aplikasi kasebut cepet, gratis, trep, nduweni kemampuan kanggo nampung macem-macem jinis informasi, dene memori telpon lan lalu lintas Internet ora dipangan kanthi cara sing padha kaya nalika ngunjungi situs liwat browser. Iku gampang kanggo ngetik, amarga pranala bakal tansah ana ing layar ing tangan, lan ora perlu ngetik jeneng kompleks ing bilah alamat browser.

Ana, mesthine, kene lan kekurangane, kayata kerumitan ing pembangunan, biaya gawean gedhe saka akeh programer, kudu nggawe sawetara varian tata letak. Kadhangkala piranti seluler ora diakoni dening aplikasi kasebut. Perlu dukungan teknis reguler, koreksi kekurangan. Nanging, opsi iki dianggep paling apik saka telung sing ditampa amarga operasi produktif lan lancar.

Cara paling murah kanggo nggawe situs seluler

Kabeh cara ing ngisor iki dianggep, sanajan ora tansah dadi suwene lan kompleks, nanging isih mbayar tugas saka webmaster. Yen sampeyan ora bisa ndeleng kebutuhan sing penting kanggo pembangunan kasebut, sampeyan bisa nggunakake versi seluler sing gampang lan gratis. Cara nggawe sing paling gampang?

Ngundhuh cithakan khusus (plug-in) kanggo desain adaptif. Contone, WP Mobile Detector, WordPress Mobile Pack, WPSmart Mobile lan liyane. Padha bakal bantuan kanggo nampilake situs kanthi bener ing telpon, ing wektu sing padha sampeyan bakal nampa sawetara tips sing kudu didandani kanggo adaptasi kaca luwih apik kanggo versi seluler.

Mesthi, metode iki meh ora cocok kanggo sumber daya sing serius. Luwih becik, kesempatan gratis iki kanggo situs, blog, feed berita cilik lan prasaja. Aja lali yen Google search engine, kaya Yandex, saiki nggawe tuntutan serius ing versi seluler, supaya ana kesempatan gedhe kanggo ngurangi posisi sampeyan nggunakake metode iki.

Kanthi cara iki, paling kamungkinan, spanduk iklan lan pop-up bakal dicithak, nanging kaca bakal mbukak kanthi cepet lan tanpa "lags".

Prinsip nggawe versi seluler

Ora masalah yen versi seluler situs digawe kanthi gratis utawa kanthi bantuan staf webmaster, digawe ing sistem RESS utawa nggunakake templat adaptif. Ingkang paling penting yaiku kanggo karya sing efektif, kudu ngetrapake prinsip-prinsip sing penting banget. Dadi, apa sing kudu dadi versi seluler situs iki? Carane nggawe produktif, efisien lan produktif?

Kita mbusak kabeh sing ora perlu

Minimalism iku salah sawijining pangembang saka versi seluler situs sing kudu dilindhungi. Mbayangno carane angel iku kanggo njupuk informasi sing kebak werna, tombol, spanduk, lan sing kudu nggulung tanpa henti ing panelusuran materi sing tengen. Desain seluler kudu sederhana lan resik. Pilih werna 2-3 kanggo misahake spasi (contone, merek). Luwih becik yen salah sijine putih. Bagéyan saka layar cilik menyang zona sing jelas lan sing bisa dibaca. Tombol virtual kudu katon supaya pangguna cetha ngerti ngendi arep klik lan ndeleng - kene produk, kene formulir kanggo ngisi data, iki informasi babagan kiriman lan pambayaran.

Kabeh opsi tambahan sing bakal migunani ing versi desktop lan nggawe urip luwih gampang kanggo pangguna bakal nggawa mung komplikasi. Ninggalake unsur paling penting. Animasi, spanduk iklan, multimedia, paling cetha, mung bakal ngetokake situs utawa aplikasi lan obah saka bab utama.

Alignment

Masalah persamaan ora kurang akut, amarga yen sampeyan salah, pangguna mung bakal nampa endings saka tembung-tembung penting. Alignment ing sisih kiwa lan vertikal dianggep umum. Mbayangno carane sampeyan lunga liwat baris berita ing telpon. Sampeyan nindakake iki saka ndhuwur tekan ngisor, nanging ora ana ing sisih kiwa utawa tengen.

Unifikasi

Yen kemungkinan transisi dawa ora ana, coba gabungke sawetara langkah dadi siji. Contone, situs iki mbutuhake masukan data ing sawetara tahapan - jeneng, banjur alamat saben omah ngemot omah, dalan, apartemen, lan liya - liyane. Supaya ora meksa pangguna kanggo nyoba nyedhaki sel - sel cilik, Jeneng lan alamat.

Lan disengagement

Kadhangkala, sampeyan kudu misahake informasi sing akeh banget. Contone, ing menu gulung sampeyan duwe dhaptar luwih saka 80 kutha ing ngendi pangiriman wis ditindakake. Kelompok kasebut miturut wilayah supaya pangguna ora kudu nggulung menyang dhaptar iki. Nalika dheweke nunjuk pusat utawa wilayah regional, dhaptar kutha liyane bakal metu.

Daftar dhaptar

Miturut cara, bab dhaptar. Kaloro kasebut diurut miturut urutan alfabetis utawa liyane lan kanthi substitusi. Pemilihan kasebut gumantung marang apa sing bakal didaftar.

Tetep trep yen pangguna mangerténi apa sing dienggo. Contone, kutha, nomer utawa tanggal. Opsi kapindho cocok kanggo jeneng komplek dawa utawa kanggo kasus-kasus ing ngendi akeh variasi saka jeneng sing padha, lan saben dhaptar gulung mundhut panganggo luwih cedhak gol. Varian karo substitusi otomatis luwih asring digunakake nalika pengunjung butuh bantuan. Contone, situs kanggo nyelehake tawaran kanggo tuku jarum rajutan. Pangguna nglebokake query "Logam rajutan jarum", lan ing tooltip ndeleng "Spokes 5 mm", "Spokes 4,5 mm", lan liya-liyane.

Autofill

Titik iki luwih cocog karo situs sing bisa didol online, lan sampeyan kudu ngisi formulir standar, pengiriman, lan liya-liyane. Yen wong nggawe tuku saka telpon, mesthine dheweke ora duwe wektu kanggo njaluk komputer, sing tegese proses Sampeyan kudu nggawe mundhut kanthi cepet lan kanthi nyaman.

Kanggo wangun iki bisa ngemot data sing wis diisi, sampeyan bisa nggunakake jawaban paling populer. Contone, masang tanggal saiki, cara pembayaran kanthi awis, kutha, yen sampeyan kerja ing sawijining wilayah. Bisa diganti, nanging yen sampeyan mencet target, wektu pangguna bakal disimpen.

Kabèh diwaca, kabeh katon

Nggawe desain versi seluler situs, eling yen kabeh telpon beda, lan sesanti uga. Mbok menawa situs sampeyan bakal ditampilake saka layar cilik, supaya fonts kudu prasaja lan bisa diwaca, tombol - cukup gedhe sing bisa diklik lan ora bisa diowahi menyang kaca liya, lan gambar kudu dibukak kanthi kapisah, gedhe, utamane nalika teka ing Internet Kanggo nyimpen.

Sawetara statistik

Ngandika babagan adaptasi saka situs menyang piranti seluler, sampeyan ora bisa nggunakake statistik mangerteni carane penting proses iki kanggo ngembangake jaringan.

Tokoh-tokoh kasebut minangka ing ngisor iki. Gadget saiki digunakake dening 87% populasi, ketoke, kajaba kanggo bocah sing paling enom lan sawetara wong tuwa. Para ekonom ngira-ngira pertumbuhan perdagangan seluler 100 kali kanggo 5 taun salajengipun. Ing wektu sing padha, mung 21% situs diadaptasi kanggo nggarap piranti seluler. Dadi, lalu lintas Internet lan pasar e-commerce mung digayuh dening bagean 5-th cilik.

Coba pikirake tokoh-tokoh kasebut. Apa gunane kanggo ngganti sumber sampeyan? Mesthi, ya. Menapa malih, anggere ana ruang bebas sing akeh ing pasar iki, sampeyan bisa njupuk segmen dhewe.

Endi versi seluler sing dibutuhake?

Gunakake versi seluler cocok kanggo platform apa wae sing nggoleki rating dhuwur. Sawise kabeh, iki pangguna langsung ing pangguna, nggawe kondhisi nyaman kanggo tetep ing situs sampeyan.

Tanpa versi seluler, ora bisa ana:

• Portal berita, amarga paling akeh sing katon liwat telpon ing cara kanggo nyambut gawe utawa sinau;
• Jaringan sosial - amarga alasan sing padha, plus ana faktor komunikasi on-line, sing tegese chatting sing trep lan bisa dingerteni kudu digawe kanggo iki;
• Situs referensi, situs kanthi pandhu arah, lan liya-liyane, ing ngendi wong nguripake nalika lagi ngupaya apa-apa;
• Toko online - kesempatan kanggo narik kawigaten para panuku sing ora ngenteni waktu kanggo lelungan belanja, nanging tuku kabeh liwat Internet seluler.

Tinimbang concluding

Dina teknologi seluler saiki ana ing tataran pertumbuhan lan perkembangan sing aktif, mula, kanggo ngupayakake kepemimpinan ing pasar, perusahaan manawa kudu njamin yen sumber Internet menehi syarat. Amarga akeh panyuwunan pangguna, situs kudu terus ditingkatake lan diadaptasi menyang piranti liyane. Cetha manawa wong ora duwe sumber daya tartamtu, dheweke ora bisa njupuk informasi babagan prodhuk utawa rega, nggawe order, sinau babagan pangiriman, dheweke bakal nemokake situs kasebut ing ngendi kabeh iki bisa dadi. Mulane, kanggo menang kompetisi, penting kanggo duwe sumber daya fleksibel, trep, fungsional lan menarik.

Versi ponsel Android utawa Ios bisa mbantu. Kanggo nindakake iki, sampeyan kudu milih salah sijine metode ngrancang ulang - cithakan adaptif, nggawe situs anyar ing subdomain, lan bukak kanthi ngarahake, nggunakake template gratis utawa nggawe aplikasi seluler, ing ngendi pangguna bisa luwih gampang lunga lan tetep ing kaca kasebut.

Pendekatan kuwi ora mung mbiyantu njaga loyalitas pelanggan sing ana, nanging uga menehi kesempatan kanggo narik pengunjung anyar.