Оптимизация сайта для мобильных устройств

Оптимизация сайта для мобильных устройств – зачем это вообще нужно? Разве продвижения одной версии сайта недостаточно? Эти вопросы и сомнения понятны – дополнительная оптимизация означает увеличение фронта работ и, как следствие, распыление наличных средств. Так что многие предприниматели останавливаются на продвижении только основной версии сайта. Но в современных реалиях этого недостаточно. Потому что, как известно по последним новостям от топовых поисковиков, теперь механизмы ранжирования и индексации работают с учетом оптимизации сайтов под нужды мобильных телефонов. Всё-таки эти устройства сейчас пользуются огромной популярностью, внушительная часть трафика идет через них.

Зачем оптимизировать мобильную версию ресурса

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

• Ещё в 2015 году крупнейшие компании-поисковики заявили о том, что жители самых развитых стран больше пользуются мобильными версиями их сайтов. С того момента доля трафика, проходящего через смартфоны и планшеты, только увеличивалась;
• С 2016 года процент людей, которые в равной доле используют компьютеры и мобильные телефоны, сравнялся – это была половина от всех пользователей глобальной Сети. С того момента этот процент только увеличивался за счет поголовного увлечения смартфонами. Больше 20% людей выходят в Интернет исключительно с мобильных устройств, даже не прикасаясь к компьютерам;
• С приблизительно тех же дат, самые популярные поисковики занялись изменением механизмов ранжирования и индексации. С того времени поисковые роботы начали учитывать степень оптимизации сайта для мобильных устройств. К примеру, Google сообщил о запуске Mobile First Indexing – нового подхода к ранжированию сайтов, который учитывает удобство для мобильных пользователей.

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

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

В связи с запуском Mobile First, весь процесс индексации значительно изменился. Если раньше при ранжировании учитывалась только ПК-версия, то теперь в проверке будет участвовать отдельный бот, задача которого – определить насколько сайт пригоден для смартфонов. Дальше мы рассмотрим основные шаги к оптимизации сайта.

Аналитика

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

• Первая сложность – другие показатели, по которым оценивают качество мобильной версии. В данном случае это будут удобство использования информационной площадки и то, насколько просто взаимодействовать с ресурсом;
• Результаты, получаемые пользователем при поиске через мобильный телефон, будут привязаны к его местоположению. То есть все запросы и переходы носят чисто региональный характер;
• Дополнительные сложности возникают с частотностью запросов. Дело в том, что они разные для мобильной и компьютерной версии сайтов. А значит и данные о них придется собирать отдельно. В таком случае будут различаться семантические ядра, что добавит работы SEO-специалисту.

Занявшись продвижением сайта, первым делом нужно проверить оптимизацию для мобильных устройств. Это можно сделать при помощи инструментов, уже давно существующих на просторах глобальной Сети:

• Page Speed Insight – главный инструмент специалиста, занимающегося продвижением мобильной версии сайта. Он выполняет сразу несколько важных функций. Первая – проверка общей лояльности ресурса к пользователям, зашедшим через мобильные устройства. Второе – он выдает общие рекомендации, нацеленные на то, чтобы увеличить удобство взаимодействия потенциальных клиентов с ресурсом;
• Fetch and Render – наглядно показывает то, как сайт выглядит в глазах поискового робота. Позволяет отслеживать ошибки оптимизации и вовремя их исправлять;
• Resizer – плагин, помогающий работать с контентом. Он тестирует, как выставленные на сайте материалы отображаются и взаимодействуют с разными мобильными устройствами, от телефона до планшета.

Это – не полный набор подходящих под задачу инструментов. На просторах глобальной Сети созданы десятки плагинов и программ, позволяющих улучшить работу сайта на мобильных устройствах. Остается только выбрать самые удобные.

 Читайте также

 Проверка скорости загрузки сайта

Повысьте скорость загрузки

Первое, что нужно запомнить, занимаясь оптимизацией – скорость загрузки страницы крайне важна. Если сайт загружается больше 3-х секунд, то пользователь моментально теряет терпение.

Чтобы устранить «подвисание» убедитесь, что все скрипты собраны в один файл. Еще один действенный способ – использовать асинхронную подгрузку, что сильно увеличит комфортность взаимодействия с ресурсом.

Настройте юзабилити

Ни в коем случае нельзя блокировать изображения ресурса. Это правило касается и Javascript. Заблокированы ли они - можно проверить на ресурсе от самого Google. Он называется Search Console.

Используйте крупные шрифты, которые легко читать с телефона. Если страница содержит объемный текст, большую его часть можно скрыть при помощи кнопки «узнать больше».

Содержимое страницы не должно выходить за рамки экрана по горизонтали.

Рекламные объявления не должны закрывать большую часть экрана и серьезно мешать посетителю увидеть нужную информацию. Слишком частые всплывающие окна также отрицательно сказываются на юзабилити.

Настройте корректную индексацию

Мобильная версия сайта должна содержать все элементы десктопной, которые влияют на ранжирование, а теперь подробнее.

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

Если вы применяете микроразметку, то она необходима на обеих версиях.

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

Тщательно тестируйте

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

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

Первое правило - анализ целевой аудитории. Это можно сделать при помощи всё тех же приложений, которые распространяются самими поисковиками. Они передадут всю необходимую информацию:

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

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

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

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

Четвертое правило - работа с контентом. Для того, чтобы он правильно отражался на экране телефона, его нужно оптимизировать под мобильные устройства. Например, необходимо использовать емкие, короткие заголовки - чтобы спокойно влезали на экран и их можно было увидеть не прищуриваясь.

В заключение

Мнения многих специалистов сошлись на том, что Mobile First влияет на поисковую выдачу не только для телефонов, но и десктопных устройств, хоть и в гораздо меньшей степени. Google стремится минимизировать эти изменения, ведь для пользователей ПК качество его мобильной версии неважно. Но все-таки ранжирование происходит по одному индексу, а значит сайты без мобильной версии или адаптивного дизайна будут терять позиции в обоих вариантах выдачи.