Мобилна верзија сајта: како направити? Одговарајући дизајн

Данас, већина људи иду на мрежи путем мобилних гаџета - таблете, телефона, у вези са оптимизације сајта као нови ниво. Ако корисник дође и види да сајт није оптимизован за мобилне уређаје: Не можете видети слику, скинула дугме, малих и нечитљив фонтове, дизајн искривљену - 99 од 100% да ће изаћи и да ће почети да трага за другом згодније. Финишер ће ставити чек да ресурс није релевантно, т. Д. Зар не подудара са претрагу. Дакле, дизајн странице увек треба да буде прилагођен различитим мобилним уређајима. Шта је мобилна верзија сајта, како се то ради, и који је бољи начин да се пријаве? Прочитајте више у овом чланку.

Дакле, постоје четири кључна начина да се прилагоде сајт за мобилне верзије.

Метод један - одговара дизајн

Адаптиве обрасци предлажу промену слике сајт, у зависности од величине екрана. Генерално, они су постављени на стандардне 1600, 1500, 1280, 1100, 1024 и 980 пиксела. За имплементацију употребу ЦСС3 медијске упите. Сам дизајн сајта се не мења.

Предности ове методе треба да садржи:

• удобан дизајн као и сама структура прилагођава подешавања екрана, а свака исправка не захтевају развој дизајна од нуле, што је довољно да подесите ЦСС и ХТМЛ;
• један на УРЛ - корисник не мора да се сетим неколико имена, нема потребе за преусмеравање (прослеђивање са једне адресе на другу), који може да компликује рад вебмастере, а сеарцх енгине лакше за сортирање и рангира ресурс са једним адресу.

Наравно, адаптивни шаблони имају своје недостатке, који, узгред, више него заслуга. Међутим, многи програмери придржавају овом концепту, на пример Гоогле корпорација, мобилна верзија сајта који има одговарајући дизајн. Тако, недостаци:

• Одговарајући дизајн не подржава исте задатке на мобилном уређају као на рачунару. Ако је, на пример, је мобилна верзија сајта банке, где је вероватно бити важне информације о курсу или најближем банкомату корисник, онда овај дизајн је сасвим довољно. Али, ако је то комплекс структуриран ресурс са пуно секције и подсекције је прилагодљиво распоред тешко да ће привући посетиоце.
• Споро учитавање страница претвара фаворит у мрска. Ово се посебно односи на средства тамо где су анимације, видео клипова, поп-уп прозора и других активних елемената у изобиљу. Због великог тежине стране једноставно ће "успорити" корисника - да се наљутим и одем и тражење позицију сајта - падне.
• Немогућност да искључите мобилне верзије - је још један значајан недостатак. Ако је елемент сакривен распоред, не могу ништа да га отвори, за разлику од сајтова на којима можете га искључити и иду у редовну домен.

Ипак, ова мобилна верзија сајта брзо, без посебних знања и трошкова ресурса може се прилагодити на било уређаја. Али то одговара, због ових недостатака, да мали, једноставан, са минимумом средстава информисања и мултимедије, без компликоване навигације и анимације. За комплексне сајту ће приступити 2 друге начине.

Други начин - посебан верзија сајта

Ова метода је врло чест и често са успехом чини сајт на мобилном уређају лакше за читање. Његова суштина је да се створи засебну верзију странице, састављен од стране апликације и постављен на посебном УРЛ или поддомен, на пример, м.вк.цом. У овом случају, основни функционалност се одржава, само изгледа другачије веб дизајн. Предности таквог метода је доступна:

• разумљив интерфејс;
• .. Лако се уносе и направити промене, односно верзија постоји одвојен од главног извора;
• због ниске тежине индивидуалног верзији сајта је много брже него што адаптивног шаблона;
• често имају прилику да оде на главну верзију странице из мобилног телефона.

Али овде није без недостатака:

• Више адреса - десктоп и мобилне верзије сајта. Како то да се да корисник памте две опције? Веб мајстори често преписују преусмеравање (преусмери) да декстопнои верзију за мобилне, али ако ова страница у мобилној верзији не постоји, корисник ће добити грешку. Овде постоје потешкоће са претраживачима, што је тешко да рангирају 2. истог извора, и то има директан утицај на промоцију.
• Мобилна верзија сајта са рачунара, уколико корисник грешком доле да би изгледало апсурдно, да такође може да утиче присуство.
• Ова верзија је много вероватније да смањи, а радну површину, тако да корисник ће имати веома ограничену функционалност. Али у исто време, ако нешто недостаје, посетиоци могу ићи на пуну верзију странице.

У принципу, посебан мобилни сајт исплати и најчешће начине прилагођавања ресурса за мобилне уређаје. То је популарна међу највећим онлине продавницама, на пример Амазон.

Трећи начин - РЕСС-дизајн

Претраживач Гоогле активно подржава овај тренд мобилног дизајна. Ово је најсложенији, скуп, али ефикасан начин да се прилагоди сајт за телефон или таблет. То се зове РЕСС. То је циљање ресурс у мобилној апликацији која се може преузети на сваком уређају посебно. Фор Андроид - од ГООГЛЕПЛАИ, али за Аппле - са иТунес.

Такве апликације су брзи, бесплатно, једноставно, имају способност да прими различите врсте информација, а меморија телефона и интернет саобраћај се не једе као приликом посете сајт преко претраживача. Они су лако ући, јер ће линк увек бити на екрану у руци, и нема потребе да унесете компликовано име у траку за адресу.

Постоје, наравно, такође постоје недостаци као што су тешкоће у развоју високих трошкова рада великог броја програмера, треба да урадите неколико опција распоред. Понекад мобилни уређај није препознат од стране апликације. Потреба за редовну техничку подршку, исправљање недостатака. Међутим, ова опција се сматра најбољим од три предложене имајући у производном Уптиме.

Најјефтинији начин да се направи сајт за мобилне уређаје

Све горе наведене методе укључују ако не увек дуг и компликован, али ипак плаћени вебмастери рад. Ако не видите хитну потребу за такав развој, ви ћете приступити једноставан и бесплатну мобилну верзију сајта. Како је најлакши начин уради?

Преузимање цустом шаблони (плугинс) за одговорним дизајн. На пример, УП Мобилни детектор, УордПресс Мобилни пакет, ВПСмарт Мобиле и др. Они ће вам помоћи да правилно приказали сајт у вашем телефону, а ти неколико савета које треба исправити да се боље прилагоди мобилну верзију странице.

Наравно, овај метод је тешко погодан за озбиљне ресурсе. Уместо тога, то је бесплатна опција је намењен малим и веома једноставне сајтове, блогове, вести. Не заборавите да Гоогле је претраживач, као и "Иандек", данас чини велике захтеве на мобилној верзији, тако да постоји велика шанса да смање своје позиције, помоћу ове методе.

Са овом методом, највероватније, неће бити смањен оглашавања и поп-уп банере, али страница ће се брзо учитавају без "лаг".

Принципи за креирање мобилне верзије

Да ли да се створи мобилну верзију сајта бесплатно или уз помоћ државе вебмастер, направљен је да РЕСС систем или коришћењем адаптивне образац. Најважнија ствар за њен ефикасан рад је потребно да следите неколико веома важних принципа. Дакле, оно што би требало да буде мобилна верзија сајта? Како би се ефикасно, ефективно и продуктивно?

Уклонити све непотребно

Минимализам - нешто што би требало да траже програмер мобилној верзији сајта. Замислите колико је тешко да добију информацију, која је пуна цвећа, дугмад, банере, и морате да бескрајно дођите да пронађе прави материјал. Мобиле дизајн треба да буде једноставан и чист. Изабери 2-3 за одвајање боја простора (нпр, компаније). Боље је да један од њих је бела. Поделити простор на малом екрану јасан и читљив зони. Виртуелни тастери би требало да буде видљив за корисника јасно знају где да кликнете, и видео - образац Овај производ је за попуњавање података, тако да информација испоруке и плаћања.

Све додатне опције које ће бити корисне у верзији десктоп и чине живот лакшим за корисника, овде доноси само тешкоће. Остави само најважније елементе. Анимација, рекламних банера, мултимедија, највероватније, ће само ометати рад сајт или апликацију и умањује главне тачке.

равнање

Питање поравнање није ништа мање акутна, као да то уради коректно, корисник ће добити само крај важних речи. Општеприхваћена лево поравнат и вертикално. Замислите како се прелистате свој РСС феед на свом телефону. Ви то урадили од врха до дна, али не на леву или десну страну.

унија

Када је могућност дугог ланца транзиција није, покушајте да комбинујете неколико корака у један. На пример, сајт треба да унесете податке у неколико фаза - .. име, онда је адреса на којој у свакој ћелији су одвојени кућа, улица, стан, итд Како не на силу кориснику да покуша да се на скупу малих ћелија, замолите их да попуне само 2 - име и адреса.

и искључење

Понекад, напротив, потребно је одвојити прекомерну количину информација. На пример, падајући мени имате списак од 80 градова где се достављају. Група их региону, тако да корисник не мора да се крећете кроз дугачке листе. Када ће лебди изнад регионалног центра или област ће пасти још један списак градова.

liste

Узгред, о листама. Њихова два - фиксни по абецедном реду или другог реда, а са заменом. Њихов избор зависи од тога шта ће бити пребачен.

Фиксни погодан у случају да корисник зна тачно оно што је тражио. На пример, град, број или датум. Друга опција је погодна за дуго компликованих имена или у случајевима где постоји низ варијација у једном и исто име, и сваки падајући списак корисника ближе корак до циља. Опција са аутосубститутион често користи када посетилац потребна помоћ. На пример, сајт нуди да купи игле за плетење. Корисник унесе упит за претраживање "Металик жбице", ау врха тачкама "кракова 5 мм" "Спокес 4,5 мм" и т. Д

Аутоматско завршавање

Ова тачка је нарочито важи за сајтове који продају нешто на мрежи и морате да попуните у стандардном облику плаћања, испоруке и тако даље. С. Ако особа обави куповину из телефона, а затим највероватније, он нема времена да се са рачунаром, што значи да у процесу куповина је неопходно да као брз и практичан.

За овај облик може садржати податке већ напуњене, могуће је да прибегне најпопуларнијих одговора. На пример, да убаците тренутни датум, начин плаћања у готовини, у граду, ако радите у истом региону. Они се могу мењати, али ако погоди мету, време корисник може да се сачува.

Све чита, све виевед

Стварањем мобилни дизајн сајта, имајте на уму да су сви телефони су различити, и исте визије. Можда ваш сајт ће бити видљив са малом екрану, тако да фонта треба да буде једноставан и читљив, дугме - довољно велики да би могли да додирнете и не добијају на следећу страницу, а слике морају бити отворене одвојено, велики, посебно када је у питању интернет продавница.

neke статистике

Говорећи о сајту да се прилагоди мобилних уређаја, неопходно је да се прибегне статистици да схвате колико је важно овај процес је за промоцију мреже.

Следеће слике. Данас справице су 87% становништва, очигледно, осим за веома малу децу и неке старије особе. Економисти прогноза раста мобилног трговини је 100 пута у наредних 5 година. Међутим, само 21% сајтова прилагођен за рад са мобилним уређајима. Дакле, Интернет саобраћај и е-трговина тржиште заузима само мали део од 5..

Размотрити ове бројке. Има ли смисла да се прилагоди свој ресурс? Наравно да. Штавише, иако има толико простора на овом тржишту, можете узети свој сегмент на њега.

Где је потреба мобилна верзија

Користите мобилна верзија је погодан за било коју платформу, која има за циљ да се високи ранг. На крају крајева, ово је директан утицај на корисника, тако да су му удобно окружење да остане на свом сајту.

Без мобилна верзија не може да постоји:

• невс портали, као што је њихов најгледанији телефон на путу до посла или школе;
• друштвене мреже - за истог разлога, плус ту је фактор комуникације на мрежи, тако да је погодан, пријатељско ћаскање је да се створи;
• .. Помоћ, интернет навигација, итд, где су људи којима се тргује, док је у потрази за нечим;
• Онлине куповина - способност да привуче купце који не проводе време на схоппинг путовања и купују све преко мобилног интернета.

уместо закључка

Данас, мобилне технологије су у фази активног раста и развоја, стога, настоји да буде лидер на тржишту, свака компанија мора да обезбеди да онлине ресурс испуњавају услове. Због све веће захтевима корисника сајтовима морају да се стално модернизује и прилагоди различитим уређајима. Јасно је да ако је особа непријатно да се на одређеном извору, то не може бити ту да добију информације о производу или цени, да наручите, распитајте се о испоруци, он ће пронаћи сајт, где ће све ово бити могуће. Стога, како би се добио конкуренцију, важно је имати флексибилан, усер-фриендли, функционални и занимљив ресурс.

Нека помаже мобилну верзију Андроид сајта или Иос. Да бисте то урадили, изаберите једну од наведених начина да Редизајн - адаптивно шаблону, стварајући нови сајт на поддомен и прелазак на њега преусмеравање употребу слободних предложака или направите мобилну апликацију путем које корисник једноставно да уђу и остану на страници.

Такав приступ не само да ће помоћи задржати лојалност постојећих купаца, али ће такође пружити прилику да се привуку нове посетиоце.