×
Россия +7 (495) 139-20-33

Чек-лист для аудита мобильного сайта

Россия +7 (495) 139-20-33
Шрифт:
1 23195
Подпишитесь на нас в Telegram

В 2014 году уже не стоит вопрос о том, нужен мобильный сайт или нет. Сегодня актуальна другая проблема — как создать хороший мобильный сайт. Мобильные сайты ничем особенно не отличаются от обычных. Но редизайн вашего сайта под очень маленькие экраны и его соединение с основной версией дают много поводов для размышлений.

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

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

Проверьте ваши редиректы.

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

Позвольте мобильным пользователям просматривать основную версию сайта.

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

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

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

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

  • Страницы обычного сайта созданы с тегом rel="alternate", указывающим на мобильную версию этой страницы?
В заголовок добавить: < link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.domain.com" / >

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

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

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

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

Проверьте/добавьте мобильный sitemap XML.

  • Были ли все страницы мобильной версии сайта представлены Google с помощью sitemap XML в Google Webmaster Tools?
  • Держите мобильные страницы отдельно от обычных; Google Webmaster Tools сообщает количество проиндексированных страниц в отдельной карте сайта. Если вы держите страницы каждой версии сайта отдельно, то сможете увидеть, что мобильные страницы индексируются меньше, чем обычные.

Просмотрите мобильный сайт так же, как вы просматривали бы обычный.

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

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

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

  • Серверные редиректы, как правило, более быстрые, так как они не полагаются на слабую вычислительную мощность телефона.
  • На мобильных сайтах 301 и 302 редиректы отправляют одно и то же сообщение поисковым системам, так что вы можете использовать любой из них, хотя Google рекомендует по возможности прописывать 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, чтобы мобильные браузеры могли изменять размер страницы для используемого устройства.

Не используйте pop-up баннеры.

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

Адаптивные сайты: Посмотрите, где располагаются элементы.

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

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

  • Часто навигация сводится к минимуму из-за недостатка места. Не допустите этого.

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

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

Контент

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

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

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

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

Удалите ненужные изображения.

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

Видео

Просмотрите видео на мобильном сайте, чтобы убедиться, что они загрузились и нормально работают.

Используйте HTML5 видеоплейер.

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

Адаптируйте свое видео.

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

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

Заголовок каждой страницы хорошо выглядит на двух строках?

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

Ваш метатег description содержит не больше 120 символов?

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

Ваш URL понятен пользователям и содержит ключевые слова?

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

Последняя проверка

  • Прогоните страницы через W3C’s mobileOK checker или какой-либо другой инструмент, чтобы убедиться, что вы не допустили маленьких ошибок в коде.

Есть о чем рассказать? Тогда присылайте свои материалы Марине Ибушевой


Новые 
Новые
Лучшие
Старые
Сообщество
Подписаться 
Подписаться на дискуссию:
E-mail:
ОК
Вы подписаны на комментарии
Ошибка. Пожалуйста, попробуйте ещё раз.
Отправить отзыв
  • Дмитрий Лашманов
    16
    комментариев
    0
    читателей
    Дмитрий Лашманов
    больше года назад
    Хорошая статья, спасибо! Подготовил похожий чек-лист, может быть кому-то пригодится - seo-notes.ru/audit-mobilnoj-versii-sajta
    -
    0
    +
    Ответить
ПОПУЛЯРНЫЕ ОБСУЖДЕНИЯ НА SEONEWS
Накрутка поведенческих факторов: дорого, сложно, но можно. Если очень хочется
Oleg_bobr2012
1
комментарий
0
читателей
Полный профиль
Oleg_bobr2012 - Мда...Может Анне сразу в Яндекс написать кейсы по накрутке ПФ. Я бы такого сотрудника гнал вон.
28 способов повысить конверсию интернет-магазина
Татьяна
1
комментарий
0
читателей
Полный профиль
Татьяна - Очень действенные рекомендации представлены в статье! Всё четко расписано и легко внедряемо в работу интернет-магазинов.Удобство и наглядность+различные бонусы и скидки-именно то, что и цепляет покупателя.
Какие сайты лидировали в поиске Яндекса и Google в 2023 году
Гость
1
комментарий
0
читателей
Полный профиль
Гость - Если что по рейтингу вы не правы, есть ядро по которому производиться оценка и вы можете по нему самостоятельно все посмотреть. Единственный объективный рейтинг по SEO. Других не знаю Ну я вам скажу что это не так и в предыдущие года сайт моего клиента попадал в рейтинг, при чем несколько раз. И я прекрасно знал еще до объявления результатов кто лидер - рейтинг прозрачный, есть фразы по которым набираются баллы. В этом году наш сайт не попал в рейтинг например и это было понятно, что не попадет (по статистике позиций)
Создали ресурс для металлургов, который позволяет следить за аналитикой рынка и осуществлять продажи
Наталья Сталь
3
комментария
0
читателей
Полный профиль
Наталья Сталь -
5 способов увидеть сайт глазами поисковика: анализируем скрытый контент и cloaking
Гость
1
комментарий
0
читателей
Полный профиль
Гость - Сейчас клоаку прячут, так что под нее можно глянуть только с гуггловских ip. Сейчас только гуггл сервисами можно глянуть
7 актуальных сервисов для анализа сайта: сравнительная характеристика
Jenimeon
1
комментарий
0
читателей
Полный профиль
Jenimeon - SimilarWeb один из моих фаворитов, частенько им пользуюсь. Ценник не малый, но функционал хороший. Be1 тоже годный.
Насколько вечные – вечные ссылки?
daniilastaaahov
1
комментарий
0
читателей
Полный профиль
daniilastaaahov - Я где-то пару месяцев назад заказывал размещение вечных ссылок, до сих пор рабочие, не удалены. Буду надеется что и дальше с ними ничего не произойдёт.
Optimization 2023: текстовый анализ в 2024 году и методы увеличения релевантности страниц
Игорь
1
комментарий
0
читателей
Полный профиль
Игорь - это информация максимум уровня middle seo. что такой проходняк делает в секции hard seo когда-то великой ашмановки, еще и в исполнении токсичного инфоцыгана большая загадка)) ходил последние 5 лет на нее, но больше пожалуй не стоит
5 ошибок отдела продаж, из-за которых вы теряете клиентов
Андрей
1
комментарий
0
читателей
Полный профиль
Андрей - Крутая статья! Можно еще указать: Работу без CRM-системы - я считаю, что это основа отдела продаж. Потому что не все компании решаются на внедрение отдельно системы для отдела продаж. Но зато можно что то многофункциональное внедрить аспро.клауд или что то подобное
Простые SEO-работы, которые могут увеличить прибыль компании. Часть 1
roma.lisov
1
комментарий
0
читателей
Полный профиль
roma.lisov - Воспользовался советом по проверке и настройке картинок на сайте – реально дельный совет. Вот вроде и просто, казалось бы, а мне в голову раньше не пришло. А такие нюансы, конечно, нужно знать)
ТОП КОММЕНТАТОРОВ
Комментариев
910
Комментариев
834
Комментариев
554
Комментариев
540
Комментариев
483
Комментариев
386
Комментариев
373
Комментариев
262
Комментариев
249
Комментариев
171
Комментариев
156
Комментариев
141
Комментариев
121
Комментариев
120
Комментариев
100
Комментариев
97
Комментариев
97
Комментариев
96
Комментариев
80
Комментариев
77
Комментариев
74
Комментариев
67
Комментариев
64
Комментариев
60
Комментариев
59

Отправьте отзыв!
Отправьте отзыв!