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

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

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

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

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

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

28 февраля 2017, 02:02

801

нет комментов

Возможно, вам также будет интересно

КОММЕНТАРИИ


МОИ КЛИЕНТЫ


ОТЗЫВЫ
О МОЕЙ РАБОТЕ


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

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