Mobile Portrait Copy 2 Created with Sketch.

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

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

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

  1. Проверка на мобильность в вебмастере Яндекса
  2. Проверка на мобильность в вебмастере Гугла (https://www.google.com/webmasters/tools/mobile-usability)
  3. https://testmysite.withgoogle.com/intl/ru-ru - в отличие от предыдущего инструмента тут можно проверить конкретную страничку сайта на адаптивность
  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-страничку, а также страничку "спасибо за обращение".

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

7 144

1 коммент

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

Мысли

Мысли

608

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

Почему агентству не выгодно вести ваш контекст

Почему агентству не выгодно вести ваш контекст

1 319

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

Про Яндекс.Дзен

Про Яндекс.Дзен

1 353

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

КОММЕНТАРИИ

  • Павел Столяров

    http://www.iloveadaptive.ru – очень удобный сервис, лучше не встречал.


МОИ КЛИЕНТЫ


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


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

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