СІЗДІК МОБИОЛІҢІЗДІ ЖҰМЫСПЕН ДОСТЫҚҚА ЖАРЫСТЫРУ


МАЗМҰНЫ

  1. Кіріспе
  2. Ұялы телефонмен достық болу деген не?
  3. Сіздің сайтыңыздың бар-жоғын қалай білуге ​​болады? мобильділікке негізделген немесе жоқ
  4. ұтымды дизайн мобильді дизайнға ұқсас ма?
  5. Веб-сайтыңызды қалай мобильді етуге болады
  6. Қорытынды

Кіріспе

Интернет-трафиктің 50% -дан астамы мобильді құрылғылар мен бұл сан жыл сайын өсуде. Сондай-ақ, барлық интернет пайдаланушылардың 80% -ы смартфонға ие. Егер сіздің веб-сайтыңыз бен оның мазмұны мобильді емес болса, сіз трафиктің көп мөлшерін жоғалтасыз және бұл сіздің ағымыңызға және Google TOP-дағы рейтингіңізге кедергі келтіруі мүмкін.

Демек, веб-сайтыңызды және оның мазмұнын ұялы телефонға оңтайландыру қажет, өйткені Google ұялы пайдаланушыларына ұтқыр достық парақтармен қызмет еткісі келетіндігін нақты айтқан.

Ұялы телефонмен достық болу деген нені білдіреді?

Ұялы телефонға ыңғайлы сайт немесе мазмұн болуы тек веб-беттердегі мазмұнды тек жұмыс үстелінде немесе компьютерде ғана оңай тұтынылатындығын білдіреді. ноутбуктер, бірақ мобильді құрылғыларда.

Сіздің сайтыңыздың мобильді достық екенін не білмеймін

Сіздің сайтыңыз мобильді достық деп аталу шарттарына сай келе ме деген сұрақ туындауы мүмкін. сайты. Осы өлшемдерге сай болу үшін Google өзінің мобильді байланыс талаптарына сай келмейтін сайттарға санкциялар салуды болдырмау үшін қажет.

Google өз мобильді достық тестілеу құралына ие, оны сіз өз сайтыңызды мобильді достыққа сынау үшін оңай пайдалана аласыз. Тест аяқталғаннан кейін ол сіздің сайтыңызға ұтқырлық деңгейіне сәйкес баға береді.

Сезімтал дизайн мобильді дизайнмен бірдей ме?

Жарайды, дәлелдерді түзейік. Сіз «ұялы телефонға ыңғайлы» дизайнмен алмастырылатын «жауап беру» дизайны деген терминді көрген немесе естіген шығарсыз. Алайда бұл техникалық жағынан дұрыс емес.

Керемет дизайнды пайдалану мобильді сайтты құрудың басқа тәсілдерінің бірі. Веб-сайттың жауап беруі үшін, бұл сайт мазмұны оның қаралып жатқан экран өлшеміне сәйкес келеді. Бұл мобильді сайттарды құрудың ең танымал әдісі.

Сіз өзіңіздің веб-сайтыңызды мобильді достық етіп қалай жасай аласыз

Егер сіздің веб-сайтыңыз қазірдің өзінде жұмыс істеп тұрса немесе оны жаңадан құрғыңыз келсе, ол мобильді достық үшін бірінші кезекте болуы керек.

Осы постта кеңестердің көпшілігі ұтқыр достық парақтарды құрудың жауапты дизайн әдісін қолдайтынын есте сақтаңыз. Бұл жерде веб-сайтыңызды жасақтау үшін қолдануға болатын бірнеше кеңестер бар (немесе оны қайта жобалаңыз
  1. Үлкен мәтін блоктарын қолданбаңыз: мәтінді азайту сіздің мүддеңізге сәйкес келеді. мобильді веб-сайтыңыздың экранындағы мәтін көлемі. Әрине, сіздің хабарламаңызды келушілерге жеткізу үшін сізге сөз керек болады, бірақ үлкен мәтін блоктары өте үлкен және оқуға өте ыңғайлы көрінуі мүмкін.

    Егер сіздің параграфтарыңыз өте ұзақ болса, келушілерді қорқытуыңыз мүмкін. Оқырмандарды ынталандыру үшін сөйлемдеріңіз бен абзацтарыңызды мүмкіндігінше қысқа етіп сақтаңыз.

  2. Дұрыс қаріпті (-лерді) қолданыңыз: түсінікті қаріптерді қолданғаныңызға көз жеткізіңіз. және мобильді сайтта оқуға оңай. Сізге келушілердің сіздің мазмұныңызды оқуға мәжбүр ететін қаріпті қаламағаныңыз жөн. Дұрыс қаріпті таңдау веб-дизайн процесінде маңызды.

    Сіздің қаріп таңдауыңыз және мәтінді реттеу сіздің сайтыңызды көз тартарлық немесе қорқынышты етуге қабілетті. Мәтінді бөлу үшін қаріптерді де пайдалануға болады.

    Мысалы, сіз қалың қаріппен үстіңгі деректемелерді, тақырыптарды немесе тақырыпшаларды ұсыну үшін пайдалана аласыз, ал мәтіннің негізгі бөлігі үшін қалыпты өлшемді шрифт қолданылады.

  3. < b> Жылдамдықты арттыру: Зерттеулер көрсеткендей, адамдардың 53% -ы мобильді веб-сайттан бас тартуға 3 секундтан көп уақыт кетеді. Ұялы веб-сайтыңызды жүктеуге неғұрлым ұзақ уақыт кетсе, соғу жылдамдығы соғұрлым жоғары болады және сайып келгенде, сіз Google TOP-да төмен болады.

    Егер сіз өзіңіздің парағыңыздың жүктелу уақытын барынша азайтуды қаласаңыз, дизайнды жеңілдетіп көріңіз. Қажетсіз ауыр кескіндер мен кодтардан аулақ болыңыз.

    Сіз өзіңіздің ағымдағы бет жылдамдығыңызды Semalt-тың ақысыз веб-аналитикалық құралын пайдаланып тексере аласыз. Бұл сіздің парағыңызды көрсетеді жұмыс үстелі мен мобильді құрылғылар үшін жылдамдық ұпайлары. Бұл құрал жылдамдықты жақсарту үшін не істеу керектігін де айтады.

  1. Мәзіріңізді қарапайым етіп жасаңыз: веб-сайтты жасағанда көптеген нәрселерден аулақ болуға болады. жұмыс үстелінде. Алайда, мобильді құрылғылар олардың экрандары кішірек болғандықтан кешірімді болмауы мүмкін.

    Сіз келушілердің мәзір мәзірінде таңдау жасау үшін әрдайым айналдырып немесе үлкейтіп отыруын қаламайсыз.

    Сіздің веб-сайтыңызды опциялардың ең аз санына дейін жеңілдеткеніңізге көз жеткізіңіз. Мүмкін болса, барлық опциялар экранға сәйкес келетініне және жеткілікті көрінетініне көз жеткізіңіз. Веб-сайтыңызға кіріп, пайдаланушылар үшін мәзір опцияларын жеңілдетіп көріңіз.

  2. Ұзақ нысандарды ешкім ұнатпайды: пайдаланушыларға мобильді сайтта ақпарат берген кезде олар салық бланкілерін толтырғандай сезінбеңіз. Ұзын пішіндерді толтыру үшін жұмыс үстелін пайдаланған кезде бұл ыңғайсыздық сезінбеуі мүмкін, бірақ оны кішкене экранда жасау өте қиын болады.

    Егер сіздің пішіндеріңіз тым ұзақ болса, оларды қайта жобалау туралы ойлану керек. Өзіңіздің формаңызға қарап, әр жолға шынымен мұқтаж екеніңізді сұраңыз. Мысалы, егер сіз пайдаланушыларды өнімді сатып алуға мәжбүр етсеңіз, олардың төлемі мен жеткізілімі туралы ақпарат жеткілікті - хобби сұрамаңыз.

    Іс жүзінде, көп арбаларды тастап кетудің басты себебі - кеңейтілген және күрделі рәсімдеу.

  3. Сіздің CTA-ларды анық көруге мүмкіндік беріңіз: Мобильді сайттың барлық мүмкіндіктерін пайдалану үшін, шақыруға арналған түймелер көрінетініне көз жеткізіңіз. Дисплейде бірнеше CTA көмегімен қонақтарыңызды бомбаламауға тырысыңыз - бұл экранның кішірейетінін есіңізде сақтаңыз.

    Әр бет үшін оның басты мақсаты (жаңа жазылу, сатып алу, жүктеу және т.б.) туралы ойлаңыз және сол бетке арналған CTA-ға сол мақсатқа назар аударыңыз.

    Осылайша сіз бәсекелестеріңізден озып кетесіз, өйткені зерттеулер көрсеткендей, веб-сайттардың 53% -ында CTA түймелері бар, оларды 3 секундта немесе одан аз уақыт ішінде анықтауға болмайды.

  4. Іздеу функциясын қосу: кейде сіздің сайтыңызға көптеген опциялар қажет болуы мүмкін. Бұл әсіресе электронды коммерциялық веб-сайттарға қатысты.

    Рас, тым көп нұсқалар келушілерді шатастырып, конверсияға кері әсерін тигізетіні рас, іздеу функциясын веб-дизайнға қосу олар үшін біршама жеңілдетеді.

    Іздеу жолағын қосу пайдаланушыларға күрделі мәзірді шарлаудың қиын жағдайынан құтылуға көмектеседі, өйткені олар өздері іздейтін нәрсені тере алады.

  5. Тұтынушыларға қолдау көрсету анық көрінеді: егер сіздің ұялы телефоныңызға кірушілер проблемалар туындаған кезде сізден көмек сұрай алмаса, бұл сіздің бизнесіңіздің беделін түсіреді.

    Сіз өзіңіздің сайтыңыздың көрінетін жерінде кез-келген байланыс ақпаратын қамтамасыз етуіңіз керек, сондықтан келушілер сіздің клиенттерге қызмет көрсету тобына тез қол жеткізе алады.

  6. түймелер жеткілікті үлкен: веб-сайтыңыздың түймені саусақпен түртіп оңай жететін етіп жасағаныңызға көз жеткізіңіз. Бұл жұмыс үстелінің үлкен экраны емес екенін есте сақтаңыз, мұнда навигацияны тінтуір немесе пернетақта көмегімен жасауға болады.

    Смартфон қолданушыларының 75% -ы экрандарын басу үшін бас бармақтарын пайдаланады, сондықтан түймелер мен басуға болатын басқа элементтер айтарлықтай үлкен болуы керек.

    Сондай-ақ, мобильді құрылғыларды пайдаланатын адамдарға экрандарының бұрыштарына жету өте қиын - сондықтан сіздің түймелеріңізді және басқа да маңызды элементтерді экранның ортасына қойып қою керек.

  7. Қалқымалы терезелерден құтылыңыз: Келіңіздер, қалқымалы терезелер әдетте мобильді сайтта тітіркендіреді. Көптеген адамдар мобильді веб-беттерді шарлау үшін бас бармақтарын пайдаланатынын есте сақтаңыз, қалқымалы терезелерді жабу әдетте қиын, өйткені жұмыс үстелінде немесе ноутбук экранында пайда болған кішкентай «x» түймесі мобильді экранда кішірейеді.

    Келушілер бірнеше рет жарнамаларды жабу кезінде кездейсоқ басады - олар басқа параққа толықтай кіріп қалады, осылайша олардың қолданушылық тәжірибесін бұзады.

    Егер сіз қалқымалы терезелерді мүлдем қолданбайтын болсаңыз, онда сіз пішіндерді неғұрлым жеңілдетуге тырысуыңыз мүмкін, немесе екінші нұсқа - қонақтар шертілген кезде қалқымалы терезелерді ғана пайдалану.
  8. >
  9. Веб-сайтыңызды қайта жасақтауды қарастырыңыз: егер сіздің сайтыңыз жақсы құрылған болса, бұл мүмкін болмауы мүмкін, өйткені көптеген аудиториялар сіздің веб-сайтыңызды жасауға үйренеді. Бірақ егер сіздің веб-сайтыңыз салыстырмалы түрде жаңа болса, веб-сайтыңызды қайта жасағанда жауап беретін тақырыпты қолданып көріңіз. Semalt сіздің веб-сайтыңызды қайта өңдеуге көмектесетін ең жақсы веб-әзірлеушілер тобының біріне ие.

  1. » ендер «әрқашан пайыздық мөлшерде болатындығына көз жеткізіңіз: Біршама техникаға жүгінудің уақыты келді. Егер сіз веб-парақтың кез-келген элементін тінтуірдің оң жақ түймесімен басып, «инспекциялық элементті» (Google Chrome үшін) таңдасаңыз, панель шығады.

    Сол жақтағы терезедегі элементті нұқыңыз, содан кейін оң жақ терезеде сәйкес мәндер пайда болады. Сіз «ені» мәнін көресіз, оны пиксель немесе пайыздық өлшеммен орнатуға болады.

    Егер сіз оны пайызбен белгілесеңіз, экран элементтерінің ені өзгереді.

  2. Медиа сұрауларды қолданыңыз: Егер сіз медиа-сұрауларды қалай пайдалану керектігін білсеңіз, әлі де элементтердің ені үшін пикселдерді қолданыңыз. Мультимедиялық сұраныстарды қолдану жауап беретін дизайнның кілті болып табылады.

    Сайттың экранның әртүрлі өлшемдерінде қалай әрекет етуін көрсету керек. Сондықтан экран өлшемі өзгерген кезде кейбір беттер өлшемі өзгереді және тіпті өзгертіледі.

    Егер сізге жақсы тақырып сатып алсаңыз немесе сіздің веб-сайтыңызды ең заманауи мобильді және ыңғайлы етіп жасайтын Semalt сияқты тамаша веб-компанияның қызметтерін жалдайтын болсаңыз, сізге барлық техникалық материалдар қажет емес. SEO стратегиялары.

Қорытынды

Ұялы телефонға ыңғайлы сайттың болуы сізге ең көп трафик алуға және Google TOP рейтингтерін жақсартуға көмектеседі. Бұл сіздің бизнесіңіз үшін айырбастаудың көбірек мөлшерін білдіреді. Веб-сайтыңызды ыңғайлы ету үшін және осы веб-сайттың барлық артықшылықтарын пайдалану үшін осы мақаладағы кеңестерді орындаңыз.