Saytning mobil versiyasi: qanday qilib amalga oshirish? Responsive dizayn

planshetlar, telefon, yangi bosqichga sifatida sayt optimallashtirish munosabati bilan - Bugungi kunda ko'pchilik odamlar mobil gadjetlar orqali onlayn o'ting. Agar foydalanuvchi keladi va sayt mobil qurilmalar uchun optimallashtiradi emas deb ko'radi bo'lsa: Siz tasvirni ko'rish mumkin emas, noto'g'ri bir tugmani, kichik va o'qilmaydi shriftlar, dizayn off tortdi - 99 100% chiqib keladi va yana ko'proq qulay izlab boshlaydi, deb. A paletli , t resurs tegishli emas, bir chek qo'yadi. E. qidiruv so'rovini mos kelmaydi. Shuning uchun, sahifaning dizayni har doim mobil qurilmalar uchun turli xil moslashgan bo'lishi kerak. Nima saytning mobil versiyasi, qanday, uni, albatta, bo'ladi va qanday yaxshi yo'l qo'llash? Ushbu maqolada ko'proq o'qing.

Shunday qilib, uyali versiyasi uchun sayt moslashtirish to'rtta asosiy yo'llari bor.

Boshqaruv - javob dizayn

Adaptiv naqsh qarab, tasvir sayt o'zgaruvchan tavsiya ekran hajmi. Umuman, ular standart 1600, 1500, 1280, 1100, 1024, va 980 piksel o'rnatiladi. foydalanish amalga oshirish uchun CSS3 Media surishtiruv. Veb-sayt dizayni o'zi o'zgarmaydi.

Bu usulning afzalliklari o'z ichiga olishi kerak:

• tuzilishi o'zi qulay dizayn ekran parametrlarini sozlash va har qanday yangilash CSS va HTML o'ynash etarli noldan dizayn, ishlab chiqish talab qilmaydi;
• URL bir - foydalanuvchi bir necha ismlarini eslash kerak emas, webmasters ishini murakkablashtirishi, va tartiblashtirish va bir manzilda ega bo'lgan manba tartiblashtirish uchun oson motorini qidirish mumkin (bir manzilda boshqasiga yuborish) raqamga yo'naltirish uchun hech qanday ehtiyoj bor.

Albatta, adaptiv andozalar o'z kamchiliklarini, aytmoqchi, ko'proq loyiq ortiq bor. Biroq, ko'p chiquvchilar bu tushunchaga amal, masalan, Google korporatsiyasi, bir javob beradigan dizayn ega bo'lgan sayt mobil versiya. Shunday qilib, Kamchiliklari:

• Responsive dizayn kompyuterga kabi uyali qurilmada bir xil vazifalarni qo'llab-quvvatlamaydi. U bo'lsa, masalan, foydalanuvchi kursi yoki eng yaqin atm haqida muhim ma'lumotlarni bo'lishi mumkin bankning veb-saytiga, bir mobil versiya, keyin bu dizayn juda etarli bo'ladi. Bu tasniflashning va pastki poda bilan murakkab tuzilgan resurs bo'lsa, adaptiv tartibi, deyarli mehmonlarga murojaat qiladi.
• Sekin Loading sayti jirkanch sevimli aylantiradi. Bu animatsiya bor resurslari, video kliplar, pop-up va baraka boshqa faol elementlar, ayniqsa, to'g'ridir. g'azablangan olish va borish va sayt o'rnini qidiruv - - Chunki sahifaning og'ir vazn shunchaki foydalanuvchi "Slow Down" bo'ladi tushib.
• mobil versiya o'chirish uchun Ishonchsizlik - yana bir muhim ahvolga tushgan. bir element bir tartib yashiringan bo'lsa, siz uni o'chirish va muntazam domenga borish mumkin veb-saytlar farqli o'laroq, uni ochish uchun hech narsa qila olmaydi.

Shunday bo'lsa-da, maxsus ko'nikma va resurs xarajatlarini holda tez sayt bu mobil versiya, har qanday gadjetlar odatiga mumkin. Lekin bu murakkab saytda harakatlanish va animatsiya holda, axborot resurslari va multimedia bir minimal, chunki bu kamchiliklar, bir kichik, oddiy, mos keladi. murakkab sayt uchun boshqa 2 yo'llarini yaqinlashamiz.

Ikkinchi yo'li - sayt alohida versiya

Bu usul juda oddiy va tez-tez muvaffaqiyat bilan uyali qurilmada o'qish uchun oson sayt qiladi. Uning mohiyati sahifaning alohida versiyasini qo'llash tomonidan chizilgan va misol uchun alohida URL yoki pastki domen, m.vk.com joylashtiriladi yaratish hisoblanadi. Bu holda, asosiy funktsional faqat turli veb-sayt dizayni ko'rinadi, muhofaza qilinadi. Bunday usul afzalliklari mavjud:

• samimiy interfeysi;
• .. oson versiyasi asosiy manba alohida mavjud deb hisoblanadi, tartibga solish va o'zgarishlar kiritish;
• tufayli u adaptiv andoza ancha tez sayt individual versiyasi past og'irligi qilish;
• ko'pincha bir mobil sahifaning asosiy versiyasiga o'tish uchun imkoniyat bor.

Lekin bu erda nuqsonlarga holda emas edi:

• Agar bir necha manzillar - bir ish stoli va Saytning mobil versiyasi. Qanday foydalanuvchi ikkita variant esimda qilib amalga oshirish? Web ustalar ko'pincha mobil uchun versiya dekstopnoy uchun yo'naltirishni (yo'naltiruvchi) belgilangan, lekin mobil versiyada bu sahifa mavjud emas bo'lsa, foydalanuvchi xato olasiz. Bu erda, u erda bir xil resurslardan 2 tartiblashtirish uchun qiyin izlash motorlar bilan qiyinchiliklar bor, va bu targ'ib bevosita ta'sir ko'rsatadi.
• Foydalanuvchi adashib u absurd qarash edi pastga borib, bir kompyuterdan Saytning mobil versiyasi, deb ham ishtirok ta'sir qilishi mumkin.
• Ushbu versiya foydalanuvchilar juda cheklangan funksiyalarini bo'ladi, shuning uchun, orqaga bir ish stoli kesish uchun juda ko'p bo'lishi mumkin emas. narsa etishmayotgan bo'lsa Biroq, ayni paytda, mehmon sahifa pog mumkin.

Umuman, alohida mobil sayt off to'laydi va mobil qurilmalar uchun resurs moslashish eng keng tarqalgan yo'llarini hisoblanadi. Bu, masalan, Amazon eng katta onlayn chakana savdo orasida mashhur.

Uchinchi yo'l - Arsh-dizayn

Qidiruv mexanizmi Google faol mobil dizayni, bu trend qo'llab-quvvatlaydi. Bu sizning telefoningiz yoki planshet uchun sayt moslashtirish uchun eng murakkab qimmat, lekin samarali yo'lidir. Bu Arsh deyiladi. Bu alohida-alohida har bir qurilmaga yuklab olish mumkin bo'lgan mobil dasturdagi resurs nishonga etiladi. GooglePlay, balki Apple uchun - - iTunes bilan Android uchun.

Arizalar, oson, bepul, tez turli xil ma'lumotlarni sig'dira qobiliyatiga ega, va Telefonim xotira va internet trafik brauzer orqali saytga tashrif qachon, deb egan emas. Havola har doim qo'li ekranda bo'ladi, chunki ular, kiritish oson, va brauzeringiz manzil satriga murakkab nom kiritish uchun hojat yo'q.

Bunday dasturchilar ko'p sonli mehnat yuqori qiymati rivojlantirishda qiyinchilik kabi, kamchiliklari, shuningdek, bir necha imkoniyatlari tartibi qilish kerak, albatta, bor. Ba'zan mobil qurilma, dastur tomonidan tan olinmagan. kamchiliklarni tuzatish muntazam texnik qo'llab-quvvatlash uchun ehtiyoj. Biroq, bu variant foydali uptime nuqtai taklif uch eng yaxshi hisoblanadi.

mobil sayt qilish uchun eng arzon yo'li

Yuqoridagi usullarning barchasi bo'lsa har doim emas, uzoq va murakkab, ammo hali ham webmasters pullik ish o'z ichiga oladi. Agar bunday rivojlantirish uchun muhtoj bo'lmasa, siz sayt oddiy va bepul mobil versiyasini yaqinlashamiz. Qanday qilib eng oson yo'li qilish kerak?

javob beradigan dizayn uchun Download Custom andozalar (plugins). Misol uchun, WP Mobile Amerika futboli, WordPress Mobile Pack, WPSmart mobil va boshqalar. Ular to'g'ri telefoningizga sayt ko'rsatish uchun yordam beradi, va siz yaxshi bir sahifaning mobil versiyasiga moslashtirish to'g'ri bo'lishi kerak, bir necha maslahatlar olish.

Albatta, bu usul jiddiy resurslar uchun deyarli mos keladi. Balki, u erkin variant kichik va juda oddiy saytlar uchun mo'ljallangan, bloglar, yangiliklar. Google "Yandeksning», shuningdek, bir qidiruvi ekanligini unutmang, bugun mobil versiyasi ustida og'ir talablarini qiladi, shuning uchun bu usuli yordamida, o'z mavqeini pasaytirish uchun katta imkoniyat bor.

Bu usul bilan, eng ehtimol, reklama va pop-up bannerlar kesib o'tadi, lekin sahifa "kechikish" tezda yuklanadi.

mobil versiyalarini yaratish asoslari

ayblovning yoki davlat webmasteriga yordamida bepul sayt mobil versiyasini yaratish qat'i nazar, u Arsh tizimi yoki adaptiv naqsh yordamida amalga oshiriladi. uning samarali ishlashi uchun muhim narsa bir necha juda muhim tamoyillari amal qilish talab etiladi. Shunday qilib, nima saytning mobil versiyasi bo'lishi kerak? Qanday qilib, samarali, ta'sirchan va samarali qilish uchun?

Barcha keraksiz tashlang

Minimalizm - Saytning mobil versiyasi, bir Ishlab so'rayman kerak narsa. Bu gullar, tugmalar, bannerlar to'la ma'lumot, qabul qilish uchun qanchalik qiyin tasavvur qiling va siz to'g'ri ma'lumotni topish behad o'ting kerak. Mobil dizayn oddiy va toza bo'lishi kerak. Rang maydonini (masalan, kompaniya) ajratish uchun 2-3 tanlang. Bu ulardan biri oq yaxshi deb. kichik ekran aniq va o'qib zonasi to'g'risidagi oraliq ajratish. Bu mahsulotning shakli, ma'lumotlar to'ldiring axborot yetkazib berish va to'lov shuning uchun - Virtual kalitlari aniq bosing qaerda bilaman, va ko'rdim foydalanuvchiga paydo bo'lishi kerak.

ish stoli versiyada foydali bo'ladi va foydalanuvchi uchun hayot oson qilish uchun barcha qo'shimcha imkoniyatlari, bu erda faqat qiyinchilik olib. faqat eng muhim elementlarni qoldiring. Animatsiya, reklama bannerlar, multimedia, ehtimol, faqat ish-sayt yoki dastur to'sqinlik va asosiy nuqtasi, latofati bo'ladi.

Hizalama

to'g'ri buni bo'lsa, foydalanuvchi muhim so'zlar faqat chek oladi deb savol hizalama, hech kam o'tkir emas. odatda hizalı-chap va vertikal qabul. Agar telefoningizda sizning RSS feed varaqlab qanday tasavvur qiling. Siz yuqoridan pastga buni emas, balki chap yoki o'ng tomonga.

uyushma

o'tish uzoq zanjirning yo'l bo'lmasa, biriga bir necha qadam birlashtirish uchun harakat. Misol uchun, sayt bir necha bosqichda ma'lumotlarni kiritish kerak - nomini, har bir hujayra ichida hokazo alohida uy, ko'cha, xona va keyin manzilini N. faqat 2 to'ldirish, ularni so'rang, kichik hujayralari to'plami olish uchun harakat qilish uchun foydalanuvchi majbur emas maqsadida. - nomi va manzili.

va ajratish

Ba'zan, aksincha, u ma'lumotlarning haddan tashqari miqdorini ajratish talab qilinadi. Misol uchun, tomchi-pastga menyu sizga yetkazib 80 shaharlar ro'yxatini ega. hududga Group ularni, foydalanuvchi uzoq ro'yxatida harakat qilish kerak emas, shuning uchun. Qachon u viloyat markazida ustida tomosha qiladi yoki maydoni shaharlar boshqa ro'yxatini tushadi.

ro'yxati

ro'yxatlar haqida yo'l bilan. Ularning ikki - alifbo tartibida yoki boshqa tartibda belgilangan, va o'rnini bosish bilan. Ularning tanlash o'tkaziladi nima bog'liq.

Foydalanuvchi u izlayotgani aniq bilur tadbirda qulay Statsionar. misol, shahar, qator, yoki tarix uchun. birida o'zgarishlar majmui va shu nom, va har bir erda ikkinchi variant uzoq murakkab nomlari yoki hollarda mos tomchi-pastga ro'yxati foydalanuvchi gol yaqinroq qadam. bir mehmon yordam kerak bo'lsa autosubstitution bilan Option tez-tez ishlatiladi. Misol uchun, sayt shishlar sotib olish uchun taklif etadi. Foydalanuvchi qidiruv so'rovini "metall so'zlovchi" kiradi, va uchi dog'lar "so'zlovchi bu 5 mm" "Spokes 4,5 mm» va T. D.

Avtomatik batamom

Bu nuqta onlayn narsa sotish saytlar uchun, ayniqsa, haq va hokazo to'lov, yetkazib berish standart shaklida to'ldirish va kerak. N. bir odam eng ehtimol keyin, telefoningizdan xarid qilsa, u jarayon, degan ma'noni anglatadi, bir kompyuterda, olish uchun vaqt yo'q Sotib olish to'g'risida sifatida tez va qulay qilish uchun zarur.

allaqachon to'lib ma'lumotlarni o'z ichiga olishi mumkin, bu shaklda, u eng mashhur javob murojaat qilish mumkin. Agar shu mintaqada ishlayotgan bo'lsa, masalan, joriy sanani, naqd to'lov, shahar usuli kiritish uchun. Ular o'zgartirilishi mumkin, lekin siz nishonga urdi bo'lsa, foydalanuvchi vaqt saqlanishi mumkin.

Barcha o'qish, barcha o'rganib chiqdi

mobil sayt dizayni yaratib, barcha telefonlar har xil aql va shu vahiyda tuting. Balki siz sayt kichik ekran bilan kuzatilishi qiladi, shuning uchun shrift bir tugma, oddiy va o'qib bo'lishi kerak - ular-ga teging va keyingi sahifaga olish va tasvirlar Internet kelsa, ayniqsa, katta, alohida-alohida ochilgan bo'lishi lozim edi, deb etarlicha katta shop.

Ba'zi statistika

mobil qurilmalar uchun moslashtirish sayt haqida gapirganda, bu jarayon tarmoq rivojlantirish uchun qanchalik muhim tushunish uchun statistikaga murojaat qilish zarur.

Quyidagi raqamlar. Bugun Mohir juda yosh bolalar va ba'zi keksa tashqari, aftidan, aholi 87% bo'ladi. Iqtisodchilar mobil tijorat o'sish keyingi 5 yil ichida 100 marta bashorat. Biroq, saytlar faqat 21% mobil qurilmalar bilan ishlash uchun moslashtirilgan. Shunday qilib, Internet trafik va elektron tijorat bozori, 5-kichik qismi faqat band.

Ushbu raqamlarni ko'rib chiqaylik. bu sizning resurs moslashtirish ma'no bormi? Albatta Ha. juda ko'p bo'sh joy, bu bozorda bor ekan Bundan tashqari, siz unga o'z segmentini olishi mumkin.

Qaerda ehtiyoj mobil versiyasi

mobil versiya yuqori darajalari olish uchun maqsad har qanday platforma uchun mos foydalaning. Axir, bu sizning saytida qolish uning uchun qulay muhit yaratish, foydalanuvchi bevosita ta'sir etadi.

mobil versiya mavjud emas mumkin holda:

• yangiliklari portallar, u ishlashi uchun yo'l yoki maktab ularning eng ko'p ko'rilgan telefon sifatida;
• Ijtimoiy tarmoqlar - Shu sabablarga ko'ra, plus bor muloqot omil onlayn, shuning uchun u, samimiy chat tashkil etiladi qulay hisoblanadi;
• .. Yordam, veb-navigatsiya, va hokazo, odamlar, kotirovka qaerda narsa qidirib esa;
• onlayn xarid qilish - Savatga safarlariga vaqt o'tkazish va mobil internet orqali barcha sotib emas mijozlar jalb qilish qobiliyati.

o'rniga xulosa

Bugungi kunda, mobil texnologiyalar bozorida etakchi bo'lish intilish, shuning uchun faol o'sishi va rivojlanishi, bosqichida bo'lgan, har qanday kompaniyaning onlayn-resurs talablariga javob berishini ta'minlash kerak. Tufayli o'sib borayotgan foydalanuvchi so'rovlar saytlarga doimiy modernizatsiya va turli qurilmalar moslashish kerak. Bu odam, muayyan bir manba bo'lishi noqulay bo'lsa, u, bir mahsulot yoki narxlari haqida ma'lumot olish buyurtma, yetkazib berish haqida so'rash uchun bo'lishi mumkin emas, deb ochiq-oydin emas, u hamma bu mumkin bo'ladi sayt, topasiz. Shuning uchun, tanlovda g'olib qilish uchun, u bir moslashuvchan, samimiy, funktsional va qiziqarli resurs bo'lishi muhim ahamiyatga ega.

u Android sayt yoki iOS mobil versiyasini yordam beradi qiling. Subdomenni haqida yangi sayt va bepul andozalari foydalanish yo'naltirish tomonidan unga o'tishni yaratish, adaptiv andoza yoki foydalanuvchi qulay kiriting va sahifasida qoladi mumkin orqali mobil ilovasini yaratish - Buning uchun, qayta yuqorida yo'llaridan birini tanlang.

Bunday yondashuv nafaqat mavjud mijozlari sadoqatini saqlab yordam bermaydi, balki yangi mehmon olish imkonini beradi.