Блог

 

 

16-03-2017
Веб-разработка

Адаптивная мобильная версия сайта в поисковой выдаче

Адаптивный сайт

 

Вот уже два года алгоритмы поисковых систем (Google, Яндекс) размещают сайты с мобильной версией или адаптивным дизайном в поисковой выдаче выше. Это обусловлено в первую очередь тем, что пользователей смартфонов с каждым годом все больше.

 

 

 

62 пользователей мобильного интернета

 

 

По данным РАЭК (Российская Ассоциация электронных коммуникаций, доклад директора на RIW-2016, 02.11.2016) 62 миллиона россиян ежемесячно пользуются мобильным интернетом. Причем рост аудитории Рунета идет в основном только за счет мобильных пользователей. Люди ищут в Сети информацию о товарах и услугах все чаще с помощью своих гаджетов, и эта тенденция будет только расти.

 

 

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

 

Согласно проведенному в 2016 году исследованию Яндекса, всего 29% пользователей интернета выходят в интернет только с компьютера. И больше половины - 52%, с компьютеров и мобильных устройств.

 

с каких устройств выходят в интернет

 

Интересно, что только 47% компаний, представленных в интернете, оптимизировали свои сайты под мобильные устройства. Из них 94% сделали это за счёт адаптивной вёрстки.

 

 

Какие основные ошибки при создании сайта с адаптированным дизайном?

 

Важно избежать наиболее частых ошибок при адаптации сайта под мобильные устройства:

  • Слишком мелкий шрифт
  • Слишком много текста на странице
  • Контент шире экрана (наличие горизонтальной прокрутки)
  • Ссылки стоят слишком близко друг к другу
  • Не задана область просмотра для мобильных устройств
  • Использование несовместимых плагинов
  • Медленная скорость загрузки
  • Невоспроизводимый контент

Список типичных ошибок можно продолжить. Их можно избежать, если помнить основные принципы – это простота и удобство просмотра.

 

Что нужно учитывать при создании адаптивного сайта?

 

Несколько советов, чтобы ваш сайт соответствовал современным требованиям:

 

  1. Используйте адаптивную верстку при создании сайта. Это самое популярное решение на данный момент.
  2. Изображения и другой визуальный контент должны корректно отображаться на компьютере, планшете и смартфоне.
  3. Выбирайте максимально упрощенный дизайн, близкий к минимализму.
  4. Используйте выразительные кнопки вместо обычных текстовых ссылок.
  5. Добавьте возможность просмотра в горизонтальном и вертикальном виде.
  6. Учитывайте возможность взаимодействия с интерфейсом с помощью одного пальца.
     

 

 

Как проверить адаптивность своего сайта?

 

Для самостоятельной проверки адаптивности вы можете воспользоваться несколькими бесплатными сервисами от Google. Вам необходимо будет только ввести URL-адрес вашего сайта. Проверка займет всего несколько секунд.

 

  1. Проверка на соответствие требованиям поисковых систем

    Насколько дружественен вид вашего сайта для просмотра на смартфонах вы можете узнать с помощью Google Search Console, другое название Мobile-friendly. сообщает о распространенных проблемах и ошибках.

    требования поисковых систем


    Сервис находится тут:https://www.google.com/webmasters/tools/mobile-friendly/ 
     

  2. Проверка отображения сайта на разных устройствах.

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

    отображение сайта на разных устройствах


    Перейти к странице сервиса:http://design.google.com/resizer/# 
     

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

    Для этого используем РageSpeed Insights. Данный инструмент от Google проверяет скорость загрузки на разных устройствах.

    В результате вы получите рекомендации по исправлению проблем такого вида:
     

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


    Находится по адресу:http://developers.google.com/speed/pagespeed/insights/

 

 

Выводы:

 

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

Увеличьте процент конверсии и лояльность пользователей и поисковиков: оптимизируйте свой сайт под различные устройства!

Заказывайте бесплатный аудит сайта!