Главная Компания Статьи Мобильная оптимизация сайтов

Мобильная оптимизация сайтов

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

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

Мобильные устройства и сервисы

Рекомендации Google

При разработке мобильной версии сайта существует три основных варианта его реализации:

  1. Адаптивный дизайн, суть которого в том, что по адресу сайта передается одинаковый HTML-код для всех видов устройств. Изменение отображения осуществляется за счет возможностей CSS и специальных скриптов, регулирующих отображение страницы.
  2. Динамическое изменение HTML кода и стилей страницы в зависимости от устройства, которое используется для просмотра.
  3. Отдельные адреса для обычной и мобильной версий сайта (m.domain.com).

В целом, данные способы являются наиболее актуальными и поддерживаются большинством поисковых систем.

Создание мобильного дизайна сайта

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

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

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

Поисковая оптимизация

Оптимизация мобильной версии сайта осуществляется примерно тем же способами, что и для обычных страниц. Внутренние страницы должны содержать заполненные мета-теги, грамотные тексты, разбитые заголовки. Также могут потребоваться внешние ссылки, особенно если в качестве мобильной версии используется отдельной домен сайта. Для пользователей мобильных устройств более высокие позиции значат гораздо больше, так как обычно у них нет времени и желания просматривать сайты за пределами Топ-5 в поисковой выдаче, не говоря уже о второй странице результатов.

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

Наверх