Школа рекламиста

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

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

В 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 или какой-либо другой инструмент, чтобы убедиться, что вы не допустили маленьких ошибок в коде.

Дарбя Романова, seonews.ru
Advertology.Ru

06.03.2014

на печать


Комментарии

Написать комментарий

 Проверочный код

Архив

Пн Вт Ср Чт Пт Сб Вс

Рассылка

Подписка на рассылку

E-mail:
 

Также нашу рассылку вы можете получать через

E-mail:  

на правах рекламы

Есть мнение ...

Как банки в рекламе ищут новые смыслы и старые ценностиКак банки в рекламе ищут новые смыслы и старые ценности
За последние пару лет реклама банков изменилась. Появились новые сюжеты и герои. Реклама по-прежнему — не только инструмент продвижения услуг, но и способ формирования доверия к финансовым организациям. Главный тренд, который отмечают  эксперты,— переход от сухого перечисления выгод к эмоционально окрашенным коммуникациям.
Антитренды наружной рекламыАнтитренды наружной рекламы
Антитрендами наружной рекламы в текущем году стали прямолинейность и чрезмерная перегруженность сообщений. Наружная реклама продолжает показывать рост: число рекламных конструкций за последний год увеличилось более чем на 2 тысячи.
Мария Бар-Бирюкова, Sellty: продажи на маркетплейсах не заменят...Мария Бар-Бирюкова, Sellty: продажи на маркетплейсах не заменят...
В компании Sellty спрогнозировали развитие рынка электронной коммерции в сегменте СМБ на ближайший год. По оценке основателя Sellty Марии Бар-Бирюковой, число собственных интернет-магазинов среднего, малого и микробизнеса продолжит расти и увеличится минимум на 40% до конца 2025 года. Компании будут и дальше развиваться на маркетплейсах, но станут чаще комбинировать несколько каналов продаж. 
Более двух третей представителей сферы рекламы, маркетинга и PR...Более двух третей представителей сферы рекламы, маркетинга и PR...
10 сентября – Всемирный день психического здоровья. Специально к этой дате компания HINT опросила коллег в сфере маркетинга, рекламы и пиара, чтобы понять, как представители этих профессий могут помочь себе и другим поддержать в норме психическое здоровье.
День знаний для маркетологовДень знаний для маркетологов
Как не ошибиться с выбором формата обучения и предстать перед будущим работодателем успешным специалистом. Директор по маркетингу ведущего IT-холдинга Fplus Ирина Васильева рассказала, на что теперь смотрят работодатели при приеме на работу, как нестандартно можно развиваться в профессии и стоит ли действующим маркетологам обучаться на онлайн-курсах.

Книги по дизайну

Загрузка ...

Репортажи

Дизайн под грифом &quot;секретно&quot;Дизайн под грифом "секретно"
На чем раньше ездили первые лица страны? Эскизы, редкие фотографии и прототипы уникальных машин.
&quot;Наша индустрия – самодостаточна&quot;: ГПМ Радио на конференции..."Наша индустрия – самодостаточна": ГПМ Радио на конференции...
Чего не хватает радио, чтобы увеличить свою долю на рекламном рынке? Аудиопиратство: угроза или возможности для отрасли? Каковы первые результаты общероссийской кампании по продвижению индустриального радиоплеера? Эти и другие вопросы были рассмотрены на конференции «Радио в глобальной медиаконкуренции», спикерами и участниками которой стали эксперты ГПМ Радио.
Форум &quot;Матрица рекламы&quot; о технологиях работы в период...Форум "Матрица рекламы" о технологиях работы в период...
Деловая программа 28-й международной специализированной выставки технологий и услуг для производителей и заказчиков рекламы «Реклама-2021» открылась десятым юбилейным форумом «Матрица рекламы». Его организовали КВК «Империя» и «Экспоцентр».
В ЦДХ прошел День социальной рекламыВ ЦДХ прошел День социальной рекламы (3)
28 марта в Центральном доме художника состоялась 25-ая выставка маркетинговых коммуникаций «Дизайн и реклама NEXT». Одним из самых ярких её событий стал День социальной рекламы, который организовала Ассоциация директоров по коммуникациям и корпоративным медиа России (АКМР) совместно с АНО «Лаборатория социальной рекламы» и оргкомитетом LIME.
Форум &quot;Матрица рекламы&quot;: к рекламе в интернете особое...Форум "Матрица рекламы": к рекламе в интернете особое... (2)
На VII Международном форуме «Матрица рекламы», прошедшем в ЦВК «Экспоцентр» в рамках международной выставки  «Реклама-2018», большой интерес у профессиональной аудитории вызвала VI Конференция «Интернет-реклама».

Форум

на правах рекламы

24.12.2024 - 21:33
RSS-каналы Advertology.RuRSS    Читать Advertology.Ru ВКонтактеВКонтакте    Читать Advertology.Ru на Twittertwitter   
Advertology.Ru - все о рекламе, маркетинге и PR
реклама

Вход | Регистрация