СТАБАЦЬ МАБІЛЬНАЯ ДРУГАЯ СЕМАЛЬТ


ЗМЕСТ

  1. Уводзіны
  2. Што значыць быць мабільным?
  3. Як даведацца, зручны ці не ваш сайт для мабільных прылад
  4. Ці з'яўляецца гнуткая канструкцыя супадае з зручным для мабільнага дызайну?
  5. Як вы можаце зрабіць свой сайт зручным для мабільных прылад
  6. Выснова

Уводзіны

Больш за 50% сусветнага вэб-трафіку прыпадае на мабільныя прылады, і гэты лік працягвае расці з кожным годам. Таксама 80% усіх карыстальнікаў Інтэрнэту валодаюць смартфонамі. Калі ваш вэб-сайт і яго ўтрыманне не зручныя для мабільных прылад, вы, безумоўна, губляеце вялікі трафік, і гэта можа нават блакаваць ваш трафік, а таксама рэйтынг у Google TOP.

Такім чынам, неабходна аптымізаваць ваш вэб-сайт і яго змест для мабільных тэлефонаў, паколькі Google ясна сказаў, што хоча абслугоўваць сваіх мабільных карыстальнікаў на зручных для мабільных старонак старонках.

Што значыць быць мабільным?

Наяўнасць сайта альбо змесціва, зручнага для мабільных тэлефонаў, проста азначае, што гэты кантэнт на вашых вэб-старонках лёгка расходны не толькі на настольных і партатыўных кампутарах, але і на мабільных прыладах.

Як даведацца, зручны ці не ваш сайт для мабільных прылад

Вам можа быць цікава, ці адпавядае ваш сайт крытэрыям, названым сайтам, зручным для мабільных прылад. Выкананне гэтых крытэрыяў неабходна, каб пазбегнуць санкцый, якія Google размяшчае на сайтах, якія не адпавядаюць яго патрабаванням дружалюбнай мабільнасці.

Google мае ўласны мабільны тэставы інструмент, які вы можаце лёгка выкарыстоўваць для праверкі вашага сайта на зручнасць для мабільных прылад. Пасля таго, як тэст будзе зроблены, ён дасць ацэнку вашаму сайту ў адпаведнасці з узроўнем зручнасці для мабільных прылад.

Ці з'яўляецца гнуткая канструкцыя супадае з зручным для мабільнага дызайну?

Добра, давайце разбярэмся з фактамі. Магчыма, вы ўжо бачылі ці чулі тэрмін "спагадны" дызайн, які ўзаемазамяняецца з дызайнам "зручны для мабільных прылад". Гэта, аднак, тэхнічна не правільна.

Выкарыстанне адаптыўнага дызайну - гэта толькі адзін з іншых спосабаў стварэння сайта, зручнага для мабільных прылад. Для таго, каб веб-сайт быў спагадным, гэта азначае, што змест сайта заўсёды будзе падладжвацца пад любы памер экрана, на якім ён праглядаецца. Гэта самая папулярная тэхніка стварэння сайтаў, зручных для мабільных прылад.

Як вы можаце зрабіць свой сайт зручным для мабільных прылад

Калі ваш сайт ужо працуе і калі вы проста збіраецеся яго стварыць, зрабіць яго зручным для мабільных тэлефонаў варта самым галоўным прыярытэтам.

Калі ласка, майце на ўвазе, што большасць парад, падзеленых у гэтым паведамленні, спрыяюць адаптыўнаму метаду стварэння старонак, зручных для мабільных прылад. Калі казаць, вось некалькі парад, якія вы можаце выкарыстоўваць дызайн вашага сайта (альбо перапланіруйце яго ў залежнасці ад выпадку).
  1. Не выкарыстоўвайце вялікія тэкставыя блокі: Вам падабаецца паменшыць колькасць тэксту на экране мабільнага сайта. Зразумела, вам спатрэбяцца словы, каб перадаць сваё паведамленне наведвальнікам, але вялікія блокі тэкстаў могуць быць вельмі ашаламляльнымі і чытаць гумарна.

    Вы можаце адпудзіць наведвальнікаў, калі вашы абзацы занадта доўгія. Пераканайцеся, што вы трымаеце прапановы і абзацы як мага карацей, каб заахвочваць чытачоў.

  2. Скарыстайцеся правільнымі шрыфтамі: Пераканайцеся, што вы карыстаецеся шрыфтамі, зразумелымі і зручнымі для чытання на сваім мабільным сайце. Вы не хочаце, каб шрыфт, які прымушае наведвальнікаў напружваць вочы, каб прачытаць ваш змест. Выбар правільнага шрыфта важны ў працэсе вашага дызайну.

    Ваш выбар шрыфта і спосаб размяшчэння вашага тэксту могуць зрабіць ваш сайт прывабным ці жахлівым. Вы таксама можаце выкарыстоўваць шрыфты для падзелу тэксту.

    Напрыклад, вы можаце выкарыстоўваць тлусты шрыфт для прадстаўлення загалоўкаў, тэм або падтэкстаў, а шрыфт звычайнага памеру будзе выкарыстоўвацца для асноўнай часткі тэксту.

  3. Павялічце хуткасць: Даследаванні паказваюць, што каля 53% людзей адмовяцца ад мабільнага сайта, які патрабуе больш за 3 секунды для загрузкі. Чым даўжэй будзе загружацца ваш мабільны сайт, тым вышэй будзе ваш каэфіцыент адмоваў і, у рэшце рэшт, вы будзеце менш высокія ў рэйтынгу TOP TOP.

    Калі вы хочаце захаваць час загрузкі старонкі як мага менш, паспрабуйце спрасціць дызайн. Пазбягайце лішніх цяжкіх малюнкаў ці кодаў.

    Вы можаце праверыць сваю бягучую хуткасць старонкі з дапамогай Semalt's бясплатны інструмент вэб-аналітыкі. Ён паказвае паказчыкі хуткасці вашай старонкі як для настольных, так і для мабільных прылад. Інструмент таксама падкажа, што зрабіць, каб палепшыць хуткасць.

  1. Зрабіце сваё меню простым: Ёсць шмат рэчаў, з якімі вы можаце пазбегнуць пры распрацоўцы сайта для працоўнага стала. Аднак мабільныя прылады могуць не прабачаць з-за таго, што яны маюць меншыя экраны.

    Вы не хочаце, каб вашы наведвальнікі заўсёды пракручвалі або павялічвалі і памяншалі маштаб, каб зрабіць выбар варыянтаў меню.

    Пераканайцеся, што вы спрасцілі ўвесь свой сайт да мінімальнай колькасці магчымых варыянтаў. Калі магчыма, пераканайцеся, што ўсе параметры змяшчаюцца на экране і дастаткова бачныя. Зайдзіце на свой сайт і паспрабуйце спрасціць параметры меню для карыстальнікаў.

  2. Ніхто не любіць доўгія формы: Не давайце карыстальнікам адчуваць, што яны запаўняюць падатковыя формы, калі яны даюць інфармацыю на вашым мабільным сайце. Пры выкарыстанні сайта на працоўным стале для запаўнення доўгіх формаў ён можа не лічыцца грувасткім, але, безумоўна, гэта будзе пераважнай, калі рабіць гэта на меншым экране.

    Калі вашыя формы занадта доўгія, варта падумаць пра іх перабудову. Зазірніце ў форму і спытайцеся, ці сапраўды вам патрэбны кожны радок. Напрыклад, калі вы спрабуеце прымусіць карыстальнікаў купляць прадукт, дастаткова толькі інфармацыі аб іх выстаўленні рахункаў і дастаўкі - не пытайцеся захапленнямі.

    Па сутнасці, галоўная прычына адмовы ад пакупкі - гэта працяглы і складаны працэс афармлення замовы.

  3. Няхай вашы CTA будуць добра бачныя: Каб атрымаць максімальную карысць ад свайго мабільнага сайта, пераканайцеся, што кнопкі "заклік да дзеяння" вельмі бачныя. Паспрабуйце не бамбаваць наведвальнікаў больш чым адным CTA на дысплеі - памятайце, што на гэты раз гэта меншы экран.

    Падумайце пра кожную старонку сваёй асноўнай мэты (новая падпіска, купля, загрузка і г.д.) і дазвольце вашай CTA для гэтай старонкі засяродзіцца на гэтай мэты.

    Такім чынам, вы будзеце апярэджваць сваіх канкурэнтаў, паколькі даследаванні паказваюць, што 53% сайтаў маюць кнопкі CTA, якія нельга лёгка ідэнтыфікаваць за 3 секунды ці менш.

  4. Дадайце функцыю пошуку: Часам можа спатрэбіцца шмат варыянтаў на вашым сайце. Асабліва гэта тычыцца сайтаў электроннай камерцыі.

    Хоць гэта праўда, што занадта шмат варыянтаў выклікае блытаніну ў наведвальнікаў і негатыўнае ўздзеянне на пераўтварэнне, уключэнне функцыі пошуку ў свой вэб-дызайн значна спрашчае для іх.

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

  5. Пераканайцеся, што падтрымка кліента добра бачная: Калі наведвальнікі мабільных тэлефонаў не могуць лёгка звязацца з вамі па дапамогу, калі яны сутыкаюцца з праблемамі, гэта дае вашай кампаніі дрэнную рэпутацыю.

    Вы павінны забяспечыць прадастаўленне любой адпаведнай кантактнай інфармацыі ў бачным месцы вашага сайта, каб вашы наведвальнікі маглі хутка атрымаць доступ да вашай службы падтрымкі кліентаў.

  6. Пераканайцеся, што кнопкі дастаткова вялікія: Пераканайцеся, што вы распрацавалі кнопку вашага сайта, каб ён быў дастаткова вялікім, каб яго можна было лёгка націснуць пальцам. Памятайце, што гэта не вялікі экран працоўнага стала, дзе навігацыя можа ажыццяўляцца мышкай або клавіятурай.

    75% карыстальнікаў смартфонаў выкарыстоўваюць вялікія пальцы, каб націскаць на экраны, таму кнопкі і іншыя элементы, якія можна націскаць, павінны быць дастаткова вялікімі.

    Акрамя таго, людзям, якія карыстаюцца мабільнымі прыладамі, даволі складана дабрацца да кутоў сваіх экранаў - таму мэтазгодна размясціць свае кнопкі і іншыя важныя элементы каля сярэдзіны экрана.

  7. Пазбаўцеся ад усплываючых вокнаў: Скажам праўда, усплывальныя вокны звычайна раздражняюць асабліва на мабільным сайце. Памятаеце, што большасць людзей выкарыстоўваюць вялікія пальцы для навігацыі па мабільных вэб-старонках, усплывальныя вокны звычайна цяжка зачыніць, бо маленькая кнопка "х", якая з'яўляецца на экранах працоўнага стала або ноўтбука, стане яшчэ меншай на экране мабільнага.

    Шмат разоў наведвальнікі нават выпадкова націскаюць на рэкламу, спрабуючы зачыніць іх - яны ў канчатковым выніку цалкам пасадзяць на іншую старонку - тым самым сапсуючы свой карыстацкі досвед.

    Калі вы павінны выкарыстоўваць усплывальныя вокны любой цаной, вы можаце паспрабаваць альбо максімальна спрасціць формы, альбо другі варыянт - выкарыстоўваць усплывальныя вокны толькі тады, калі наведвальнік націскае на яго.

  8. Падумайце пра мадэрнізацыю вашага сайта: Калі ваш сайт добра наладжаны, гэта можа апынуцца невыканальным, бо вялікая частка вашай аўдыторыі прызвычаілася да дызайну вашага сайта. Але калі ваш сайт адносна новы, вам варта паспрабаваць выкарыстаць спагадную тэму пры пераафармленні свайго сайта. Semalt мае адну з лепшых каманд па распрацоўцы вэб-сайтаў, якая можа дапамагчы ў пераабсталяванні вашага сайта.

  1. Пераканайцеся, што "шырыня" заўсёды ў працэнтах: Прыйшоў час, каб крыху пацешыць. Калі вы пстрыкніце правай кнопкай мышы на любым элеменце вэб-старонкі і выберыце «Праверыць элемент» (Для Google Chrome), з'явіцца панэль.

    Націсніце на элемент у акне злева, пасля чаго адпаведныя значэнні з'явяцца ў правым акне. Вы павінны ўбачыць значэнне для "шырыні", якое можна ўсталяваць у выглядзе пікселяў ці працэнтаў.

    Калі вы ўсталюеце яго ў працэнтах, шырыня гэтых элементаў будзе рэгулявацца па меры змянення памераў экрана.

  2. Выкарыстоўвайце медыя-запыты: Вы ўсё яшчэ можаце выкарыстоўваць пікселі для шырыні элементаў, калі ўмееце карыстацца медыя-запытамі. І выкарыстанне мультымедыйных запытаў - ключ да спагадлівага дызайну.

    Усё, што вам трэба зрабіць, гэта вызначыць, як вы хочаце, каб сайт паводзіў сябе ў розных памерах экрана. Вось чаму некаторыя старонкі змяняюцца і нават змяняюцца па меры змянення памеру экрана.

    Калі вы купляеце добрую тэму, альбо вы наймаеце паслугі такой выдатнай кампаніі па распрацоўцы вэб-сайтаў, як Semalt, якая займаецца стварэннем вашага сайта з самымі сучаснымі мабільнымі і SEO-стратэгіямі.

Выснова

Наяўнасць сайта, зручнага для мабільных тэлефонаў, дапаможа вам атрымаць максімальны трафік, які вы можаце атрымаць, і палепшыць агульны рэйтынг Google TOP. Гэта азначае больш каэфіцыент канверсіі для вашага бізнесу. Выканайце парады ў гэтым артыкуле, каб зрабіць ваш сайт мабільным і зразумелым, каб атрымаць усе перавагі вашага сайта.