8 сервисов проверки адаптивной верстки сайта

Сложность статьи:Новичкам

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

  1. Проверка на мобильность в вебмастере Яндекса
  2. Проверка на мобильность в вебмастере Гугла (https://www.google.com/webmasters/tools/mobile-usability)
  3. https://www.thinkwithgoogle.com/intl/ru-ru/feature/testmysite/ - в отличие от предыдущего инструмента тут можно проверить конкретную страничку сайта на адаптивность
  4. https://search.google.com/test/mobile-friendly - еще один сервис от Гугла
  5. https://www.bing.com/webmaster/tools/mobile-friendliness - проверялка от Бинга, на всякий случай лучше проверить сайт и тут
  6. http://www.responsinator.com/ - этот сервис показывает как выглядит сайт на разных разрешениях, очень удобно использовать для отладки кросплатформенной верстки онлайн
  7. http://mattkersley.com/responsive/ - что-то типа предыдущего инструмента
  8. iloveadaptive.com - еще один хороший инструмент проверки адаптивности на различных мобильных устройствах

На что обращать внимание при разработке адаптивного сайта

  1. Следите чтобы сайт хорошо отображался на различных устройствах и разрешениях.
  2. Добейтесь, чтобы не ругались вышеприведенные онлайн-сервисы.
  3. Нужно проверить несколько типов страниц, возможно, что не все странички Вашего сайта пройдут проверку.
  4. Не забудьте оптимизировать 404-страничку, а также страничку "спасибо за обращение".

8 579

4 комментария

КОММЕНТАРИИ

САМЫЕ
ПОПУЛЯРНЫЕ
СТАТЬИ за 6 мес


МОИ КЛИЕНТЫ


ОТЗЫВЫ


Спасибо! Вы подписаны на наши обновления

Подписаться на блог