СТВАРЭННЕ МАБІЛЬНАГА САЙТА ДРУГОЙ СЕМАЛЬТЕ
ЗМІСТ
- Уводзіны
- Што значыць быць зручным для мабільных прылад?
- Як даведацца, ці працуе ваш сайт з'яўляецца зручным для мабільных прылад ці не
- Адгукальны дызайн супадае з дызайнам для мабільных прылад?
- Як вы можаце зрабіць свой вэб-сайт мабільным для мабільнай сувязі
- Выснова
Уводзіны
Больш за 50% сусветнага трафіку ў свеце прыпадае на мабільныя прылады і гэтая колькасць працягвае расці з кожным годам. Таксама 80% усіх карыстальнікаў Інтэрнэту валодаюць смартфонамі. Калі ваш вэб-сайт і ягонае ўтрыманне не з'яўляюцца зручнымі для мабільных прылад, вы, безумоўна, губляеце шмат трафіку, і гэта можа нават заблакаваць ваш паток трафіку, а таксама ваш рэйтынг у Google TOP.
Такім чынам, неабходна аптымізаваць ваш вэб-сайт і яго змест для мабільных тэлефонаў, таму што Google ясна сказаў, што хоча абслугоўваць сваіх мабільных карыстальнікаў на зручных для мабільных старонак.
Што значыць быць зручным для мабільных прылад?
Наяўнасць мабільнага сайта альбо змесціва проста азначае, што змесціва на вашых вэб-старонках лёгка расходваецца не толькі на працоўным стале ці ноўтбукі, але і на мабільных прыладах.
Як даведацца, ці зручны ваш сайт для мабільных прылад, ці не
Вам можа быць цікава, ці адпавядае ваш сайт крытэрыям называння мабільнага сайт. Выкананне гэтых крытэрыяў неабходна, каб пазбегнуць санкцый, якія Google размяшчае на сайтах, якія не адпавядаюць яго патрабаванням дружалюбнай мабільнасці.
Google мае ўласны мабільны тэставы інструмент, які вы можаце лёгка выкарыстоўваць для праверкі вашага сайта на зручнасць для мабільных прылад. Пасля таго, як тэст будзе зроблены, ён дасць вашаму сайту ацэнку ў адпаведнасці з узроўнем зручнасці для мабільных прылад.
Ці правільны дызайн такі ж, як дызайн для мабільных тэлефонаў?
Добра, давайце разбярэмся з фактамі. Магчыма, вы ўжо бачылі ці чулі тэрмін "спагадны" дызайн, які ўзаемазамяняецца з дызайнам "зручны для мабільных прылад". Гэта, аднак, тэхнічна не правільна.
Выкарыстанне адаптыўнага дызайну - гэта толькі адзін з іншых спосабаў стварэння сайта, зручнага для мабільных прылад. Для таго, каб веб-сайт быў спагадным, гэта азначае, што змест сайта заўсёды будзе прыстасоўвацца да памеру экрана, на якім ён праглядаецца. Гэта самая папулярная тэхніка стварэння сайтаў, зручных для мабільных прылад.
Як вы можаце зрабіць свой сайт зручным для мабільнай сувязі
Калі ваш сайт ужо працуе і калі вы проста збіраецеся яго стварыць, дружалюбны для мабільных тэлефонаў павінен быць галоўным прыярытэтам.
Калі ласка, майце на ўвазе, што большасць парад, змешчаных у гэтым паведамленні, спрыяюць адаптыўнаму метаду стварэння старонак, зручных для мабільных прылад. Калі казаць, вось некалькі парад, якія вы можаце выкарыстаць, каб распрацаваць свой сайт (альбо перагледзець яго як справа можа быць).
- Не выкарыстоўвайце вялікія тэкставыя блокі: Вам па інтарэсах паменшыць колькасць тэксту на экране мабільнага сайта. Зразумела, вам спатрэбяцца словы, каб перадаць сваё паведамленне наведвальнікам, але вялікія блокі тэкстаў могуць быць надзвычай ашаламляльнымі і чытаць гумарна.
Вы можаце адпудзіць наведвальнікаў, калі вашы абзацы занадта доўгія. Пераканайцеся, што вы трымаеце прапановы і абзацы як мага карацей, каб заахвочваць чытачоў. - Выкарыстоўвайце правільныя шрыфты: Пераканайцеся, што вы карыстаецеся зразумелымі шрыфтамі. і лёгка чытаць на вашым мабільным сайце. Вы не хочаце, каб шрыфт, які прымушае наведвальнікаў напружваць вочы, каб прачытаць ваш змест. Выбар правільнага шрыфта важны ў працэсе вашага дызайну.
Ваш выбар шрыфта і спосаб размяшчэння вашага тэксту могуць зрабіць ваш сайт прывабным або жахлівым. Вы таксама можаце выкарыстоўваць шрыфты для падзелу тэксту.
Напрыклад, вы можаце выкарыстоўваць тлусты шрыфт для прадстаўлення загалоўкаў, тэм або падтэкстаў, а для асноўнай часткі тэксту будзе выкарыстоўвацца шрыфт звычайнага памеру. - < b> Павялічце сваю хуткасць: Даследаванні паказваюць, што каля 53% людзей адмовяцца ад мабільнага сайта, які патрабуе больш за 3 секунды для загрузкі. Чым даўжэй будзе загружацца ваш мабільны сайт, тым вышэй будзе ваш каэфіцыент адмоваў, і ў канчатковым выніку вы будзеце менш высокія ў рэйтынгу TOP TOP
Калі вы хочаце захаваць час загрузкі старонкі як мага менш, паспрабуйце спрасціць дызайн. Пазбягайце лішніх цяжкіх малюнкаў ці кодаў.
Вы можаце праверыць сваю бягучую хуткасць старонкі, выкарыстоўваючы бясплатны інструмент вэб-аналітыкі Semalt. Ён паказвае вам вашу старонку паказчыкі хуткасці як для настольных, так і для мабільных прылад. Інструмент таксама падкажа, што вам трэба зрабіць, каб палепшыць хуткасць.
- Зрабіце сваё меню простай: Ёсць шмат рэчаў, з якімі вы можаце пазбегнуць пры распрацоўцы сайта для працоўны стол. Аднак мабільныя прылады могуць не прабачаць з-за таго, што яны маюць меншыя экраны.
Вы не хочаце, каб вашы наведвальнікі заўсёды пракручвалі або павялічвалі і памяншалі маштаб, каб зрабіць выбар варыянтаў меню.
Пераканайцеся, што вы спрасцілі ўвесь свой сайт да мінімальнай колькасці магчымых варыянтаў. Калі магчыма, пераканайцеся, што ўсе параметры змяшчаюцца на экране і дастаткова бачныя. Зайдзіце на свой сайт і паспрабуйце спрасціць параметры меню для карыстальнікаў. - Ніхто не любіць доўгія формы: Не прымушайце карыстальнікаў адчуваць, што яны запаўняюць падатковыя формы, калі даюць інфармацыю на вашым мабільным сайце. Пры выкарыстанні сайта працоўнага стала для запаўнення доўгіх формаў ён не можа быць такім грувасткім, але гэта, безумоўна, пераважная пры неабходнасці зрабіць гэта на меншым экране.
Калі вашыя формы занадта доўгія, варта падумаць пра іх перабудову. Зазірніце ў форму і спытайцеся, ці сапраўды вам патрэбны кожны радок. Напрыклад, калі вы спрабуеце прымусіць карыстальнікаў купляць прадукт, дастаткова толькі інфармацыі аб іх выстаўленні рахункаў і дастаўкі - не пытайцеся захапленнямі.
Па сутнасці, галоўнай прычынай адмовы ад большасці пакупак з'яўляецца пашыраны і складаны працэс афармлення замовы. - Няхай вашыя КТД добра бачныя: Каб атрымаць максімальную аддачу ад вашага мабільнага сайта, пераканайцеся, што кнопкі "заклік да дзеяння" вельмі бачныя. Паспрабуйце не бамбіць наведвальнікаў больш чым адным CTA на дысплеі - памятайце, што на гэты раз гэта меншы экран.
Для кожнай старонкі падумайце пра яе асноўную мэту (новая падпіска, купля, загрузка і г.д.), і дазвольце CTA гэтай старонкі засяродзіцца на гэтай мэты.
Такім чынам вы будзеце апярэджваць сваіх канкурэнтаў, бо даследаванні паказваюць, што ў 53% сайтаў ёсць кнопкі CTA, якія нельга лёгка ідэнтыфікаваць за 3 секунды ці менш. - Дадаць функцыю пошуку: Часам на вашым сайце можа ўзнікнуць шмат варыянтаў. Асабліва гэта тычыцца сайтаў электроннай камерцыі.
Хоць і праўда, што занадта шмат варыянтаў выклікае блытаніну ў наведвальнікаў і негатыўнае ўздзеянне пераўтварэнняў, уключэнне функцыі пошуку ў свой вэб-дызайн значна спрашчае для іх рэчы.
Даданне панэлі пошуку дапамагае карыстальнікам пазбегнуць стрэсу пры неабходнасці перамяшчацца па складаным меню, бо яны могуць уводзіць менавіта тое, што шукаюць. - Забяспечыць падтрымку кліентаў добра бачна: Калі вашыя наведвальнікі мабільных тэлефонаў не могуць лёгка звязацца з вамі па дапамогу, калі яны сутыкнуліся з праблемамі, гэта дае вашаму бізнесу дрэнную рэпутацыю.
Вы павінны забяспечыць прадастаўленне любой адпаведнай кантактнай інфармацыі ў бачным месцы вашага сайта, каб вашы наведвальнікі маглі хутка атрымаць доступ да службы падтрымкі кліентаў. - Пераканайцеся кнопкі досыць вялікія: Пераканайцеся, што вы распрацавалі кнопку вашага сайта, каб яна была дастаткова вялікай, каб яе можна было лёгка націснуць пальцам. Памятаеце, што гэта не вялікі экран працоўнага стала, дзе навігацыя можа ажыццяўляцца мышкай або клавіятурай.
75% карыстальнікаў смартфонаў выкарыстоўваюць вялікія пальцы, каб націскаць на свае экраны, таму кнопкі і іншыя элементы, якія можна націскаць, павінны быць дастаткова вялікімі.
Акрамя таго, людзям, якія карыстаюцца мабільнымі прыладамі, даволі складана дабрацца да кутоў сваіх экранаў - таму мэтазгодна размясціць кнопкі і іншыя важныя элементы пасярэдзіне экрана. - Пазбаўцеся ад усплываючых вокнаў: Давайце падумаем, усплывальныя вокны звычайна раздражняюць асабліва на мабільным сайце. Памятаеце, што большасць людзей выкарыстоўваюць вялікія пальцы для навігацыі па мабільных вэб-старонках, усплывальныя вокны звычайна цяжка зачыніць, бо маленькая кнопка "х", якая з'яўляецца на экранах працоўнага стала або ноўтбука, стане яшчэ меншай на экране мабільнага.
Шмат разоў наведвальнікі нават выпадкова націскаюць на аб'явы, спрабуючы зачыніць іх - яны ў канчатковым выніку цалкам пасадзяць на іншую старонку - тым самым сапсуючы свой карыстацкі досвед.
Калі вы павінны выкарыстоўваць усплывальныя вокны любой цаной, вы можаце паспрабаваць альбо максімальна спрасціць формы, альбо другі варыянт - выкарыстоўваць усплывальныя вокны, толькі калі наведвальнік націсне на яго. > - Падумайце пра мадэрнізацыю вашага сайта: Калі ваш сайт добра наладжаны, гэта можа быць не зусім магчымым, бо для дызайну сайта выкарыстоўваецца вялікая колькасць вашай аўдыторыі. Але калі ваш сайт адносна новы, вы павінны паспрабаваць выкарыстаць спагадную тэму пры пераафармленні свайго сайта. Semalt мае адну з лепшых каманд па распрацоўцы вэб-сайтаў, якая можа дапамагчы ў пераабсталяванні вашага сайта.
- Пераканайцеся, што" шырыня "заўсёды ў працэнтах: Самы час крыху пераканацца. Калі вы пстрыкніце правай кнопкай мышы на любым элеменце вэб-старонкі і абярыце «Прагледзець элемент» (для Google Chrome), з'явіцца панэль.
Націсніце элемент у акне злева, а потым справа з'явіцца адпаведнае значэнне. Вы павінны ўбачыць значэнне для "шырыні", якое можна ўсталяваць у пікселях ці працэнтах.
Калі вы ўсталюеце яго ў працэнтах, шырыня гэтых элементаў будзе рэгулявацца па меры змянення памераў экрана. - Выкарыстоўваць медыя-запыты: Вы можаце па-ранейшаму выкарыстоўваюць пікселі для шырыні элементаў, калі вы ведаеце, як выкарыстоўваць медыя-запыты. І выкарыстанне мультымедыйных запытаў - гэта ключ да рэагавання на праекты.
Усё, што вам трэба зрабіць, гэта вызначыць, як вы хочаце, каб сайт паводзіў сябе ў розных памерах экрана. Менавіта таму некаторыя старонкі змяняюцца і нават змяняюцца па меры змянення памеру экрана.
Вам сапраўды не патрэбны ўсе тэхнічныя рэчы, калі вы купляеце добрую тэму альбо вы наймаеце паслугі вялікай кампаніі па распрацоўцы вэб-сайтаў, напрыклад Semalt, якія ствараюць ваш сайт з самымі сучаснымі зручнымі для мабільных прылад і SEO стратэгіі.
Заключэнне
Наяўнасць сайта, зручнага для мабільных тэлефонаў, дапаможа вам атрымаць максімальны трафік, які вы можаце атрымаць, і палепшыць агульны рэйтынг Google TOP. Гэта азначае больш каэфіцыент канверсіі для вашага бізнесу. Выконвайце парады ў гэтым артыкуле, каб зрабіць свой сайт мабільным для мабільнага і атрымаць усе перавагі, якія можа прапанаваць ваш сайт.