Рекомендации касательно мобильной версии сайта

19:32 23 июня 2014 — Угниченко Дмитрий

Количество информации потребляемое с мобильного поиска каждый день растет.

Одна вещь, которую мы знаем наверняка. Когда речь заходит о мобильном SEO мы знаем: Google дал ясно понять, что плохой мобильный сайт это плохие поведенческие, а это плохое ранжирование в результатах их мобильных поиска.

Далее о возможных проблемах адаптивного или мобильного сайта и про варианты решений таких проблем.

Настройка мобильного сайта

Google поддерживает и понимает любой тип мобильных сайтов: адаптивный сайт или решение в pda-формате.

То же URL для мобильных и Desktop

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

Еще один вариант, вместо определения ширины экрана устройства пользователя, можно идентификацировать тип устройства пользователя. Это делается через строку User Agent, но так как есть множество вариантов User Agent, этот метод является менее предпочтительным, чем методом определения ширины экрана. Но, если вы используете этот метод, то Google рекомендует “Vary: User-Agent” в заголовке HTTP на всех соответствующих страницах. Это укажет поисковому боту, что стоит обратить внимание на наличие разные версии сайта.

Уникальные URL-адреса для мобильного сайта

Многие сайты имеют уникальные URL-адреса для мобильных сайтов и Google имеет решение, которые помогает обеспечить ясность в этих случаях. Используйте rel="alternate" на десктопных страницах чтобы указать Googlebot'у на мобильные страницы сайта и rel="canonical", чтобы закрыть перелинковку с мобильных страниц обратно на десктопную версию.

Тест

Определение различий в производительности настольных и мобильных

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

Взгляните на десктопный и мобильный трафик, сравните показатели чтобы определить и оптимизировать проблемы мобильной версии.

Второй шаг в оценке мобильного трафика, это оценка показателя отказов, которые в основном возникают из-за юзабилити. В мобильной версии некоторые куски кода работающие корректно в десктопной версии могут обрабатываться с целым рядом проблем. Найдите проблемные страницы сайта.
Часто основной проблемой является интерфейс и навигация в мобильной версии сайта. Любые вопросы юзабилити состоят из тех интерфейсных проблем, что делают мобильный сайт сложным для использования. Таких проблем масса. Это и большие изображения. Еще, встречается проблема мелкого шрифта. Еще, pop-up window.

Браузер Chrome имеет укомплектованный набор эмуляторов.

Скорость открытия

Увеличение скорости мобильной версии сайта является одной из самых важных задач. Google утверждает, что в то время как сайт имеет одну секунду чтобы удержать внимание своего пользователя, в среднем загрузка страницы на мобильном телефоне занимает 7 секунд. Чтобы получить советы по оптимизации страницы испольуйте Google Page Speed Insight.
Альтернатива: WebPageTest.org.

Итог

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

Также, можете пользоваться MegaIndex Audit для профессионального аудита сайтов на предмет ошибок в поисковой оптимизации. Регистрация здесь.