Чому так важливе відображення сайтів на мобільних пристроях і як це перевірити?
  

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

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

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

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

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

  1. Елементи інтерфейсу повинні бути контрастними. Якщо людина читає ваш контент на вулиці, де екран засвічений, він повинен чітко бачити текст, картинки і кнопки;
  2. Мобільна версія не повинна містити Flash-елементи і зайву анімацію;
  3. Неприпустима горизонтальна смуга прокрутки;
  4. Навігація повинна бути максимально простою і послідовною;
  5. Сайт повинен швидко завантажуватися;
  6. Тег viewport. При правильних Налаштуваннях сайт буде відображатися на будь-яких пристроях з будь-якими розмірами екрану.

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

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

1. Google Mobile Friendly
Перевірити можна будь-який сайт, просто вбивши його адресу в рядок.
Відображає на екрані як виглядає сайт на смартфоні і дає загальну оцінку його оптимізації під мобільні пристрої.

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

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

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

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

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

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

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

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

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

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


Send by E-mailSend by E-mail   Print versionPrint version
Comments(0)

No comments yet… Be the first to leave comment on this topic!

or
You may sign in using:
Enter with Facebook Enter with Google Enter with VK