MasterCode
Часто разработчики задаются вопросом: неужели одной версии сайта мало для качественной работы? Дополнительная оптимизация требует увеличения материальных затрат. Однако в условиях современных реалий оптимизация сайта для мобильных устройств просто необходима. Еще четыре года назад самые большие компании-поисковики заявили, что мобильные версии сайтов стали использоваться значительно чаще. В 2016 году было проведено исследование, которое показало, что 50% всех пользователей интернета с одинаковой частотой используют компьютеры и мобильные устройства.
Содержание
Что включает в себя оптимизация сайта под мобильные устройства и зачем она нужна?
Оптимизация сайта для мобильных устройств предусматривает создание адаптированной версии сайта. Можно создать новую мобильную версию с отдельным поддоменом, однако гораздо удобнее адаптировать уже существующий сайт.
Альтернативный способ оптимизации предусматривает использование специального адаптивного шаблона (подойдет для тех сайтов, которые изначально были созданы на платформах систем управления контентом по типу WordPress). Если вы хотите использовать тот же шаблон, который применяется на основной версии сайта, то можно оптимизировать сайт, используя медиазапросы CSS.
По прогнозам компании Cisco мобильный трафик в странах СНГ увеличится в восемь раз до 2020 года. Статические данные наглядно показывают, что некоторые тематики пользователи чаще запрашивают именно с мобильных устройств. Исследования, проведенные компанией Google, показали, что больше 40% пользователей смартфонов хотя бы один раз совершали покупки с помощью своего гаджета. Если вы рассчитываете привлечь и удержать внимание клиентов, оптимизация сайта
Как определить, когда необходима оптимизация под мобильные устройства
Меньше трети самых посещаемых сайтов в русскоязычном интернете адаптированы под смартфоны. Большинству тех, кто чаще пользуется мобильным устройством для серфинга в интернете это кажется очень неудобным: неоптимизированный сайт медленно загружается и некомфортен в использовании (слишком большие шрифты, переизбыток деталей и т.д.). И вот еще один нюанс в пользу оптимизации: с прошлого года как Google, так и Яндекс перестали показывать в первой десятке поиска с мобильных устройств неадаптированные сайты.
Чтобы понять, нужна ли посетителям конкретно вашего сайта адаптированная версия, воспользуйтесь любым аналитическим сервисом (отлично подойдет Google Analytics, пример можете увидеть на скриншоте ниже).
Аналитика наглядно демонстрирует, сколько процентов посетителей данного сайта используют мобильные телефоны или планшеты.
Инструкция: как провести оптимизацию под мобильные устройства своими руками
Вы можете попробовать разобраться, как оптимизировать сайт для мобильных устройств самостоятельно, или заказать услуги специалиста под ключ.
Рассмотрим самую простую пошаговую технологию оптимизации:
- Чаще всего пользователи сталкиваются с некорректным отображением сайта. Это связано с тем, что чаще всего ширина и высота различных элементов дизайна фиксируется в пикселях. Чтобы сделать отображением корректным, все абсолютные величины отображения следует заменить на относительные (например, на проценты).
- Используйте метатег специализированного типа viewport, благодаря которому ширина экрана адаптируется под любое устройство.
- Все используемые на сайте плагины также необходимо оптимизировать. По возможности минимизируйте количество плагинов типа Java, Silverlight, Flash на одной странице.
- Попробуйте расположить простую навигацию по сайту в верхней части страницы.
- Максимально оптимизируйте рекламу.
- Разрешите индексирование сайтов типа js и css.
При адаптации сайта для мобильных устройств следует учесть ряд трудностей, которые могут возникнуть в процессе:
- качество работы сайта теперь анализируется по другим параметрам (простота использования и т.д.).
- запросы пользователя имеют прямую привязку к его геолокации.
- частотность запросов для стандартной и для мобильной версии существенно отличается.
Это основные нюансы, которые следует учесть при работе с адаптированным сайтом.
Инструменты для проверки и оптимизации сайта для мобильных устройств
Существует несколько инструментов для проверки работы адаптированной версии сайта:
- Page Speed Insight – анализирует лояльность ресурса к пользователям, которые пользуется смартфона и планшетами, а затем дает подсказки по улучшению работы.
- плагин Resizer – проводит тестирование всего контента на сайте и наглядно демонстрирует, как отображаются разные элементы с разных устройств.
- Fetch and Render – помогает увидеть, как будет выглядеть конкретный ресурс для робота-поисковика, и устранить основные ошибки оптимизации.
Самый простой способ проверки оптимизации сайта для мобильных устройств – воспользоваться поисковой системой. Для этого достаточно ввести адрес сайта в поисковую строку Google или Яндекс и посмотреть, появилась ли рядом с названием сайта специальная отметка «для мобильных» (или «мобильная версия»). Пример можете увидеть на скриншоте ниже.
Мобильная версия сайта – необходимая составляющая его полноценной работы. Учитывая, что количество пользователей, предпочитающих использовать гаджеты для поиска в интернете, увеличивается, следует вовремя подстраиваться под предпочтения и запросы аудитории.
Автор публикации
