Как сделать сайт удобным для мобильных пользователей?

Как сделать сайт удобным для мобильных пользователей?

(00:10) Привет! Меня зовут Руслан Байбеков, и сегодня мы поговорим о сайте, удобном для мобильных пользователей. В этом видео я расскажу про общие требования Google к мобильному юзабилити веб-ресурсов, затрону особенности алгоритма ранжирования. И расскажу, конечно же, как проверить, готов ли ваш сайт к приему мобильных пользователей. Итак, критерии удобства. Исследования, проводимые агентством разработки решений для мобильного интернета «Мобильная кухня», свидетельствуют о печальном факте: более 63% топовых интернет-магазинов России из рейтинга журнала Коммерсантъ неудобны для просмотра на смартфонах. В целом же более 90% российских сайтов абсолютно не готовы к приему мобильных пользователей, несмотря на то, что их доля от общего числа пользователей всего интернета составляет более 50%.
(00:57) Что же делает сайт неудобным для мобильных пользователей? Специалисты Google, как и «Яндекс», называют ряд ошибок, не позволяющим сайту быть дружественным к смартфону. Мелкий шрифт, графика и активные элементы – в этом случае страница сайта отображается как на десктопном устройстве, но становится нечитабельной. Ширина контента превышает размеры экрана и приходится передвигать зону просмотра или осуществлять горизонтальный скроллинг. Мелкие и расположенные слишком близко друг от друга активные элементы: ссылки и кнопки, на которые невозможно нажать без масштабирования. Использование несовместимых плагинов. Показательным примером является flash-плеер, который, к счастью, используется все меньше и меньше.
(01:37) На экране отображены два сайта аналогичной тематики, один из которых соответствует требованиям mobile friendly, а другой нет. Из приведенного примера становится понятным, что страница, комфортная для мобильных пользователей имеет следующие критерии юзабилити: первое - крупные активные элементы, кнопки, формы, графика, хороший читаемый без приближения шрифт. Далее идет структурированный контент, когда важная информация помещается на первом экране, а второстепенная скрывается из зоны просмотра. Совместимые с мобильной платформой форматы файлов, конечно же, адаптированная под экран смартфона область просмотра контента. В первую очередь о мобильной адаптации сайтов стоит задуматься, а лучше уже начать действовать владельцам электронных СМИ, блогов, коммерческих площадок, таких как интернет-магазины, корпоративные сайты и прочие ресурсы. Конечно же, не стоит медлить и сайтам с развлекательным контентом. Это те ресурсы, которые ежедневно собирает большое число просмотров именно с мобильных устройств. Когда пользователи читают новости, смотрят видео или выбирают товары на бегу.
(02:43) О методах адаптации сайта для мобильных устройств я расскажу в следующем видео. Каковы же особенности алгоритмов mobile friendly и «Владивосток»? Прежде всего, стоит отметить, что алгоритм, запущенный Google 21 апреля прошлого года, и «Владивосток», который был от «Яндекса» запущен совсем недавно, влияет на результаты только мобильного поиска. Мобильная и десктопная выдача не коррелирует друг с другом, и затрагивает исключительно смартфоны. В данном алгоритме допустимы исключения, когда десктопные версии сайтов могут ранжироваться выше мобильных. Это возможно в случае брендовых запросов. Конечно же, неадаптированный сайт бренда будет иметь приоритет. Интересен факт, что одним из факторов ранжирования в мобильном поиске также является наличие мобильного приложения у сайта, при условии, что оно проиндексировано гуглботом и уже установлено на устройстве пользователя, а сам пользователь авторизован в системе Google. Таким образом, в поиске можно будет увидеть ссылку на приложение и открыть его, не переходя на основной сайт.
(03:39) Инструменты проверки сайта. Для удобства мастеров Google разработал ряд сервисов, которые в один клик помогут определить, отвечает ли сайт требованиям нового алгоритма или нет. Первый сервис mobile friendly тест позволяет узнать, какими видит страницы сайта поисковый робот. Этот тест может выдавать ошибки, некорректный скриншот страницы. В случае, если некоторые директивы файла робот c txt заблокированы для доступа робота. С точки зрения оптимизации сайта под мобильный поиск, этот отчет предоставляет наибольшую важность. Ну и пример, конечно же, вы видите на экране.
(04:12) Второй инструмент – PageSpeed Insights показывает страницу так, как она отражается на экране смартфона пользователя. Кроме этого, инструмент проверяет скорость загрузки и дает основные технические рекомендации. Отслеживание трафика. Отслеживать мобильный трафик можно при помощи инструмента для мастеров – анализ поисковых запросов, который претерпел значительное количество изменений и теперь позволяет более детально анализировать поисковый трафик, в частности с мобильных устройств.
(04:38) Подведем итоги. Новые алгоритмы «Яндекс» и Google подстегнули веб-мастеров всего мира взяться за мобильную оптимизацию сайтов, чтобы не потерять львиную долю интернет-пользователей с устройств на платформах Андроид и iOS. Даже если вы не ожидаете поискового трафика или его доля крайне мала, в любом случае, важно позаботится о комфортном взаимодействии мобильных пользователей с вашим сайтом, поскольку посетители могут перейти на него по внешней ссылке или по указанному ими же самим в строке браузера.
(05:05) С вами был я, Руслан Байбеков. Подписывайтесь на наш канал, ставьте лайк. Всего вам самого хорошего.