Обсяг мобільного трафіку давно перевищив 65%. Більше 75% покупців шукають товари і послуги в інтернет-магазинах за допомогою смартфонів. Правда, в більшості випадків покупка завершується на ноутбуці або настільному комп’ютері.

У зв’язку з цим пошукові системи прагнуть зробити мобільну видачу зручнішою для користувачів. У лютому 2015 р.Google заявив, що наявність адаптивної або мобільної версії позитивно позначається на ранжируванні. Рівно через рік, в лютому 2016-го, Яндекс оголошує те ж саме.

Але чому не замовляють товари зі смартфона? Тому що з технічних причин цього зробити неможливо.
Джерело: https://1k.com.ua/kak-proverit-otobrazhenie-sajtov-na-mobilnyh-ustrojstvah.html

Які ознаки має хороший мобільний сайт?

Контент повинен зручно читатися, щоб текст не доводилося збільшувати або нескінченно прокручувати вниз;

  – Елементи інтерфейсу повинні бути контрастними. Якщо людина читає ваш контент на вулиці, де екран засвічений, він повинен чітко бачити текст, картинки і кнопки;

  – Мобільна версія не повинна містити Flash-елементи і зайву анімацію;

  – Неприпустима горизонтальна смуга прокрутки;

  – Навігація повинна бути максимально простою і послідовною;

  – Сайт повинен швидко завантажуватися;

  – Тег viewport. При правильних Налаштуваннях сайт буде відображатися на будь-яких пристроях з будь-якими розмірами екрану.

Джерело: https://gravitec.net/ru/blog/10-sposobov-posmotret-kak-vy-glyadit-sajt-na-mobil-nom/

Сервіси для перевірки сайту на " мобільність»

1. Google Mobile Friendly (https://search.google.com/test/mobile-friendly)
Перевірити можна будь-який сайт, просто вбивши його адресу в рядок.
Відображає на екрані як виглядає сайт на смартфоні і дає загальну оцінку його оптимізації під мобільні пристрої.

2. Яндекс Вебмастер (https://beta.webmaster.yandex.ru/) ( beta) – інструмент " перевірка мобільних сторінок»
На відміну від інших сервісів, тут можна перевірити не кожен сайт, а тільки свій. Тобто після того, як сайт додано в інтерфейс вебмайстра з підтвердженням прав на нього.
Сервіс відображає загальну оцінку, перевіряє по 6 пунктам відповідності і показує як виглядає сайт на смартфоні.

3. Засіб перевірки Bing (https://www.bing.com/webmaster/tools/mobile-friendliness)
Перевіряється загальна оптимізація плюс відповідність 4 пунктам.
Також відображається те, як сайт виглядає на екрані смартфона (звичайно ж, на OS windows, в той час попередні сервіси відображали Android-смартфон =)).

4. Mobile Checker від W3C (https://validator.w3.org/)
Самий «довгий» з усіх сервісів. Настільки «довгий», що закінчення перевірки я так і не дочекався =)
Чекав хвилин 5, в той час як інші сервіси справлялися за 5-20 секунд.
Пробував Google chrome і Opera.

5. Responsinator (http://www.responsinator.com/)
На відміну від інших не дає будь-яких оцінок, але відображає як виглядає ваш сайт на 6 різних пристроях в двох орієнтаціях на IOS і Android, що дуже круто.

6. Adaptivator (http://adaptivator.ru/)
Сервіс запропонований в коментарях до цієї статті. Особисто не користувався, але начебто все досить-таки непоганий. Можливості аналогічні респонізатору, але є ще й оцінка результату адаптивності.

7. iloveadaptive.ru (http://www.iloveadaptive.ru)
Ще один новенький сервіс, запропонований в коментарях. Як на мене, трохи грузноват і непрактичний, але це з лишком окупається великими можливостями. Є навіть сортування по ОС.

Джерело: https://spark.ru/startup/bilalovpro/blog/14340/7-servisov-dlya-proverki-sajta-na-mobilnost

Який інструмент краще використовувати?

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

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

————————————

This document has been copied from FAVOR.com.ua (https://favor.com.ua/en/blogs/33935.html).
All rights reserved by author of the material. In case of re-publication, the link to the source of the material is strongly required!
Document date: May 21, 2021