Мобільний домінування: 5 порад по оптимізації

1. 5 кроків оптимізації мобільних сайтів:
2. Про психології користувача:

Наша команда-партнер Artmisto

Аудиторія користувачів мобільних пристроїв стрімко збільшується.За прогнозами Google в 2014 році понад 1 мільярд чоловік будуть «серфить» в інтернеті за допомогою мобільних пристроїв.А загальна кількість смарфона в світі до 2018-у році досягне трьох мільярдів, планшетів на той час буде налічуватися близько одного мільярда.

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

5 кроків оптимізації мобільних сайтів:

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

Погодьтеся, сприймається не дуже легко, і на це є дві основні причини: зіпсована верстка і перевантаженість інформацією, через яку потрібно скролить сторінку (перемотувати вниз). До того ж така сторінка буде довго завантажуватися через вагу картинок, більше 60% користувачів закриють її, якщо час завантаження перевищить 5 секунд. 2 Виберіть варіант мобільної версії. Зараз Google підтримує три варіанти мобільних сайтів:

• Сайти з адаптивним веб-дизайном. Адаптивний веб-дизайн означає, що на всіх пристроях відкриваються одні і ті ж URL. Код HTML при цьому не змінюється, а адаптація сторінки до певної платформі забезпечується за рахунок розмітки CSS.
• Сайти, які на будь-яких платформах задіють один і той же набір URL, але при цьому звичайним комп'ютерам і мобільних пристроїв динамічно надається різний код HTML (і CSS).
• Сайти, які надають різні URL звичайним комп'ютерам і мобільних пристроїв. По суті, необхідно робити два варіанти сайту або цільових сторінок.

Ми рекомендуємо використовувати сайти з адаптімним веб-дизайном. 3 Створіть мобільну версію Для створення мобільної версії ознайомтеся з рекомендаціями Google. Ми пропонуємо вам список сервісів, які прискорюють процес: Для тих, у кого немає досвіду роботи з HTML 5 і CSS або часу:

• MoFuse - простий у використанні сервіс для швидкого створення мобільної версії.

• WPtouch Pro 3 - фантастичний плагін, доступний користувачам WordPress.org, за допомогою якого можна автоматично створити мобільну версію сайту.
• Mippin - безкоштовний сервіс, який за кілька хвилин перетворити ваш сайт в додаток.
• MobiSiteGalore - вам знадобиться не більше 15 хвилин, щоб створити мобільну версію вашого сайту.

• Mobify - безкоштовний сервіс, за допомогою якого люди, які володіють HTML і CSS, легко змінюють і оптимізують сайт під мобільні пристрої. Підходить для роботи з WordPress, Drupal, ExpressionEngine і іншими, з добре сформованим HTML кодом. Для використання розширеної версії доведеться платити абонентську плату.
• iWebKit - інструмент для створінь мобільних додатки адаптованих під iPhone.

1. Його користувачі не люблять прокрутку, тому розміщуйте найважливішу інформацію вгорі страніци.Большой обсяг інформації, розбийте на кілька блоків і помістіть на окремих сторінках.
2. Зробіть клікабельним телефон, з автоматичним набором номера. Якщо користувач захоче вам подзвонити, йому доведеться шукати спосіб записати номер, але навіщо? Досить одного кліка і він дзвонить вам.
3. Уважно і ще раз уважно поставтеся до зображень, вони ваша перевага і загроза. Картинки привертають увагу, але в той же час збільшують сторінку і можуть «поламати» адаптивний дизайн. Тому стискайте картинки і задавайте розмір зображень у відсотках, а не пікселах.
4. Зробіть заклик до дії видимим на всіх типах пристроїв. Розміщуйте кнопки зліва вгорі сторінки. І ще дайте користувачем можливість перейти на повну версію сайту.
5. Також актуально на сьогоднішній день створення мобільного додатку, який дозволить користувачеві більш швидко і зручно отримувати інформацію, ніж перегортання сторінок. До того ж отримати оффлайн доступ до деякої інформації, що вимагає разового оновлення.

Мобільний SEO майже не відрізняється від просування звичайних сайтів. Необхідно оптимізувати код і закупити зовнішні посилання на обнародувано сторінки. Ключові слова можуть дещо відрізнятися, адже при наборі тексту на телефоні користувачі вводять менше слів в запиті і використовують скорочення. Використовуйте більш тісну компоновку слів і параграфів, тому, що на маленькому дисплеї відступи здадуться дуже великими. Перевірте наявність файлів Compact HTML або Compact XHTML, якщо їх немає, обов'язково додайте. Пошукові роботи індексують ці файли, щоб перевірити, як сайт відображається на різних пристроях.

Про психології користувача:

При роботі з мобільними користувачами варто враховувати, що:

• Найчастіше мобільний інтернет задіють для швидкого вирішення конкретного завдання: уточнення адреси або телефону, швидкої покупки (наприклад, замовлення піци).
• Перегляду сайту за допомогою гаджета приділяється менше часу, оскільки користувач в цей час може перебувати в транспорті, на обідній перерві і т.д.
• А ось інформацію на телефоні читають уважніше, ніж на стандартному моніторі.

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