хуваалцах гар утасны хэрэглэгчидтогтвортой хурдацтай өсч байна: 2014 оны сүүлээр тэдний вэб дээрх тоо анх удаа ширээний хэрэглэгчдийн тооноос давжээ. 10 сая гаруй хүн ЗӨВХӨН онлайнаар холбогддог хөдөлгөөнт төхөөрөмжүүд. Энэ бүхэн яг одоо Орост болж байна.

Танд гар утасны сайт хэрэгтэй эсэх талаар эргэлзсэн хэвээр байна уу? Тэгээд ажилдаа орцгооё.

Энэхүү нийтлэлийн зорилго нь танд хариу үйлдэл үзүүлэх вэб сайт, гар утасны програм хөгжүүлэх үндсэн нэр томъёог танилцуулж, аль арга нь танд тохирохыг олж мэдэхэд тань туслах явдал юм.

Тиймээс бид үйлчилгээгээ илүү хүртээмжтэй болгох үндсэн аргуудыг жагсаав хөдөлгөөнт үзэгчид.

Дасан зохицох (responsive) дизайн (Eng. Adaptive / Responsive)

"Дасан зохицох" ба "хариуцлагатай" гэсэн ойлголтуудын ялгааны сэдвээр интернетийн олон хуулбар эвдэрсэн бөгөөд та энэ талаар нэгээс олон нийтлэл бичиж болно, гэхдээ бүхэл бүтэн эссэ цуглуулга. Ерөнхийдөө мөн чанар нь энэ юм: хоёр ойлголт хоёулаа сайтын чадварыг илэрхийлдэг янз бүрийн төхөөрөмжийн дэлгэцэнд дасан зохицохөргөн дэлгэц, таблет эсвэл гар утсан дээр адилхан сайн харуулах. Гэсэн хэдий ч "хариуцлагатай дизайн" гэсэн ойлголт нь арай өргөн юммөн "хариуцлагатай дизайн" багтана. Тиймээс, бид дараагийн зүйлд ийм сайтуудыг дурдах болно дасан зохицох чадвартай.

Дасан зохицох чадварыг дараахь хэрэгслийг ашиглан олж авдаг.

Дасан зохицох чадварын жишээг манай вэбсайтаас олж болно. Хөтөчийн цонхыг нарийсгаж эхэлснээр дээд цэс эхлээд цонхны хэмжээг тохируулан хэрхэн багасаж, дараа нь гамбургер гэж нэрлэгддэг дүрс дээр бүрэн нуугдаж байгааг харах болно. Хэрэв та мобайл төхөөрөмжөөс манай вэбсайтад хандвал ижил төстэй дэлгэцийг харах болно.

Тиймээс, дасан зохицох загварыг ашигласнаар бид ямар ч төхөөрөмжөөс ашиглахад адилхан тухтай вэбсайттай болно. Мэдээжийн хэрэг, энэ нь хамгийн тохиромжтой, учир нь хэрэв сайт нь нарийн төвөгтэй функцтэй бол түүнийг жижиг хөдөлгөөнт дэлгэцийн хүрээнд суулгахад хэцүү байдаг.

Үндсэн сайтын тайрсан хувилбарыг гар утасны төхөөрөмж хэрэглэгчдэд харуулах боломжтой хэдий ч хөтөч нь хуудсыг бүрэн ачаалах болно: бүх текст, зураг, скрипт, тиймээс ачаалах хугацаа нэлээд урт байж болох бөгөөд энэ нь сул тал юм. дасан зохицох сайтуудын.

Тусдаа гар утасны сайт

Та сайтаа резинэн мэдрэмжтэй болгохын оронд хөдөлгөөнт төхөөрөмжид зориулагдсан тусдаа хувилбарыг үүсгэж болно. Та энэ аргын жишээг хэдэн арван удаа харсан. Энэ нь иймэрхүү харагдаж байна - үндсэн сайт дээр "Ярих гар утасны хувилбарсайт".

Энэ холбоос нь өөр URL хаягтай тусдаа сайтыг нээдэг, жишээлбэл, Vkontakte-д зориулсан m.vk.com. Мөн үндсэн сайт нь бүх гар утасны хэрэглэгчдийг гар утасны сайт руу автоматаар дахин чиглүүлэхээр тохируулагдсан байх нь түгээмэл байдаг.

Ийм сайтын онцлог нь хөдөлгөөнт төхөөрөмж дээр ажиллахад хамгийн тохиромжтой байх явдал юм: хуудасны жинг шахаж, бүх шаардлагагүй элементүүдийг арилгадаг. Таны гар утасны хэрэглэгчид таны талаар шаардлагатай мэдээллийг авч, захиалга өгөхөд илүү хялбар байх болно.

Өөрийгөө гар утасны вэбсайт болгохын тулд хэдэн сарын турш програмчлал сурах шаардлагагүй гэдгийг анхаарна уу. Одоо хагас цагийн дотор сайтын гар утасны хувилбарыг үүсгэх боломжийг олгодог олон үйлчилгээ байдаг. Жишээлбэл, хэрэв та өөрийн нэрийн хуудасны вэбсайтыг гар утсанд ээлтэй болгохыг хүсч байвал ийм гар утасны вэбсайт бүтээгч танд хэрэгтэй зүйл байх магадлалтай. Мөн сайтын гар утасны хувилбарын дизайнерын үйлчилгээг олон хостууд үзүүлдэг дэлгэрэнгүй мэдээлэлТа хостинг дэмжих үйлчилгээтэй холбогдож болно.

Хөдөлгөөнт сайтын сул тал нь та хоёр сайтыг хадгалж, бүх чухал өөрчлөлтийг хоёр удаа хийх ёстой. Гэсэн хэдий ч, та хоёр сайт хоёулаа ижил мэдээллийн сангаас холбогдсон бөгөөд үндсэн бүх өөрчлөлтийг гар утсанд хийж байгаа эсэхийг шалгах боломжтой тул гар утасны хувилбарыг боловсруулах эсвэл бүтээгч худалдаж авахдаа энэ зүйлийг тодруулах нь дээр.

Гар утасны програм

Мобайл програм нь вэбсайт биш, харин хэрэглэгчийн гар утасны төхөөрөмж дээр суулгасан програм юм. Энэ нь энэ аргын гол давуу болон сул талуудыг тайлбарладаг.

Хөтөлбөрийг таны хэрэглэгчийн утас / таблет дээр шууд суулгасан бөгөөд энэ нь тэр Интернэтэд холбогдохгүйгээр програм руу нэвтрэх, мөн танил интерфейс болон түүний төхөөрөмжийн бүх функцийг ашиглах боломжтой гэсэн үг юм.

Үүний зэрэгцээ, энэ нь хасах зүйл юм, учир нь хэрэглэгч бүр минутын үйлдэл хийхийн тулд програм суулгахыг хүсдэггүй. Эсвэл шаардлагатай мэдээллийг хүлээн авсны дараа үйлчлүүлэгч үүнийг устгаж болно.

Хөдөлгөөнт аппликейшн хөгжүүлэх нь маш их цаг хугацаа, санхүүгийн зардал их шаарддаг үйл явц юм. Вэбсайтууд нь хөндлөн платформ бөгөөд гар утасны програмуудыг платформ тус бүрд (iOS, Android, Windows Phone) тусад нь үүсгэх шаардлагатай болно.

Мэдээж хэрэг, програм үүсгэх ажлыг хялбаршуулж, Phonegap, Ionic, jQuery Mobile гэх мэт бүх томоохон платформуудад нэг дор оруулах боломжийг олгодог тусгай хэрэгслүүд байдаг. Гэхдээ ямар ч тохиолдолд та програмыг хөгжүүлэх, шинэчлэхийн тулд мэргэжилтнүүдтэй холбоо барих хэрэгтэй болно.

Танд гар утасны програм хэзээ хэрэгтэй вэ? Магадгүй та хэрэглэгчдэд түүнд ашигтай, удаан хугацааны туршид сонирхож болох зүйлийг санал болгож чадна. Жишээлбэл, хэрэв та сэтгэл зүйч бол нийтлэл, тест, асуултын хариултыг агуулсан, хэрэглэгч тодорхой цагийг үр бүтээлтэй өнгөрүүлдэг "Таны халаасны сэтгэл зүйч" нэртэй програм үүсгэж болно.

Асуулт нь та програмаас ямар үр дүнд хүрэхийг хүсч байна вэ? Сэтгэл судлаачийн хувьд энэ нь үйлчлүүлэгчдийн үнэнч байдлыг нэмэгдүүлэх, боломжит худалдан авагчдыг бодит худалдан авагчид шилжүүлэхэд хялбар байх болно; Хэрэв тэдэнд энэ програм таалагдвал сэтгэл зүйчдээ илүү итгэлтэй болж, зөвлөгөө авахаар ирэх магадлалтай.

Хэрэв төсөл нь хэрэглэгчдийн шууд харилцааг хамардаг бол гар утасны хувилбар болон гар утасны програм хоёулаа сайн сонголт байх болно, гэхдээ энэ нь хэцүү бөгөөд санхүүгийн хувьд үнэтэй төсөл байх болно.

Хэрэв төсөл нь мэдээллийн шинж чанартай бол, жишээлбэл, блог эсвэл мэдээллийн портал бол ердийн дасан зохицох загвар нь түүнд илүү тохиромжтой.

Таны сайтад хөдөлгөөн хийх шаардлагатай эсэх, аль сонголтыг сонгох талаар мэдээлэлтэй шийдвэр гаргахын тулд та ядаж вэб аналитик өгөгдлийг судалж, таны хэрэглэгчдийн хэдэн хувь нь мобайл төхөөрөмж ашиглан танай сайт руу нэвтэрч байгааг олж мэдэх хэрэгтэй.

Тохиолдлын 95% -д дасан зохицох чадвар хангалттай эсвэл гар утасны хувилбарсайт. Шинэ сайт үүсгэхдээ дасан зохицох чадварыг сонгох нь зүйтэй бөгөөд одоо байгаа сайтыг дайчлахдаа гар утасны өөр хувилбарыг боловсруулах нь ихэвчлэн илүү хурдан бөгөөд хялбар байдаг.

Ийм ноцтой сэдвийг нэг нийтлэлд багтаах боломжгүй, гэхдээ бид үндсэн мэдээллийг хэлэхийг хичээсэн. Сэтгэгдэл хэсэгт асуулт асууж болно, бид тэдэнд дэлгэрэнгүй хариулах болно.

Хэрэв та өөрийн сайтыг "дайчлах" шаардлагатай гэж аль хэдийн шийдсэн бол манай Дэмжлэгийн үйлчилгээнд бичээрэй, бид танд аль сонголт хамгийн тохиромжтой, ямар үнэтэй болохыг хэлэх болно.

P.S. Гар утасны хэрэглэгчидтэй ажиллах сэдвийг сонирхож буй хүмүүсийг 7-р сарын 16-нд болох мастер ангид урьж байна "

Дэлхий нийтийг дайчлах эрин үе. Ухаалаг гар утас хэзээ ч хаанаас ч интернетэд холбогдох боломжтой болсон. Заримдаа вэб сайт, олон нийтийн сүлжээг үзэх, мэдээлэл хайх, газрын зураг дээрээс газар хайх нь компьютерээс илүү тохиромжтой байдаг. Компьютер Үйлдлийн системүүдгар утасны интерфейс рүү ойртуулахыг оролдож байна. Компьютер болон гар утасны платформуудын хоорондох хил хязгаар улам нарийсч байна: хөдөлгөөнт төхөөрөмжүүд нь хүчирхэг, практик ажиллагаатай болсон бүрэн хэмжээний компьютер, мөн компьютерийн интерфейсийг энгийн дүрс, элементүүдийн ижил төстэй зохион байгуулалт, ижил төстэй дохио зангаа ашиглан гар утсанд ойртуулдаг.

Энэ хандлага нь сайтуудыг бий болгоход нөлөөлж чадахгүй. Менежерүүд "хөдөлгөөнт" сайтуудыг санал болгодог, үйлчлүүлэгчид хүсдэг, дизайнерууд зурдаг, зохион бүтээгчид, хачирхалтай нь, бичгийн хэв, програмистууд шийдлийг гаргаж ирдэг.

Мэдээжийн хэрэг, сайт үүсгэх үед энэ нь мобайл төхөөрөмж дээр хэрхэн ажиллахыг тодорхойлох нь илүү хялбар байдаг, гэхдээ хуучин үйлчлүүлэгчид болон тэдний хуучин, тийм ч сайн шийдэл олоогүй сайтууд байдаг. Хэдийгээр хэн нэгэн "хөдөлгөөнт" сайтуудыг хийх шаардлагагүй гэж боддог.

Тоо хэмжээ гэдгийг ойлгох хөдөлгөөнт урсгалүсрэлт, хязгаараар өсч байгаа нь ухаалаг гар утас, таблет дээр сайтыг зөв харуулах, ашиглахад хялбар шийдэл гаргах хэрэгцээг бий болгож байна. Би хоёрыг харж байна бодит шийдлүүд, үнэн хэрэгтээ өгүүллийн гарчигт заасан. Гурав дахь сонголт байдаг - гар утасны програм, гэхдээ бид энэ сонголтоос татгалздаг. Яагаад? Жишээлбэл, хэрэв би нэг удаагийн эсвэл ховор худалдан авалт хийх шаардлагатай бол ухаалаг утсандаа програм суулгахгүй, өөр сайт хайх нь илүү хялбар байдаг. Аппликейшн үүсгэх нь том төсөл эсвэл үйлчлүүлэгчдийн байнга ашигладаг төслийн хувьд ач холбогдолтой бөгөөд үүнийг нээхэд илүү тохиромжтой. тусдаа програмдамжуулан илүү гар утасны хөтөч. Одоо та хэнийг ч авсан хүн бүр өөрийн гэсэн өргөдөлтэй байдаг, гэхдээ үнэндээ тэдний ихэнх нь зүгээр л хэрэггүй.

Дасан зохицох загвар эсвэл гар утасны хувилбар гэсэн хоёр сонголт үлдсэн. Эхлээд эдгээр хоёр аргын ялгааг тодорхойлъё.

Дасан зохицох зохион байгуулалт.

Сайт нь агуулгыг өөрчлөхгүй. Энэ нь дэлгэцийн өргөн, өндөрт тохируулна. Агуулгын салангид хэсгүүдийг сунгаж эсвэл нарийсгаж, өөр өөрөөр жагсааж болно (3 багана байсан - тэдгээр нь нэг болсон), томруулж, товчлуурын доор нууж (гэхдээ алга болоогүй) (товчлуурын доор нуугдаж байгаа хамгийн түгээмэл зүйл бол цэс юм) ).

Гар утасны хувилбар.

Дэд домайн дээр хийгдсэн. Хамгийн түгээмэл сонголт бол m..website, pda..ru/mobile/ юм.

Хэрэглэгч нь хөдөлгөөнт төхөөрөмжөөс ирсэн бөгөөд шилжих боломжтой гар утасны хувилбар руу шилжсэн нь тогтоогдсон. бүрэн хувилбар. Гэсэн хэдий ч сайтын агуулга Гадаад төрхболон функциональ байдал нь эрс ялгаатай байж болно. Дүрмээр бол энэ ялгаа нь сайтыг хялбаршуулах, багасгах, юуны түрүүнд хөдөлгөөнт төхөөрөмж дээр хурдан ачаалахаас бүрдэнэ.

Гар утасны хувилбар эсвэл дасан зохицох загвар нь юу вэ?

Энэ асуудлыг ойлгохын тулд сонголт бүрийн давуу болон сул талуудыг анхаарч үзээрэй.

Нийтлэг давуу талууд байдаг:

хөдөлгөөнт төхөөрөмж дээр зөв харуулах;

хөдөлгөөнт төхөөрөмжид зориулагдсан.

Гар утасны хувилбар:

шаардлагагүй функцийг "таслах" чадвар

Дизайнерын төрөлх эх нь танихгүй байхаар сайтыг дахин төлөвлө. Мобайл хувилбар дээр элементүүд бүрэн хувилбараас огт өөр газар байвал энэ нь зайлшгүй шаардлагатай.

Серверийн тал дээр гар утасны хувилбарын ажиллагааг уян хатан удирдах, татаж авах хурдыг нэмэгдүүлэх боломжийг олгодог өөр эсвэл бага зэрэг өөрчлөгдсөн логикийг ашиглана уу.

Тусдаа домэйн, үүнээс болж SEO-үүд уйлах болно, учир нь хайлтын системийн хувьд энэ нь хоёр өөр сайт байх болно.

Ямар тохиолдолд бүрэн хувилбар руу шилжих хэрэгцээ. Жишээлбэл, бүрэн ажиллагаатай байхын тулд. Түүнчлэн, жишээлбэл, өөр сайт дээр гар утасны хувилбарын холбоос байгаа бол компьютерээс нэвтэрсэн хүмүүс нэмэлт үйлдэл хийх ("бүрэн хувилбар" дээр дарна уу) эсвэл ашиглахад тохиромжгүй хувилбарыг ашиглах шаардлагатай болно. компьютер.

Дасан зохицох байршил:

Сайт нь одоогийн нягтралд үргэлж тохируулдаг. Компьютер дээр хөтчийн цонхыг багасгах эсвэл хөдөлгөөнт төхөөрөмж дээр чиг баримжаа өөрчлөх үед.

Дүрмээр бол, энэ аргын тусламжтайгаар бүх элементүүд нь бүрэн хувилбартай ижил газруудад байрладаг бөгөөд бүрэн хувилбарыг мэддэг хэрэглэгчийн хувьд гар утастай ажиллахад хэцүү биш байх болно.

Ижил домэйн, ижил хаягууд. Дахин чиглүүлэлт байхгүй, сайтын зураг, роботтой холбоотой асуудал байхгүй. SEO нь инээмсэглэдэг.

Нарийн төвөгтэй, ачаалал ихтэй төслийг хөдөлгөөнт төхөөрөмж дээр нээхэд удаан хугацаа шаардагдана. Хамгийн багадаа 4G, дор хаяж 24G, Мобайл интернетгар утасны интернет юм.

Функцийг сонгох уян хатан байдал дутмаг. Компьютер дээр байсан бүх зүйл гар утсан дээр байх болно. Бүх элементүүд ижил (эсвэл бараг ижил) газруудад байдаг бөгөөд энэ нь үргэлж сайн байдаггүй. Ямар нэг зүйлийг устгахын тулд та үүнийг css-д нуух хэрэгтэй бөгөөд энэ нь шаардлагагүй функцийг арилгах боловч ачаалах хурдыг нэмэгдүүлэхгүй. Хэрэв эсрэгээр ямар нэг зүйл зөвхөн гар утсан дээр байх ёстой бол энэ нь үргэлж ачаалалтай байх бөгөөд зөвхөн өндөр нарийвчлалтайгаар нуугдах болно.

Жижиг нягтрал нь үргэлж хөдөлгөөнт төхөөрөмж биш юм. Магадгүй энэ нь зүгээр л бүтэн дэлгэц биш хөтөчийн цонх байж болох юм. Эхлээд харахад "яах вэ?". Гэхдээ зөвхөн хөдөлгөөнт төхөөрөмж дээр харуулах шаардлагатай зүйлүүд байдаг бөгөөд энэ тохиолдолд тэдгээр нь компьютер дээр гарч ирэх болно.

Дасан зохицох загвар эсвэл гар утасны хувилбарыг юу сонгох вэ?

Бидний харж байгаагаар эдгээр нь нэлээд ойрхон ойлголт боловч ялгаанууд байдаг.

Ямар сонголт хийх вэ гэдэг дээр.

Хэрэв энэ нь ачаалал ихтэй онлайн дэлгүүр эсвэл ямар нэгэн томоохон төсөл юм бол өндөр гүйцэтгэлтэй байхын тулд та гар утасны хувилбар хийх хэрэгтэй.

Хэрэв сайт нь тийм ч "хүнд" эсвэл бүр энгийн биш бол дасан зохицох загвар нь хамгийн сайн, гоёмсог, үзэсгэлэнтэй шийдэл байх болно.

Би гурав дахь хувилбарын төлөө саналаа өгч байна. Энэ нь дасан зохицох загвар хэвээр байгаа боловч эхэндээ оновчтой болгосон, өөрөөр хэлбэл хурдан ачаалагддаг. Энэ нь зөвхөн хөдөлгөөнт төхөөрөмжөөс нэвтэрсэн хэрэглэгчдэд төдийгүй компьютерээс хэрэглэгчдэд сайн хэрэг юм.

Хурдан сайт бол сайн сайт юм.

Техникийн даалгавар, дизайныг боловсруулах үе шатанд ч гэсэн сайт нь жижиг дэлгэц дээр хэрхэн харагдахыг тодорхойлох шаардлагатай. Мөн хурд, олон талт байдлын үүднээс зарим шаардлагагүй функцээс татгалзахад бэлэн байгаарай. Мөн сайтыг үүсгэгч хөгжүүлэгчид өгөгдлийн сангийн асуулгыг оновчтой болгох, үүний дагуу тэдний тоог цөөлөх, сервер болон үйлчлүүлэгчийн хэсгүүдийн кодыг оновчтой болгох асуултыг өөрөөсөө асуух хэрэгтэй.

Хариуцлагатай зохион байгуулалт нь хамгийн сайн сонголт юм. Мөн ажлын даалгаврыг бүрдүүлэх үе шатанд энэ талаар бодох нь дээр. Дараа нь хойшлуулсан энэ төрлийн асуудал дахин гарч ирж болно:

• Мобайл хайлтын үр дүн буурч, улмаар гар утасны төхөөрөмжөөс зочлох тоо буурч байгаа SEO оновчтой болгогчид (мөн энэ нь асар их хүмүүсийн тоо байнга нэмэгдэж байна);
• Программистууд сайтыг ухаалаг гар утсан дээр "ядаж ямар нэгэн байдлаар" харагдуулах, дараа нь дасан зохицох тохиргоог өөрчлөх эсвэл гар утасны хувилбарыг бий болгоход цаг зарцуулсан.
• сайтын эзэд алдсан үйлчлүүлэгчид,Утсан дээрх вэбсайт нь үүргээ гүйцэтгэж, зөв ​​харагдаж байгаа өрсөлдөгчид рүү хэн очих вэ.

Хөдөлгөөнт төхөөрөмжийн өсөлт гарч ирснээр хөгжүүлэгчид өөрсдийн сайтуудын гар утасны хувилбаруудыг "бүрэн эрхт" хувилбаруудтай хамт байлгах уу, эсвэл сайтууд хариу үйлдэл үзүүлж, өөр өөр дэлгэцийн хэмжээтэй таарч тохирох уу?

Одоогийн байдлаар сайтуудын гар утасны хувилбарыг бүтээхдээ тэдгээрийг бүтээх 3 үндсэн арга байдаг.

• Дасан зохицох загвар;
• Сайтын тусдаа гар утасны хувилбар;
• RESS (Responsive Design + Server Side).

Арга тус бүр нь давуу болон сул талуудтай тул би үүнийг нарийвчлан тайлбарлахыг хичээх болно.

Дасан зохицох загвар

CSS3 Media Queries нь хариу үйлдэл үзүүлэх дизайныг хэрэгжүүлэхэд түгээмэл хэрэглэгддэг. Дэлгэцийн хэмжээнээс хамааран хэрэглэгч өөр зургийг харах болно:

@media дэлгэц ба (хамгийн их өргөн: 1600px) ( div.for-example (өргөн: 1500px;) ) @media дэлгэц ба (хамгийн их өргөн: 1280px) ( div.for-example (өргөн: 1100px;) ) @media дэлгэц ба (хамгийн их өргөн: 1024px) ( div.for-example (өргөн: 980px;) )

Responsive дизайны давуу тал

• Хөгжлийн хялбар байдал -дасан зохицох байршлын тусламжтайгаар сайтын бүх бүтэц нь өөр өөр дэлгэцийн өргөнд автоматаар тохируулагддаг. Ажиллаж буй бүтээгдэхүүнтэй болохын тулд бүх зүйлийг эхнээс нь бичих шаардлагагүй - CSS болон HTML-г өөрчлөхөд л хангалттай ... Bootstrap гэх мэт фреймворкууд байгаа тул ийм хөгжүүлэлт нь стандарт хэрэгжүүлэлтийн хувьд тийм ч хэцүү биш юм. Үүнээс гадна ийм бүтээгдэхүүнийг дэмжих нь харьцангуй энгийн ажил байх болно.
• Нэг URL -Энэ нь биднийг шаардлагагүй дахин чиглүүлэлтээс аварч, хэрэглэгч гар утасны хувилбарын хаягийг санах хэрэгтэй (энэ нь зүгээр л угтвар m байсан ч гэсэн). Мөн нэг хаяг байгаа нь хайлтын системд "илүү тохиромжтой" байх тул сайтыг сурталчлахад эерэгээр нөлөөлнө.

Responsive дизайны сул талууд

• Төрөл бүрийн даалгавар -Томоохон сайтуудын "хөдөлгөөнт" хэрэглэгчдийн ердийн даалгавар нь компьютерийн хэрэглэгчдийнхээс ихэвчлэн ялгаатай байдаг. Хэрэв та банкны үйлчлүүлэгч бол сайтын гар утасны хувилбар дээр хамгийн ойрын салбаруудын хаяг, АТМ гэх мэт маш хязгаарлагдмал мэдээллийг сонирхож магадгүй юм.
  Ерөнхийдөө дасан зохицох байршлын хувьд хамгийн түгээмэл арга бол ердийн сайтын хуулбарыг хийх, утасны байршлын бүх бүлгийн хэрэгцээг хэрэгжүүлэх явдал юм. зорилтот бүлэг. Гэхдээ дараа нь та ашиглах чадварыг мартаж болно. Зочдын таван хувьд шаардлагатай хоёрдогч хэсгүүд нь ихэнх үйлчлүүлэгчдэд хүндрэл учруулах болно.
Сайтуудын "жин" нь хэрэглэгчдийн хувьд ноцтой саад тотгор хэвээр байна гар утас. Энэ нь ширээний сайтуудын зарим идэвхтэй элементүүд, тухайлбал суулгагдсан газрын зураг, видео, зээлийн тооцоолуур, хөдөлгөөнт сайтууд дээрх хөдөлгөөнт цэсийг илүү хөнгөн хувилбараар солих ёстой гэсэн үг юм. Хариуцлагатай дизайн бидэнд ийм чадварыг өгч чадах уу? Түгээмэл хэрэгжүүлэлтийн хувьд жижиг дэлгэцтэй хэрэглэгч зөвхөн нэг хэсгийг нь харахын тулд хуудсыг бүхэлд нь ачаалах ёстой. Жишээлбэл, үндсэн байршлын ширээний хувилбар нь 200 Кб жинтэй бол гар утасны хувилбар нь өөр 50 Кб жинтэй бол та үүнийг үзэхийн тулд 250 Кб татаж авах хэрэгтэй болно. Мэдээжийн хэрэг, та хуудасны кодын шахалтыг ашиглаж болно, гэхдээ серверт нэмэлт хүсэлтүүд хэвээр байх болно.
• Найдваргүй байдал -Хөдөлгөөнт хувилбарын маргаангүй давуу талуудын нэг: хэрэв танд таалагдахгүй бол та үүнийг унтрааж, ердийн домэйн руу шилжих боломжтой. Хариуцлагатай дизайны вэбсайтууд энэ энгийн боловч чухал сонголтыг өгдөггүй. Хэрэв захиалгат зохион байгуулалт нь тохиромжгүй, алдаатай эсвэл чухал навигацийн элементийг нуусан бол үүнийг орхи: үүнийг дахин харахын тулд та юу ч хийж чадахгүй. Та ширээний компьютер эсвэл өрсөлдөгчийн вэбсайт хайхын тулд гүйх хэрэгтэй болно. Та энэ хязгаарлалтыг даван туулахын тулд "суга таяг" гаргаж болно (жигнэмэг ашиглаж, өөр өөр загварын хуудас оруулах). Гэхдээ энэ арга нь хөгжлийг хүндрүүлдэг.

Ерөнхийдөө, дээрх сул талуудыг үл харгалзан дасан зохицох загварт гар утасны хувилбарыг хөгжүүлэх санаа нэлээд түгээмэл байдаг. Ялангуяа энэ үзэл баримтлалыг Google гэх мэт аварга том компаниуд бүрэн дэмждэг.

Сайтын тусдаа гар утасны хувилбар

Сайтыг гар утасны хэрэглэгчдэд тохиромжтой болгохын тулд тэд ихэвчлэн ухаалаг утас / таблет ашиглан хэрэглэгчдэд зориулагдсан сайтуудын тусдаа хувилбаруудыг бий болгодог. Хамгийн түгээмэл арга бол гар утасны хэрэглэгчдийг тусгай дэд домайн (m.example.com, mobile.example.com гэх мэт) руу чиглүүлэх явдал юм. Магадгүй, тохиолдлын 99% -д гар утасны хувилбар нь хасагдсан үндсэн хувилбар байж магадгүй бөгөөд зөвхөн хөгжүүлэгчдийн үзэж байгаагаар хөдөлгөөнт төхөөрөмж, таблет хэрэглэгчдэд хэрэгтэй бөгөөд хэрэгтэй функцээр л байх болно.

Гар утасны хувилбарын давуу тал

• Өөрчлөлтийн хялбар байдалЭнэ сайт нь үндсэн хувилбараас тусдаа байдаг тул гар утасны хувилбар нь ихэвчлэн шаардлагагүй, шаардлагагүй функцийг хангадаггүй тул зөвхөн гар утасны хувилбартай холбоотой өөрчлөлтийг хийхэд илүү хялбар байдаг.
• Хэрэглэгчийн ээлтэй байдал -гар утасны хувилбар нь ихэвчлэн ширээний хувилбартай харьцуулахад маш хялбаршуулсан байдаг тул хэрэглэгч шаардлагатай мэдээллээр хол явах шаардлагагүй болно.
• Хурд -сайтын ижил хялбаршуулсаны улмаас гар утасны хувилбар илүү хурдан ачаалагддаг. Энэ нь GPRS эсвэл сул 3G ашиглаж байгаа хэрэглэгчдэд зайлшгүй шаардлагатай.
• Сонголт -Ихэнх тохиолдолд гар утасны хувилбарт сайтын үндсэн хувилбар руу шилжих боломжтой байдаг.

Гар утасны хувилбарын сул тал

• Олон хаяг -
• Хэрэглэгчийн таагүй байдал -ширээний болон гар утасны хувилбаруудын өөр өөр хаягууд. Зарим хүмүүсийн хувьд энэ нь нэмэлт зүйл болж хувирдаг бол зарим хүмүүсийн хувьд энэ нь сайтыг хялбархан үзэхийн тулд өөр нэг хаягийг санах хэрэгтэй бол маш ядаргаатай хүчин зүйл болж магадгүй юм. Хайлтын системтэй холбоотой асуудлууд бас байдаг: давхардсан контентоос зайлсхийхийн тулд SEO нь rel = "alternative" болон rel = "canonical" мета шошго ашиглах хэрэгтэй. Үүнээс гадна, гар утасны хэрэглэгч үед Google-ийн хайлтҮр дүнгийн холбоос дээр дарвал түүнийг ширээний хувилбар руу шилжүүлэх эсвэл гар утасны хувилбар руу дахин чиглүүлэх болно. Гэхдээ энэ хуудасны гар утасны хувилбар байхгүй бол алдаа гарна.
• Хязгаарлалт -Тусдаа гар утасны сайт үүсгэх нь зарим агуулга, функцээс салах гэсэн үг юм. Нэмж дурдахад, та мэдээллийн ерөнхий дүр төрхөд сөргөөр нөлөөлж болох хоёр өөр агуулгатай байж болно.

Ерөнхийдөө сайтуудын гар утасны хувилбарыг бий болгох нь ялангуяа томоохон төслүүдийн хувьд өөрийгөө зөвтгөдөг. Жишээлбэл, Amazon сайтын тусгай, гар утасны хувилбарыг ашигладаг.

RES

Google өөрөө хэдийгээр вэбмастерууд хариу үйлдэл үзүүлэх дизайныг ашиглахыг дэмждэг ч бүтээгдэхүүндээ өөр систем ашигладаг. Хэрэв та зочилвол, жишээлбэл, нүүр хуудасөөр өөр хэрэглэгчийн агентуудын доор та өөр өөр төхөөрөмжүүдийн өөр өөр HTML-г харж болно. RESS - Хариуцлагатай дизайн + Сервер тал. Хэрэгжүүлэх жишээ, "өвдөг дээр" зурсан:

$DS = DIRECTORY_SEPARATOR; require_once(dirname(__FILE__) . $DS . "номын сангууд" . $DS . "browser.php"); $device = BBrowser::detectDevice(); if($device == DEVICE_TYPE_MPHONE)( $tmpl = "template.m.php"; ) else if($device == DEVICE_TYPE_TABLET)( $tmpl = "template.t.php";) else( $tmpl = "загвар .php"; ) оруулах(dirname(__FILE__) . $DS . "загварууд" . $DS . $tmpl);

RES-ийн давуу тал

Үнэн хэрэгтээ, уг арга нь хэрэгжилтээс хамааран сайтуудын тусдаа гар утасны болон хариу үйлдэл үзүүлэх хувилбаруудын ашиг тусыг агуулж болно. Шинэ зүйлээс:

• Замын хөдөлгөөнийг багасгах -Шаардлагагүй JavaScript-г HTML-ээс устгаж болох бөгөөд энэ нь хөдөлгөөнт төхөөрөмж дээрх CPU, санах ой, кэшийг чөлөөлдөг. Энэ нь мөн тусгайлан оновчтой html болон css байж болно.
• Зорилтот чиглэлийг ашиглах боломжтой -Жишээлбэл, Android төхөөрөмжүүдийн хувьд GooglePlay-ээс, Apple-ийн хувьд iTunes-ээс програмыг татаж авахыг санал болгож байна. Төхөөрөмж бүрийн хувьд та өөрийн зохион байгуулалтыг хийж болно.

Сул талууд

• Хөгжлийн бэрхшээлтэйИйм арга нь серверийн зохих тохиргоо, илүү олон програмистуудын ажлыг шаарддаг. Мөн хэд хэдэн зүйлийг хийх шаардлагатай болно янз бүрийн сонголтуудзохион байгуулалт.
• Төхөөрөмжийг илрүүлэх механизм -Харамсалтай нь бидний үед ч гэсэн төгс төгөлдөр болоогүй байна. Хэн нэгний ховор утсыг хөдөлгөөнт төхөөрөмж гэж тодорхойлдоггүй тухай түүхүүд байнга гарч ирдэг.

Ерөнхийдөө RESS нь санал болгож буй гурван хувилбараас хамгийн шилдэг нь боловч хөгжүүлэлтийн явцад илүү их хүчин чармайлт шаарддаг.

Дүгнэлт

Миний хувийн бодлоор хүн бүр ашиглах ёстой хамгийн тохиромжтой сонголт байдаггүй. Хамгийн сайн сонголтминий хувьд энэ бол RESS. Гэсэн хэдий ч, энэ нь хэрэгжүүлэхэд маш их хүчин чармайлт шаарддаг тул ховор сонголтуудын нэг юм. Ерөнхийдөө сайтын мөн чанар, чиглэлээс хамааран бүх 3 сонголт нь давуу болон сул талуудтай байдаг.

Дасан зохицох дизайн эсвэл сайтын гар утасны хувилбар аль нь илүү болохыг тодорхойлохын тулд эхлээд энэ бүхэн юунд зориулагдсан болохыг ойлгох хэрэгтэй.

comscore.com сайтын мэдээлснээр мобайл төхөөрөмж дээр вэбсайт үзэж буй хэрэглэгчдийн хувь жил бүр нэмэгдэж байна.

Идэвхтэй захиалагчийн суурь хөдөлгөөнт дамжуулалтөгөгдөл, дэлхий, сая хүн, 2007–2015

Үүний үр дүнд шинэ алгоритмуудыг боловсруулсан Хайлтын системүүд, мөн түүнчлэн зэрэглэлийн нэмэлт хүчин зүйлсийг нэвтрүүлсэн: одоо Хайлтын үр дүнсайт нь гар утсанд хэр ээлтэй вэ (мобайл төхөөрөмж дээр үзэхэд хялбар) зэргийг харгалзан үздэг. Google-д гар утсанд ээлтэй алгоритмыг 2015 оны 4-р сарын 21-нд, Yandex - Владивосток хотод 2016 оны 2-р сарын 2-нд эхлүүлсэн.

Сайтын ширээний хувилбар болон хөдөлгөөнт төхөөрөмжид тохирсон хувилбар

Хайлтын системүүд вэб хуудас нь гар утсанд ээлтэй эсэхийг хэрхэн тодорхойлдог:

• хуудсууд нь үзэхийн тулд хэвтээ гүйлгэх, томруулах шаардлагагүй контент агуулсан байх ёстой;
• сайт нь олон хөдөлгөөнт төхөөрөмж дээр ажилладаггүй элементүүдийг агуулж болохгүй - Flash, Java апплетууд болон Silverlight залгаасууд;
• хуудсууд дээрх текстийг масштабгүйгээр унших боломжтой байх ёстой;
• холбоосууд нь товшиход хялбар байхын тулд хангалттай зайтай байх ёстой.

Хамгийн чухал нь хайлтын системүүд вэбсайтуудыг хоёрдмол утгагүйгээр үнэлдэг - гар утсанд ээлтэй эсвэл үгүй.

Google PageSpeed ​​​​Insights хэрэглүүрийг (https://developers.google.com/speed/pagespeed/) ашиглан та өөрийн сайт дээрх хуудсууд хэр хурдан ачаалагдах, мөн тэдгээрийг ашиглах боломжтой эсэхийг тодорхойлох боломжтой. PageSpeed-ийн оноо нь хуудас ачаалах хурд болон хэрэглэгчийн туршлагын хувьд 0-ээс 100 хүртэл байж болно, жишээлбэл:

85 ба түүнээс дээш оноог сайн гэж үзнэ.

Хэрэв сайтын хуудас нь үйлчилгээний шаардлагыг хангаагүй бол алдааг олж засварлах зөвлөмж хэлбэрээр тайлан гаргадаг, жишээлбэл:

Энэ үйлчилгээг вэбсайтын анхны оношлогоо, алдааг олж засварлахад ашиглаж болно.

Ямар тохиолдолд сайтуудад зориулсан хөдөлгөөнт эсвэл дасан зохицох хувилбарыг боловсруулах шаардлагатай вэ?

Сайтыг "хөдөлгөөнт" үзэгчдэд тохируулах нь зүйтэй эсэхийг ойлгохын тулд вэб аналитик системд дүн шинжилгээ хийх хэрэгтэй (Yandex.Metrica эсвэл Google Analytics) хэрэглэгчид сайт руу нэвтэрч буй төхөөрөмжүүдийн контекст дэх урсгалаар. Хэрэв үзэгчдийн 15-аас дээш хувь нь ухаалаг утас, таблет ашигладаг бол дасан зохицох загвар эсвэл гар утасны хувилбарыг боловсруулахыг зөвлөж байна. Сайтын урсгалыг харгалзан үзэх нь чухал юм. Жишээлбэл, олон тооны зочинтой сайтуудын хувьд (1,000,000 ба түүнээс дээш) сайтын траффикийн ийм том сегментийг үл тоомсорлож болохгүй тул энэ мөрийг бууруулдаг.

Сайтын гар утасны хувилбар

гар утасны хувилбар- хөдөлгөөнт төхөөрөмж дээр харуулахад тохирсон тусдаа хувилбар эсвэл тусдаа загвар. Энэ нь сайтын үндсэн хувилбарт байгаа бүх блокуудыг харуулахгүй байж магадгүй юм.

Гар утасны хувилбарын "тусгай тэмдэг": үүн рүү шилжих үед хаягийн мөрХөтөч, URL өөрчлөгддөг - "m." угтварыг нэмсэн, жишээлбэл: m.example.ru.

Компьютерийн дэлгэц болон хөдөлгөөнт төхөөрөмж дээр үзэх: гар утасны хувилбар нь үндсэн хувилбараас ялгаатай

Дасан зохицсон гар утасны хувилбартай сайтын жишээ: http://www.lamoda.ru/ (m.lamoda.ru).

Сайтын гар утасны хувилбарын гол давуу талууд

• Хөнгөн жин, үр дүнд нь ачаалах хурд өндөр. Энэ нь интернетийн хурд багатай (GPRS эсвэл сул 3G) хэрэглэгчдэд зайлшгүй шаардлагатай.
• Хэрэглэгчид аль хувилбарыг үзэхээ сонгохыг зөвшөөрөх (гар утас эсвэл үндсэн).
• Хөдөлгөөнт төхөөрөмж дээр сайтыг үзэхэд хялбар байх үүднээс хайлтын системийн шаардлагыг дагаж мөрдөх.

Гар утасны хувилбарын сул тал

• Хэрэв та сайтад өөрчлөлт оруулах шаардлагатай бол тэдгээрийг сайтын ердийн хувилбар болон гар утасны аль алинд нь хийх шаардлагатай болно, өөрөөр хэлбэл ажлын хэмжээ 2 дахин нэмэгдэх болно.
• Үүнийг боловсруулахдаа ихэвчлэн агуулгын зарим хэсгийг орхих шаардлагатай болдог.
• Сайтын гар утасны болон ширээний хувилбарууд өөр өөр домэйн дээр байдаг тул энэ нь сайжрахгүй зан үйлийн хүчин зүйлүүдүндсэн домэйн, өөрөөр хэлбэл энэ нь SEO оновчтой болгоход хасах болно.

Энэ бол вэб хуудасны тусгай дизайн бөгөөд сайтын элементүүд өөр өөр дэлгэцийн нягтралтайгаар хэмжээ, байрлалаа өөрчилдөг. Энэ сайт нь компьютерийн дэлгэц, ухаалаг гар утас, таблет аль нь ч байсан нээгдсэн төхөөрөмжийн хэмжээтэй автоматаар тохируулдаг. Энэ төрлийн зохион байгуулалтын ачаар сайтыг тохь тухтай, тодорхой харуулах болно янз бүрийн төхөөрөмж. Дасан зохицох дизайны технологийг ашигласнаар сайтын үйл ажиллагаа огтхон ч зовдоггүй.

Компьютерийн дэлгэц болон хөдөлгөөнт төхөөрөмж дээр үзэх - дасан зохицох хувилбар нь үндсэн хувилбараас ялгаатай

Дасан зохицох хувилбар бүхий сайтын жишээ: http://www.mvideo.ru/.

Mobile Responsive дизайны давуу тал

• Бүх контентын нэг URL.
• Уян хатан интерфэйс - та ямар ч дэлгэцийн өргөнтэй сайтын тав тухтай дэлгэцийг тохируулах боломжтой.
• Хариуцлагатай дизайн нь мобайл төхөөрөмж дээр сайтыг үзэхэд хялбар байх үүднээс хайлтын системийн шаардлагыг хангасан.
• Хэрэв сайт нь дасан зохицох хувилбартай бол хөдөлгөөнт төхөөрөмж дээр зан үйлийн хүчин зүйлүүд сайжирч, энэ нь сайтын ерөнхий гүйцэтгэлийг сайжруулдаг. Хайлтын үр дүнд эрэмбэлэхийн тулд энэ нь том нэмэх болно.

Хөдөлгөөнт төхөөрөмжид зориулсан мэдрэмжтэй дизайны сул талууд

• Дэлгэцийн нягтрал бүрийн хувьд сайтын хуудасны байршлыг тусад нь бий болгох хэрэгцээ.
• Дасан зохицох хувилбар нь гар утасны хувилбараас ялгаатай нь шилжих боломжгүй энгийн горим. Энэ нь хэрэглэгч сайтыг харуулах сонголтгүй гэсэн үг юм. Дасан зохицох хувилбарт алдаа гарсан тохиолдолд сул тал нь хамааралтай болно - жишээлбэл, элементүүдийг буруу харуулсан.
• Шинэ хуудасны загвар нэмэхэд төвөгтэй байдаг, учир нь тэдгээрийг дасан зохицох хувилбар дээр зөв харуулахын тулд тохируулах шаардлагатай болно. Хэрэв та одоо байгаа хуудасны загварт мэдээлэл нэмбэл дэлгэцийн асуудал гарахгүй.

Аль нь илүү дээр вэ: гар утасны төхөөрөмжид тохирсон загвар эсвэл сайтын гар утасны хувилбар уу?

Сайтын хамгийн сайн шийдэл бол хөдөлгөөнт төхөөрөмжид дасан зохицох байршлыг ашиглах явдал юм. Хэд хэдэн дутагдалтай байсан ч дасан зохицох зохион байгуулалттай сайт нь илүү ажиллагаатай байдаг. Түүнчлэн, хуудасны загвар байгаа нь контент нэмэх ажлыг давхардуулдаг гар утасны хувилбараас ялгаатай нь сайтад контент нэмэхэд хялбар гэсэн үг юм, учир нь үнэндээ хоёр өөр сайт байдаг. Дасан зохицох хувилбар нь үндсэн сайтын зан үйлийн хүчин зүйлийг сайжруулдаг нь том давуу тал юм. Энэ нь сурталчлах, ашиглахад тохиромжтой. Үүн дээр үндэслэн бид дасан зохицох байршлыг сонгохыг зөвлөж байна.

Тэнд бид дасан зохицох загвар яагаад хэрэгтэй вэ, түүний давуу тал нь юу вэ? Нийтлэлээс харахад дасан зохицох загвар шаардлагатай бөгөөд хүн бүрт хэрэгтэй. Өнөөдөр бид сайтын хувьд юу илүү дээр болохыг авч үзэх болно: дасан зохицох загвар эсвэл тусдаа гар утасны хувилбар.

гар утасны хувилбар

Сайтын гар утасны хувилбар нь ухаалаг гар утас, таблетад зориулагдсан сайтын тусдаа хувилбар юм. Ихэвчлэн дизайнтай байдаг оновчтой болгосонхөдөлгөөнт төхөөрөмжүүдэд зориулагдсан бөгөөд ингэснээр агуулгыг хүн унших боломжтой хэлбэрээр үзүүлж, ачаалах нь бараг тэр даруй хийгддэг. Ихэвчлэн m.site.ru эсвэл mobile.site.ru хэлбэрээр дэд домайн дээр байрладаг.

Давуу тал

Тав тухтай байдал

Хэрэглэгчид нааш цааш болон диагональ байдлаар гүйлгэх шаардлагагүй зөв агуулгыг хайж байна, хүссэн бичвэрээ уншихын тулд нэмэгдүүлэх-багаруулах. Сайтыг бүхэлд нь нэг баганад байрлуулсан бөгөөд та үүнийг дээрээс доош гүйлгэх хэрэгтэй. Бүх агуулга нь ихэвчлэн бүтэцтэй, логик блокуудад хуваагддаг.

Татах хурд

Дүрмээр бол гар утасны хувилбарын загвар нь маш хялбаршуулсан бөгөөд код, скриптийг багасгасан бөгөөд энэ нь сайтыг хөдөлгөөнт төхөөрөмж дээр маш хурдан ачаалахад хүргэдэг.

Сайтын засварууд

Гар утасны хувилбар нь үнэндээ тусдаа сайт бөгөөд энэ нь өөрчлөлт хийхэд хэцүү биш гэсэн үг юм. Өөрчлөлтүүд нь зөвхөн гар утасны хувилбарт нөлөөлж, ширээний хувилбарт нөлөөлөхгүй байх талаар санаа зовох хэрэггүй.

Үндсэн хувилбар руу шилжиж байна

Ихэнх тохиолдолд хэрэглэгч гар утасны хувилбарт байхгүй функцийг ашиглах шаардлагатай бол ямар ч асуудалгүйгээр сайтын үндсэн хувилбар руу шилжих боломжтой болно.

Алдаа дутагдал

давхардал

Өөр өөр дэд домайн дээр давхардсан контент нь хайлтын системийн сурталчилгаанд сөргөөр нөлөөлдөг. Дүрмээр бол програмистууд гар утасны хувилбарыг бий болгох, SEO мэргэжилтнүүд сурталчилгаа хийх ажилд оролцдог. Туршилтын хувилбар дээр SEO мэргэжилтнүүдийн бүх хүслийг харгалзан үзсэн ч гэсэн тэд анхны хэлбэрээрээ байлдааны хувилбар руу шилжих нь үнэн биш юм. Ихэнхдээ шилжүүлгийн явцад ямар нэг зүйл өөрчлөгддөг, ямар нэг зүйл нэмэгддэг. Үүний үр дүнд бид гар утасны хувилбарт давхардсанаас болж зэрэглэл тогтоох асуудал гарч болзошгүй.

Шинэчлэх

Үндсэн сайтад нэмсэн бүх контентыг гар утасны хувилбар дээр хуулбарлах шаардлагатай болно. Хэрэв сайт нь, жишээлбэл, байгаа бол мэдээллийн порталбөгөөд өдөр бүр шинэчлэгддэг, энэ нь нэлээд үнэтэй процесс байж болно.

Функциональ хязгаарлалт

Хөдөлгөөнт хувилбарт хүнд функциональ шийдвэрийг ихэвчлэн шилжүүлдэггүй. Ихэвчлэн гар утасны сайт үүсгэхээс өмнө гар утасны төхөөрөмжөөс хэрэглэгчдийн хүсэлт, зан төлөвт дүн шинжилгээ хийдэг бөгөөд энэ өгөгдөл дээр үндэслэн зөвхөн гар утасны зочдод үнэхээр чухал зүйлийг өгдөг.

Гар утасны хувилбар нь өөрийгөө сайнаар нотолсон бөгөөд вэбмастерууд ихэвчлэн ашигладаг хэвээр байна. Үүнтэй ижил зүйлийг мобайл програмуудтай холбож болно. Гэхдээ энэ нь аль хэдийн маш үнэтэй бөгөөд дундаж сайт нь гар утасны програм хөгжүүлэх боломжгүй юм.

Дасан зохицох зохион байгуулалт

Дасан зохицох загвартай вэбсайт нь ширээний болон хөдөлгөөнт төхөөрөмж дээр адилхан харагддаг.

Давуу тал

Хэрэгжүүлэхэд хялбар

Дүрмээр бол дасан зохицох байршлын хувьд дэлгэцийн өргөнийг хүссэн дэлгэцийн хэмжээгээр тохируулдаг. Энэ бүгдийг HTML болон CSS ашиглан хийж болно. Орчин үеийн CMS болон хүрээ нь үүнийг хэдхэн товшилтоор хийх боломжийг танд олгоно. Тийм ээ, орчин үеийн загварууд нь дасан зохицох загварыг нэн даруй өгдөг. Үүнийг суулгахад л үлдэх үү? Хэдэн минутын дотор та ямар ч үзэгчдэд тохиромжтой дасан зохицох загвартай болно.

SEO

Хэрэв мобайл хувилбарт бид өөр өөр дэд домайн дээр давхардсан контенттой тулгарвал энд ийм асуудал байхгүй. Хуудас нэг хаягтай (URL) байх уу? мөн дэлгэцийн нягтрал эсвэл төхөөрөмжийг өөрчлөх үед бид дизайныг зөрчихгүй эсвэл гар утасны хувилбар руу дахин чиглүүлэхгүй. Энэ сонголт нь гар утасны хувилбар дээрх robots.txt дээрх rel="canonical" шинж чанарууд эсвэл хориглолтоос илүү давхардсан контентын асуудлыг шийддэг.

Алдаа дутагдал

хүнд байдал

Ихэвчлэн дасан зохицох чадвартай бол бүх функцууд үлддэг. хэрэглэгчид ашиглах боломжтой. Энэ нь гар утасны зочдод овоо скрипт, маш их мэдээлэлтэй тулгарах магадлалтай бөгөөд үүнийг ухаалаг гар утасны жижиг дэлгэц дээр шууд харуулахад хэцүү байх болно гэсэн үг юм. Ширээний компьютерт 200-250 КБ хэмжээтэй байх нь хэвийн үзэгдэл боловч гар утас нь ихэвчлэн 50 КБ-аас бага хэмжээтэй байдаг.

Айлчлалын зорилго

Ихэнхдээ хэрэглэгчид холбоо барих хаяг, чиглэл, салбаруудын бэлэн байдал гэх мэтийг мэдэхийн тулд сайт руу ордог. Мөн зарим сайтууд дээр тэд зорилгодоо хүрэхийн тулд хэд хэдэн хүнд хуудсуудыг давах шаардлагатай болно.

Сонголт байхгүй

Мобайл хувилбар дээр, хэрэв программист блокийг хазайлгаж, утсаа логоны ард нуусан бол та үргэлж ширээний хувилбар руу шилжиж, ядаж масштабаар сольж болно, гэхдээ холбоо барих мэдээллийг харна уу. Хэрэв программист дасан зохицох зохион байгуулалттай төөрөлдвөл та юу хүсч байгаагаа олж мэдэхийг хичээх хэрэгтэй бөгөөд хүн бүр үүнийг хийж чадахгүй. Тиймээс дасан зохицох загвар нь эхлээд маш сайн, чадварлаг бичигдсэн байх ёстой бөгөөд дараа нь яг л чадварлаг туршиж үзэх ёстой.

Доод шугам: дасан зохицох байршил эсвэл гар утасны хувилбар уу?

Энд ганц зөв хариулт алга. Даалгавар бүрийн хувьд сонгосон хамгийн сайн сонголт. Нэг сайтад тохиромжтой мэдрэмжтэй дизайн нь өөр тохиолдолд ашиглахад асуудал үүсгэдэг. Том тоглогчид болон том сайтуудад зөвхөн хэрэглэгчдэд хэрэгтэй функцийг агуулсан гар утасны программ хийх нь илүү хялбар байж магадгүй юм.

Бидний бодлоор хэрэв танд зөвхөн мэдээллийн сайт байгаа бол дасан зохицох загвар нь төгс төгөлдөр юм. Текст болон зургийг шахах нь ашиглах чадвараа алдалгүйгээр сайт дээрх асар том тооны машиныг хэрхэн эргүүлэхээ шийдэхээс хамаагүй хялбар байдаг.

Гэхдээ хэрэв та сайт дээр байгаа бол Хувийн бүсасар том функцтэй эсвэл түүний сайтыг дасан зохицох дизайн руу шилжүүлэхэд хэцүү байх болно, гар утасны хувилбарыг гаргах нь илүү хялбар бөгөөд хэрэглэгчдэд зориулсан бүх хэрэгслийг байрлуулахад тохиромжтой.

Хэрэв танд вэбсайт байхгүй байгаа бөгөөд та үүнийг бүтээх талаар бодож байгаа бол хариу үйлдэл үзүүлэх дизайныг даруй хөгжүүлсэн нь дээр.