Сайттын Мобилдик версия: кантип жасоо керек? дизайн сайта

Бүгүнкү күндө адамдардын көпчүлүгү онлайн мобилдик гаджеттерди аркылуу бара - планшеттер, аппараттар, бир денгээлде эле сайттын оптималдаштыруу менен байланыштуу. Колдонуучу келип, сайттын мобилдик түзмөктөр үчүн ылайыкташтырылган эмес экенин көрүп, анда: - Ал келип, дагы бир кыйла ыңгайлуу издеп баштайт деп 99 100% Сиз сүрөттү, баскычын жулуп, чакан жана окулбайт ариптерин, дизайн бурмаланды көрүүгө мүмкүн эмес. А жөрмөлөгүч ресурс тиешелүү эмес, чек коёт, д. E. издөө боюнча суроо-талап дал келбейт. Ошондуктан, беттин дизайны дайыма мобилдик аппараттардын ар ылайыкташтыруу керек. аны сайттын мобилдик версия кандай, кантип жана колдонууга эмне артык? Бул макалада Подробнее.

Ошентип, уюлдук чыгаруу үчүн сайтына ылайыкташтырууга төрт негизги жолдору бар.

Метод бири - жооп дизайн

Adaptive үлгүлөрү жараша, сүрөттөлүш сайтына өзгөртүүнү сунуш экран өлчөмү. Жалпысынан алганда, алар-стандартты, 1600, 1500, 1280, 1100, 1024, жана 980 пиксел белгиленет. пайдаланууну ишке ашыруу үчүн CSS3 Медиа суроолор. дизайны өзү өзгөргөн жок.

Бул методдун артыкчылыктары камтышы керек:

• түзүмү өзүнө эле жакшы дизайн дисплей орнотуулары тууралап, жана кандайдыр бир өзгөртүү CSS жана HTML Tweak жетиштүү башынан дизайны, иштеп чыгууну талап кылбайт;
• бир URL үчүн - билан бир нече ысымдарды эстеп калуу керек, Webmasters ишин кыйындатат жана сорттоо жана бир дареги менен ресурсту тандаарына кыймылдаткычын жардам издөө мүмкүн багыттоону (бир даректен башка жөнөтүү) эч кандай зарылчылыгы жок.

Албетте, ийкемдүү шаблондор, жол менен, негизи караганда, өз кемчиликтерин, бар. Бирок, көп иштеп, бул түшүнүк, мис, Google Corporation, бир жооп ээ сайтка мобилдик версия карманышат. Ошентип, кемчиликтери:

• Дизайн сайта бир PC болуп мобилдик түзмөк эле милдеттерди колдоого албайт. Эгер ошондой болсо, анда, мисалы, колдонуучу, алмашуу курсунун же жакынкы банкоматтан маанилүү маалымат болушу мүмкүн банктын интернет, мобилдик версия, анда бул долбоор бир топ эле жетиштүү болот. бул бөлүмүнө жана бөлүмчөлөрүнө ичирип, татаал түзүлүштүү ресурс болсо, ийкемдүү катмары дээрлик келгендерге каршы чыгат.
• Жай жүктөө сайты жек-жылы Сүйүктүү айлантат. Бул, айрыкча, кыймылдуу бар ресурстарды чыныгы, ролик, поп-ишканалардын, ошондой эле көп башка активдүү элементтер болуп саналат. Анткени беттеги оор салмагы жөн колдонуучу "жайлатып", - деп ачууланат да, барып, сайттын абалын издөө - түшүп.
• Уюлдук түрү өчүрүү үчүн бербөөсү - дагы бир олуттуу кемчилик болуп эсептелет. бир элемент долбоорду жашыруун болсо, аны өчүрүп, үзгүлтүксүз доменге барып сайттарга каршы болуп, аны ачуу үчүн эч нерсе кыла албайт.

Ошентсе да, атайын ыкмаларын жана ресурстук чыгымдардын жок, тез-сайттын бул уюлдук версия ар кандай техникалар үчүн ылайыктаса болот. Бирок ал, анткени бул кемчиликтерди, татаал багыттоо жана кыймылдуу жок, маалыматтык ресурстардын жана медиа менен бир аз, бир аз, жөнөкөй үчүн келет. татаал сайттын 2 башка жолдорун жакындап калат.

Экинчи жолу - сайттын өзүнчө версия

Бул ыкма өтө жөнөкөй болуп саналат жана көп учурда ийгиликтүү сайтка чыгарат мобилдик түзмөк окуу үчүн иштешет. Анын өзөгү, мисалы, беттин, арыз менен түзүлөт жана өз алдынча URL же суб-жайгаштырылган, өзүнчө нускасын, m.vk.com түзүү болуп саналат. Бул учурда, негизги өзгөчөлүгү эле ар кандай сайттын дизайнын карап, сакталып турат. Мындай ыкманын артыкчылыктары бар:

• колдонуучунун достук колдонмо;
• .. Easy түзөтүп жана өзгөртүүлөрдү киргизүүгө, бул версия негизги ресурсу оолак бар болуп саналат;
• улам бул ийкемдүү калып алда канча тезирээк сайттын жеке нускасы аз, салмагы;
• көп уюлдук беттеги негизги нускасына баруу мүмкүнчүлүгүнө ээ.

Бирок, бул жерде кемчиликтерге жок болгон эмес:

• Бир нече дарек болсо - сайттын бир рабочий жана мобилдик версия. колдонуучу, эки жолу эстеп, ушунчалык кантип түзүү керек? Желе чеберлер көп мобилдик нускасын dekstopnoy кампаниясы (бириктирүү) белгиленген, ал эми уюлдук чыгаруу бул барак жок болсо, анда колдонуучу ката алышат. Бул жерде, ошол эле ресурстардын 2 баалоо кыйынга турат издөө системалары менен кыйынчылыктар бар, жана бул илгерилетүү боюнча түздөн-түз таасирин тийгизет.
• электрондук келген сайттын Мобилдик версия, колдонуучу туура акылсыздык болмок, барып, анда да катышууга таасир этиши мүмкүн.
• Бул нуска колдонуучу абдан чектелген жөндөмүнөн ээ болот, ошондуктан, кайра,, иш кылыш үчүн көп болуп жатат. Бирок, ошол эле учурда, бир нерсе жок болсо, келген бетине толук чыгып кетиши ыктымал.

Жалпысынан алганда, өзүнчө мобилдик сайт берет жана мобилдүү түзмөктөр үчүн ресурстук көнүктүрүү негизги жолдору болуп саналат. Мисалы, Amazon Бул, ири соода арасында популярдуу болуп саналат.

үчүнчү жолу - Көзөмөлдүк-дизайн

Издөө кыймылдаткычтын Google жигердүү мобилдик үлгүсүнүн бул багытын колдоп жатат. Бул өтө татаал, кымбат баалуу, бирок тел же таблет үчүн сайтына ылайыкташтырууга натыйжалуу жолу. Бул Көзөмөлдүк деп аталат. Бул өзүнчө бир түзмөккө жүктөлүп алына турган уюлдук өтүнмөдө бир ресурсун максат кылып жатат. Android үчүн - обсыпкой, бирок Apple үчүн - Itunes менен.

Мындай арыз тез, эркин, жеңил, маалыматтын ар кандай түрлөрүн эске алуу жөндөмүнө ээ жана Тел эс жана интернет жол браузер аркылуу сайтка кирсем эле, жеген эмес. Алар кирүү жеңил болуп, шилтемеси дайыма колунан экранда болот, анткени, ал эми серепчи дарек тилкесиндеги татаал атын эч кандай кереги жок.

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

Мобилдик сайт үчүн арзан жолу

Жогорудагы ыкмалардын баары анда эмес, ар дайым узак жана татаал болушу мүмкүн, бирок дагы эле Webmasters акы төлөнүүчү жумушту. Ушундай өнүктүрүү үчүн шашылыш иш экенин толук түшүнүшкөн жок болсо, анда сиз сайттын жөнөкөй жана эркин мобилдик нускасын жакындай алат. Бул жагы кандай жасаш керек?

Download жооп үлгүсүнө бажы шаблондор (плагиндер). Мисалы, WP Mobile Detector, WordPress Mobile Pack, WPSmart Mobile жана башкалар. Алар туура аппараттан сайтына көрсөтүүгө жардам берет, ошондо жакшы бир бетине мобилдик нускасына ылайыкташтырууга тууралаш керек бир канча түшүнсө болот.

Албетте, бул ыкма олуттуу ресурстар үчүн деле ылайык келет. Тескерисинче, эркин тандоо чакан жана өтө жөнөкөй сайттар, блогдор, кабар алып туруу үчүн арналган эмес. Google издөө, ошондой эле "Яндекс" экенин унутпашыбыз керек, бүгүнкү күндө уюлдук нускасында оор моюнтурук түзөт, ошондуктан бул ыкманы колдонуу менен, алардын кызмат орундарын төмөндөтүү үчүн абдан чоң мүмкүнчүлүк бар.

Бул ыкма менен, мүмкүн, жарнама жана калкыма туу жок кылынат, ал эми бет "артта калуу" тез жүктөлөт.

мобилдик долбоорлорун түзүү үчүн Principles

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

Бардык ашыкча алып салуу

Минимализм - сайттын мобилдик нускасынын бир иштеп издеши керек нерсе. гүлдөр, топчу, желектер толук канчалык кыйын, маалымат алууга болот дейли, жана туура материалды табуу үчүн чексиз жылдырып керек. Мобилдик дизайн таза жана жөнөкөй болушу керек. түс мейкиндигин бөлүп үчүн 2-3 тандап (мис, компания). Бул алардын бири ак жакшыраак болсо болот. кичинекей экран ачык жана даана аймагын боюнча орун бөлдү. Virtual баскычтар колдонуучуга так басып, кайда, жана көргөн көзгө болушу керек - бул буюмдун түрү маалымат берүү жана төлөө, ошондуктан маалыматтарды толтуруу.

Бардык кошумча параметрлери рабочий чыгаруу пайдалуу болмок жана колдонуучу үчүн өмүр кыйнабаш үчүн, бул жерде бир гана кыйынчылык алып келет. гана маанилүү элементтерди калтыруу. Animation, жарнамалык баннерлер, Мултимедиа, мүмкүн, бир гана жумуш сайт же тиркемени тоскоол боло турган жана негизги көз тоскоол болот.

тегиздөө

Суроо тегиздөө аны туура аткарууга, эгерде, колдонуучу маанилүү сөздөрдү гана жок болот да, эч кандай кем курч маселе болуп саналат. көбүнчө сол түздөлгөн жана тик кабыл алынган. Эгер тел сиздин RSS тоют аркылуу ашыгын кантип дейли. Сиз жогортон төмөн карай кеткен бул эмне, ал эми сол же оң жагына эмес.

бирикме

жылдырганда узун чынжыр мүмкүнчүлүгү жок болгондо, бир нече кадамдарды айкалыштырууга аракет. Мисалы, сайт бир нече этап менен маалыматтарды алуу үчүн зарыл болгон - .. аты, андан кийин ар бир камерага дареги өзүнчө үй, көчө, турак жай, ж.б., кичинекей клеткалардын жыйындысы боюнча алууга аракет колдонуучу мажбурлоо жок үчүн 2 гана толтуруу үчүн, аларга суроо - аты жана дареги.

жана өчүрүү

Кээде, тескерисинче, бул маалыматты ашыкча сумманы бөлүп талап кылынат. Мисалы, жайылма меню сен куткара 80 шаарлардын тизмесин бар. аймактагы аларды Group, колдонуучу узун тизмеси бою жылдырып керек эмес да. Ал райондун борборуна же аймак калкып турган шаарлардын бирине тизмесин кулайт качан.

тизмеси

тизмелер жөнүндө, жол менен. Алардын эки - көрсөтүлгөн тартипте, же башка тартипте катталган жана алмаштыруу менен. Алардын тандоо өтөт кандай көз каранды.

Колдонуучу өзү издеп так билген учурда ыңгайлуу белгиленген. Мисалы, шаар, номери, же күнгө. Экинчи параметр бир өзгөрүү комплекси бар жерде узак татаал аталыштары же учурларда ылайыктуу болуп саналат, ошол эле аты-жөнү, ал эми ар бир ачылуучу тизме колдонуучу максатка жакын кадам. бир жолоочу келет жардамга муктаж болгондо autosubstitution менен Option көп колдонулат. Мисалы, сайт тигъъ ийнелерди сатып алууга сунуш кылат. Колдонуучу издөө боюнча суроо-талап "Металлдык Spokes", жана чайпулду жарнактары "Spokes 5 мм" менен "Spokes 4,5 мм" жана Т кирет. Д.

Autocomplete

Бул пункт онлайн нерсени сатуу сайттар үчүн, айрыкча, чыныгы жана сиз үчүн төлөм, жеткирүү үлгүдөгү толтуруп бериши керек. N. адам аппараттан бир нерсе сатып алса, анда, балким, ал жараянга билдирет отуруп, билим алуу үчүн убакыт жок, сатып алуу сыяктуу эле тез жана ыңгайлуу кылуу зарыл.

бул түрүндө толо маалыматтарды камтышы мүмкүн, анткени ал абдан популярдуу жооп барышы мүмкүн. Мисалы, ошол эле аймакта иштеп жаткан болсо, анда накталай акча менен, шаардын Учурдагы төлөө датасы, ыкмасын коюу. Алар өзгөрдү, бирок бутага тийгизе турган болсо, анда убакыт куткарыла алат болот.

Бардык билдирүүлөрдү окулган деп, бардык көрүлгөн

мобилдик сайт дизайны жана аны чыгаруу менен, бардык олиш ар түрдүү сөздөрдү эсибизде сактап, ошол эле көрүнүш. Балким, сенин сайт Чакан экранда менен көрсө болот, ошондой арип жөнөкөй жана даана, бир баскыч болушу керек - чоң, алар бул интернет, айрыкча, таптап, кийинки бетке ала албайт, жана сүрөттөр өзүнчө ачылат, чоң жете алат магазин.

Кээ бир статистика

Уюлдук аппараттардын ылайыкташа сайттын жөнүндө сөз кылып жатып, бул жараян тармагын өнүктүрүү үчүн канчалык маанилүү экенин түшүнүү үчүн статистикалык жардам сурап кайрылууга туура келет.

төмөндөгүдөй сандар. Бүгүнкү күндө гаджеты өтө жаш балдар жана кээ бир улгайган тышкары, кыязы, калктын 87% түзөт. Экономисттер мобилдик соода өсүшү жакынкы 5 жыл ичинде 100 жолу божомолдоо. Бирок, сайттардын гана 21% мобилдик түзмөктөр менен иштөөгө ылайыкташкан. Ошентип, интернет кыймылын жана электрондук соода базары 5-бир аз бөлүгү гана ээлейт.

Бул сандарды карап көрөлү. ал ресурсту ылайыкташтырууга мааниси барбы? Албетте Ооба. Мындан тышкары, бул рынокто көп орун бар, ал эми сен аны өз сегментти талап кылынышы мүмкүн.

Кайда муктаждык уюлдук версия бар

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

Мобилдик версия болушу мүмкүн эмес эле:

• ал жумушка же мектепке баратканда, алардын көп көрүлгөн тел эле кабар порталдар,;
• коомдук тармактар - ошол эле себептен улам, ошондой эле байланыш себеп онлайн, ошондуктан, достук маек түзүлөт үчүн ыңгайлуу болуп саналат бар;
• .. Жардам, интернет багыттоо, адам, соода ж, бир нерсе издеп жүргөндө;
• онлайн соода - сатык иштери боюнча убакыт өткөрүүгө жана мобилдик Интернет аркылуу бардык сатып алба кардарларды өзүнө тартуу үчүн зарыл.

ордуна корутундусу

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

Бул Android сайттын же эл аралык уюмдар уюлдук нускасын берет жаса. Бул үчүн, кайра жогоруда жолдорунун бирин тандап - ийкемдүү калып, Субдоменди боюнча жаңы сайтты түзүү жана эркин кое пайдаланууга кайра ага өтүүнү же колдонуучу жыйын кирип-беттеги кала турган бир мобилдик тиркемесин түзөт.

Мындай мамиле гана учурдагы кардарлардын берилгендигин сактап жардам бербестен, ошондой эле жаңы конокторду тартуу мүмкүнчүлүгүн берет.