«Фішки» мобільного сайту: 11 порад від Google

1. 1 Звіт «State of Mobile Commerce Report» за четвертий квартал 2015 року. - Ред.
2. П'ять головних питань і відповідей про оптимізацію сайту під мобільні пристрої
3. 2 Сторінка тексту в інтернеті: www.google.com/webmasters/tools/mobile-friendly/
4. Як оптимізувати домашню сторінку сайту під мобільні пристрої
5. 3 СТА (від англ. Call to action, заклик до дії) - кнопка, яка мотивує користувачів вчиняти дії на сайті. - Ред.
6. Як оптимізувати пошук по сайту
7. Як підвищити конверсію мобільного сайту
8. Як оптимізувати заповнення форм
9. Як зробити в цілому зручний сайт для мобільних користувачів

Експерти відзначають: головний тренд в області онлайн-маркетингу - створення і оптимізація мобільної версії сайту фірми.

Чому це важливо? За даними компанії Criteo1, 22% замовлень росіяни оплачують з мобільних пристроїв. Ще два роки тому цей показник був в два рази нижче. Крім того, 59% споживачів використовують мобільний інтернет, щоб знайти інформацію про товар або перейти на сайт компанії. Якщо ви не хочете втратити потенційних клієнтів, зверніть увагу на мобільну версію сайту фірми або інтернет-магазину. У статті зібрані 11 універсальних порад для оптимізації сайту під мобільний пристрою.

1 Звіт «State of Mobile Commerce Report» за четвертий квартал 2015 року. - Ред.

ТОП-5 найбільш затребуваних статей для комерсанта:

П'ять головних питань і відповідей про оптимізацію сайту під мобільні пристрої

Яким компаніям і коли працювати з мобільною версією сайту. З урахуванням зростання мобільного трафіку через п'ять років користувачі будуть купувати вісім з десяти товарів через мобільні сайти. Якщо частка пошукових запитів або трафіку з гаджетів у вашій компанії вже сьогодні перевищує 15%, виділіть кошти на оптимізацію мобільного сайту, щоб зробити його зручнішим для відвідувачів.

Зверніть увагу: 44% компаній вважають, що адаптувати ресурс для мобільних пристроїв - значить просто зменшити розмір сайту. Але це помилкова думка. Насправді мобільний сайт будується за іншими принципами і вимагає ретельного опрацювання всіх деталей. Тому, щоб не втратити потенційних покупців, збільшити продажі і випередити конкурентів, прискорте роботу в цьому напрямку. В першу чергу це стосується компаній, товари і послуги яких користуються попитом серед користувачів мобільних пристроїв (малюнок 1).

Що краще - мобільний сайт або додаток. У 2015 році ми запитали у мобільних користувачів, як вони застосовують смартфони. Результати здивували: 40% респондентів відповіли, що постійно спілкуються в месенджерах (Hangouts, WhatsApp, Viber і ін.), 40% - звертаються до мобільних додатків, 20% - заходять на різні сайти, шукають інформацію в Мережі. При цьому для 60% опитаних додатки брендів вже непривабливі: люди швидше скористаються рядком пошуку або відкриють сайт компанії, якщо захочуть дізнатися про товар або купити його.

Зверніть увагу: якщо у вас не ігровий і не розважальний бізнес, зосередьтеся на створенні або оптимізації мобільного сайту, а не на розробці програми. Крім того, підтримка програми обходиться дорожче, ніж обслуговування сайту.

Коли шукають інформацію або купують зі смартфона. Сьогодні користувачі мобільних пристроїв виходять в Мережу в середньому 150 разів на день. Ми вивчили, в який час дня споживачі шукають інформацію про товари або брендах через мобільний інтернет (малюнок 2). Використовуючи ці дані, можна налаштувати рекламну кампанію так, щоб в найбільш відповідний час доби показувати потенційним покупцям вигідні пропозиції або товари, які ви просуваєте. Це приверне увагу клієнтів і підвищить конверсію.

В яких регіонах частіше використовують мобільний інтернет. За нашими даними, споживачі активніше виходять в Мережу за допомогою гаджетів в Примор'ї, особливо у Владивостоці. Так, сьогодні в сегменті електроніки 66% запитів у Владивостоці йдуть з мобільних пристроїв. Причина: телеком-оператори поки не проклали в цьому регіоні оптоволокно і не налагодили швидкісний інтернет, а компанії стільникового зв'язку вже запустили швидкісний 3G- і 4G-інтернет. Тому споживачам простіше купити смартфон і використовувати мобільний Мережу.

Друге місце по мобільному інтернет-трафіку займає Краснодарський край: 60% запитів йдуть з мобільних пристроїв. Причина: в цьому регіоні багато відпочиваючих, які можуть знайти потрібну інформацію тільки за допомогою гаджетів.

У Москві і Санкт-Петербурзі частка запитів зі смартфонів і планшетів досягає 50%. Жителі столичних міст в рівній мірі шукають відомості про бренди та товари з комп'ютерів і з мобільних пристроїв. Але з часом обсяг мобільних запитів збільшиться і тут.

Менш активно мобільним інтернетом користуються жителі Тюменської області, Республіки Алтай і Сибірського регіону. Це обумовлено високими тарифами на стільниковий зв'язок і особливостями споживчих переваг в цих регіонах.

Запам'ятайте: щоб підвищити ефективність рекламних кампаній, правильно налаштовуйте фільтри. Наприклад, в тих регіонах, де жителі частіше використовують мобільний інтернет, зробіть упор на рекламу на смартфонах, а там, де вважають за краще стаціонарний, зосередьтеся на рекламі на десктопах.

Навіщо оптимізувати мобільний сайт. З квітня 2016 року Google працює з сайтами за новим алгоритмом Mobile Friendly. Тепер ресурси з мобільними версіями або адаптивним дизайном розміщуються в пошуковій видачі на більш високих позиціях. Якщо сайт не оптимізований для гаджетів, мобільний трафік з пошуку Google знизиться.

Як тільки ви налаштуєте мобільну версію ресурсу, пошукова система автоматично проиндексирует сторінки і підніме сайт вище. За останній рік Google збільшив частку в пошуковому трафіку в Росії з 26,9 до 32,1% і продовжує нарощувати ці показники.

Як дізнатися, наскільки якісно працює ваш ресурс на мобільних пристроях? Перевірте окремі сторінки або сайт повністю за допомогою тесту mobile-friendly2 - в звіті про мобільний юзабіліті в налаштуваннях Google Webmaster Tools. Зверніть увагу: Google не сприймає як mobile-friendly навіть сайти з якісним дизайном і юзабіліті, якщо там немає адаптивної верстки або мобільної версії. За результатами аналізу пошукача 63,5% сайтів не привабливі для користувачів мобільних пристроїв через поширених помилок (рисунок 3).

2 Сторінка тексту в інтернеті: www.google.com/webmasters/tools/mobile-friendly/

Розробляючи мобільний сайт, враховуйте зручність для власників смартфонів і планшетів. Спеціально для цього ми провели дослідження. Користувачі працювали з різними мобільними сайтами (намагалися придбати товар, вивчити асортимент, дізнатися умови покупки та ін.) І потім озвучили власні враження. На основі цих оцінок ми сформулювали поради для компаній з розробки та оптимізації мобільних сайтів.

Як оптимізувати домашню сторінку сайту під мобільні пристрої

Завдання домашньої сторінки - визначити мету користувача і направити його за потрібною адресою. Тому зверніть увагу на три моменти.

Перший: розмістіть кнопку заклику до дії на видному місці. Користувач, заходячи на сайт, повинен розуміти, куди клікнути, щоб перейти в потрібний розділ. Тому не штовхайте покупців на зайві дії: не створюйте кнопки «Дізнатися більше» та ін. Щоб користувач швидше орієнтувався і отримував потрібну інформацію, поступите таким чином. Головні кнопки СТА3 ( «Купити», «Оформити замовлення», «Дізнатися ціну» і ін.) Розташуйте в тій частині сторінки, яку видно користувачеві без прокрутки. Другорядні кнопки (наприклад, «Зв'язатися з фахівцем») розмістіть в меню або внизу сторінки. У цьому випадку ймовірність покупки буде вище.

3 СТА (від англ. Call to action, заклик до дії) - кнопка, яка мотивує користувачів вчиняти дії на сайті. - Ред.

Другий: скоротіть меню. Докладним меню сайту зручно користуватися на комп'ютері, але прокручувати довгий список пунктів на мобільному пристрої некомфортно для покупців. Тому скоротіть кількість елементів меню до мінімуму - п'яти-семи пунктів. Якщо не виходить, перегрупуються вкладки. Наприклад, якщо продаєте одяг і взуття, в головному меню залиште дві вкладки - товари для чоловіків і жінок. Потім в кожній вкладці розділіть товари за сегментами: одяг, взуття, аксесуари та ін. Чим коротше меню, тим зручніше користувачеві працювати з сайтом.

Третій: помістіть логотип в лівому верхньому кутку. Саме сюди в першу чергу дивиться користувач на екрані смартфона, потім переводить погляд зліва направо, по діагоналі і справа наліво. Тому не варто розміщувати логотип внизу або збоку справа: він не приверне уваги покупців. Чому це важливо?

Відвідувачі сайту часто клікають на логотип, щоб повернутися на головну сторінку сайту. Якщо цього не відбувається, користувачі дратуються і закривають вкладку. Тому зверніть увагу: логотип повинен працювати як кнопка повернення на домашню сторінку мобільного ресурсу.

Як оптимізувати пошук по сайту

Функція пошуку - одна з головних на сайті. Тому зробіть пошуковий рядок помітною і корисною. Зверніть увагу на два моменти.

Перший: розмістіть рядок пошуку на видному місці. Для пошуку по сайту зробіть текстове поле у ​​верхній частині головної сторінки. За його користувачів, це найбільш зручний формат пошукового рядка. Тому не ховайте пошук в меню.

Другий: створіть грамотні фільтри. Використовуйте фільтри, які обмежують результати пошуку. Якщо не застосовувати цю функцію, відвідувачі підуть з сайту. Однак пам'ятайте: вузькі фільтри відлякують користувачів. Наприклад, покупниця вибирає плаття і задає параметри: «плаття 48-го розміру зелене сезону 2016 з розрізом». Пошук показує: нуль результатів. В результаті жінка покине інтернет-магазин. Щоб цього уникнути, при фільтрації пошуку повідомляйте клієнтам, скільки результатів відповідають зазначеним параметрам. Так, якщо покупець побачить, що зелених суконь 48-го розміру всього два, вона вчасно змінить запит і підбере товар до душі.

Як підвищити конверсію мобільного сайту

Щоб збільшити конверсію мобільного сайту, максимально спростите форму і процес замовлення. Зверніть увагу на два аспекти.

Не тисніть на покупців. Багато компаній вимагають, щоб клієнти відразу зареєструвалися або залишили контактні дані. Якщо людина зайшла на сайт в перший раз, не вивчив асортимент, ціни і ін., Подібні питання його розсердять і відштовхнуть. Тому спочатку дозвольте потенційному покупцеві ознайомитися з інформацією, освоїтися і тільки після першого замовлення запитуйте реєстраційні відомості. Це підвищить лояльність клієнта до компанії, і надалі він повернеться на сайт, щоб купити знову.

Запропонуйте клієнту поділитися інформацією. Споживачі, вибираючи товар, люблять порадитися з рідними і друзями. Коли клієнти копіюють посилання на сторінки сайту, щоб послати через месенджери або по SMS, їх дратують зайві дії. Додайте кнопку «Відправ посилання одному» і дозвольте поділитися інформацією через соцмережі або по електронній пошті. Так посилання не втратять і відкриють правильно.

Крім того, подбайте, щоб користувачі могли завершити покупку на іншому пристрої. Деякі власники гаджетів збирають інформацію про товари в мобільних пристроях, а покупку здійснюють з комп'ютера. Запропонуйте клієнтам альтернативу: наприклад, розмістити інформацію в соціальних мережах, відправити e-mail або покласти товар в кошик, щоб пізніше оформити замовлення і не втратити дані.

Як оптимізувати заповнення форм

Щоб мінімізувати для клієнтів фінальні дії перед покупкою, спростите заповнення форм. В іншому випадку покупець, зіткнувшись з труднощами, покине сайт. Зверніть увагу на два моменти.

Спростіть введення інформації. Покупцям незручно, коли сайт пропонує залишити номер телефону, а на клавіатурі - одні букви. Це дратує користувачів. Тому показуйте цифрову клавіатуру, тільки коли потрібно ввести числові дані. Крім цього, додайте функцію автоматичного переходу між полями. Передбачте календар, який з'явиться при введенні дати народження. Так клієнти заповнять форму швидше.

Скоротіть кількість полів в формі до мінімуму. Якщо сайт пропонує заповнити багато полів, які шикуються в довгий список, це відлякує покупців. Розділіть форму на логічні ділянки. Якщо у вас дев'ять полів, згрупуйте на першому кроці три поля для інформації про адресу, ще три - для контактних даних, останні три - для вказівки переваг по способу і часу доставки. Це мотивує користувачів завершити покупку.

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

Власники мобільних пристроїв цінують зручні дрібниці на сайті, які спрощують роботу з ресурсом. Зверніть увагу на два моменти.

Використовуйте оптимальну орієнтацію екрана. Картинки при горизонтальній орієнтації виглядають непривабливо, а верстка при зміні положення екрану може «поїхати». Розробіть горизонтальний і вертикальний дизайн мобільного сайту і пропонуйте перемикатися у відповідний для перегляду режим. Заклики до цього кроку мають бути добре помітні.

Чи не застосовуйте фразу «повна версія». Компанії часто мають у своєму розпорядженні внизу сторінки кнопку «Перейти до повної версії». Користувачі натискають на неї і переходять на варіант сайту, призначений для десктопа. Щоб уникнути подібної ситуації, використовуйте кнопку «PC-сайт» або «Перейти на версію для ПК».