Аудит адаптивности сайта

6 900 рублей
Что включает услуга?

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

Стоимость и срок исполнения

— 6 900 рублей. НДС не облагается. Срок выполнения — 5 рабочих дней.

Подробнее
Заказать расчет стоимости Задать вопрос
Безопасность
Детализированная статистика

Во-первых, если Вы не хотите терять своих читателей, посетителей, потенциальных клиентов или покупателей, следует заняться тем, чтобы сайт корректно и читабельно отображался на всех существующих сегодня устройствах: от смартфона с планшетом до smart-телевизора.

Во-вторых, и это пожалуй для кого-то самое главное, поисковые системы (среди которых сначала был только Google, но теперь к нему присоединился и Яндекс) начинают постепенно учитывать параметр адаптивности сайта при его ранжировании. Это означает лишь одно, что при отсутствии корректности отображения сайта на том или ином устройстве будет происходить занижение позиции сайта в выдаче поисковой системы.

Какие проблемы возникают при отображении сайтов на мобильных устройствах?
1. Элементы управления не реагируют на курсор, потому что на мобильных устройствах его нет.
2. Сайт не помещается на экране. При просмотре на мобильных устройствах появляется скролл.
3. Элементы управления слишком близко расположены или чересчур маленькие — в следствие чего в них сложно попасть пальцем.
4. Неоптимизированные изображения. Лишние элементы оформления.
5. Не работает управление жестами: прокрутка, увеличение, листание и другие функции.
6. Мелкие, нечитаемые шрифты. Широкие текстовые колонки.

Соединение вашего мобильного сайта с основным

Редирект

  • Наличие редиректов, перенаправляющих пользователей именно на ту страницу, которую они хотели просмотреть, а не на главную
  • Перенаправляются ли посетители в случае необходимости на мобильную версию сайта?
  • Перенаправляются ли посетители в случае необходимости на обычную версию сайта?

Регулярно обновляемые сайты: заголовок HTTP Vary.

  • Наличие заголовка HTTP Vary, чтобы сообщить Google и браузерам, что вы меняете HTML в зависимости от user-agen

Разные URL мобильной и основной версии сайта: Проверка тегов rel=alternate/canonical.

  • Созданы страницы обычного сайта с тегом rel="alternate", указывающим на мобильную версию этой страницы? В заголовок добавить: http://m.domain.com" />
  • Созданы страницы на мобильной версии сайта с тегом rel="canonical", указывающим на обычную версию сайта? В заголовок добавить: http://www.domain.com" />

Технические вопросы

Использование Google Webmaster Tools, что бы узнать, испытывает ли Google трудности при сканировании мобильного сайта.

  • Проверка Crawl > Crawl Errors с помощью Smartphone tab. Оцениваем URL, которые являются проблемой для мобильного сканирования.

Проверка мобильной sitemap XML.

  • Все страницы мобильной версии сайта представлены Google с помощью sitemap XML в Google Webmaster Tools?
  • Проверка местонахождения мобильных и обычных страниц сайта, для корректного отслеживания проиндексированных страниц.

Проверка скорости сайта на мобильных устройствах.

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

Использование серверных редиректов.

  • Серверные редиректы, как правило, более быстрые, так как они не полагаются на слабую вычислительную мощность телефона.
  • Проверка на мобильных сайтах 301 и 302 редиректов. 

Дизайн

Просмотр сайта на разных мобильных устройствах.

  • Сайт хорошо выглядит на разных телефонах?

Топовые телефоны —iPhone (iOS), Samsung Galaxy S4 (Android), Nexus 5 (другой Android) и Nokia Lumia 520 (Windows). Проверяем топовые телефоны, которые — исходя из данных веб-аналитики — используют наши посетители.

  • Сайт хорошо выглядит на разных планшетах?

Проверяем топовые планшеты — iPad (iOS), Samsung Galaxy Tab в разных размерах (Android), Kindle Fire (Amazon) и Asus Transformer Book (Windows). Проверяем топовые планшеты, которые — исходя из данных веб-аналитики — используют наши посетители. 

Проверка размера ссылок.

  • Есть ли между ссылками интервал 28×28 пикселей, чтобы на них было удобно нажимать пальцем?

Отсутствие элементов, работающих на Flash.

  • iPhone не может воспроизводить Flash-элементы, а на Android они работают медленно.
  • Скрытое использование Flash, например, на Flash Player для видео.

Наличие тега viewport.

  • Настройка тег viewport, чтобы мобильные браузеры могли изменять размер страницы для используемого устройства.

Месторасположение элементов.

  • Находятся ли все важные элементы сайта в верхней части мобильной версии сайта? 

Навигация

Проверка страниц мобильного сайта на доступность пользователям.

Ссылки ведут только на мобильную или только на основную версию сайта.

  • Если на мобильной версии сайта представлена только часть основного контента, то посетители могут быть разочарованы.
  • Наличие ссылки на контент основной версии не вызовет проблем, потому что если пользователей не заинтересует предложенная информация, то они не будут переходить по ней.
  • Но если посетители все же заинтересуются контентом, вы можете использовать данные аналитики, чтобы узнать об этом.

Контент

Сопоставляем страницы основной и мобильной версии сайта.

  • У каждой страницы основного сайта должен быть свой мобильный эквивалент.
  • У мобильного сайта может быть больше страниц, чем у обычного, потому что часто легче ориентировать по мобильному сайту, если его содержание разбито на несколько страниц.
  • В некоторых случаях вы можете использовать дополнительные страницы на мобильной версии, но все равно лучше предлагать их в обеих версиях, чтобы у посетителей не возникало ощущения, что они не могут чего-то найти.

Сокращение многословного контента.

  • Посетители мобильного сайта работают с маленьким экраном, часто на ходу, и нередко они очень нетерпеливы.
  • Тексты должны быть сокращены настолько, насколько возможно.

Удаление ненужных изображений.

  • Они замедляют загрузку страницы и занимают дополнительное пространство.
  • Объявления особенно раздражают на мобильных сайтах, поэтому, если они не являются вашим основным источником дохода, лучше сократить их количество на мобильной версии.

Различия выдачи

Проверка заголовков каждой страницы на двух строках

  • Google отводит на заголовок 70 символов (512 пикселей), но из-за ширины экрана он делится на 2 строки.

Проверка метатега description

  • Google обрезает description мобильных сайтов в своей выдаче примерно до 120 символов.

Проверка понятности URL посетителям и наличие ключевых слов

  • Google отображает в мобильном поиске не основной, а мобильный URL, если редиректы настроены верно.

Сайты, корректно отображающие свой контент и обладающие возможностью динамически подстраиваться под имеющиеся размеры окна устройства, подключённого к интернету, стали называть адаптивными. В результате чего появилось новое, современное, и как оказалось, весьма важное понятие —«адаптивность сайта».

Концепция адаптивного подхода к созданию сайтов в полной мере решает все появившиеся проблемы, ведь с ее помощью можно добиваться главного — универсальности отображения сайта или веб-страниц на мобильных устройствах.

  • Пошаговая инструкция по повышению адаптивности.
  • Подробный отчет о проделанной работе.

Документы


Заказать услугу
Оформите заявку на сайте, мы свяжемся с вами в ближайшее время и ответим на все интересующие вопросы.