Создание и оптимизация мобильной версии сайта

Для чего нужна мобильная версия сайта?

1) для качественного отображения веб-ресурса при входе со смартфонов и других мобильных устройств. А популярность таких гаджетов и их использования для доступа в Интернет только увеличивается.

2) для соответствия новым технологиям. Сегодня мобильность - это тренд в самых разных сферах деятельности;

3) для доступа к платежеспособной аудитории. Как показывает статистика, наиболее состоятельные люди в силу своей занятости используют для доступа в Интернет и покупок в сети именно мобильные девайсы. Без соответствующей мобильной версии сайта или его адаптации появляется риск потери части прибыли.

А кроме того...

Теперь же добавляется ещё один важный аспект. Мобильная версия сайта нужна, чтобы не оказаться на задворках мобильной выдачи. Гугл 21 апреля 2015 года изменяет принцип ранжированияНабор формул, в соответствии с которыми осуществляется формирование выдачи и ранжирование веб-страниц. Основная задача алгоритма ПС - продемонстрироватьПерейти к словарю терминов сайтов. В мобильной выдаче поисковика предпочтение будет отдаваться тем ресурсам, которые являются mobile-friendly, то есть их дизайн и интерфейс адаптированы для просмотра с мобильных устройств. Так, чтобы не терять посетителей и потенциальных клиентовЛид - термин с различными значениями, используется в сфере интернет-маркетинга. Лидом является отдельная категория интернет-аудитории (потенциальные клиенты) и их…Перейти к словарю терминов наличие мобильной версии сайта становится обязательным требованием для современного интернет-бизнеса.

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

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

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

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

Плюсы:

• нет перенаправлений;
• один адрес для каждой страницы;
• простота поддержки.

Минусы:

• ограничения вариаций отображения контента;
• для реализации иногда требуется полный редизайн веб-ресурса.

Динамическая подстановка контента

При этом методе адаптации серверFile Transfer Protocol - сокращенно FTP (в переводе с английского - протокол передачи файлов) - интернет-протокол, позволяющий осуществлять передачу данных в сети. Его…Перейти к словарю терминов , анализируя тип устройства, с которого поступает запросЗапрос — слово или символ, вводимое в строке выдачи.Используется расширенный поиск:1) Оператор  «+» (или кавычки) перед требуемым словом ищет запросы с…Перейти к словарю терминов , предлагает различные страницы для одного URL. Это осуществляется без перезагрузки веб-страницы. Пользователь смартфона получает адаптированный контентContent - контент или содержимое - собирательный термин, под который подходит все данные на информационных ресурсах - тексты, графика, видео. Разновидности…Перейти к словарю терминов , но URL-адрес остается без изменений.

Плюсы:

• один URL;
• возможность выводить разный контент для тех или иных устройств;
• можно реализовать повышенное удобство и высокий уровень юзабилитиUsability (в переводе с английского "удобство использования") - степень удобства пользователя в процессе взаимодействия с интерфейсом веб-ресурса, а также набор…Перейти к словарю терминов для пользователей.

Минусы:

• сложность внедрения;
• дорогая поддержка.

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

В этом случае для мобильных устройств создается отдельный сайт с адресом - m.yoursite.com. При переходе на сайт со смартфона, происходит редиректRedirect - автоматическое перенаправление аудитории с одной физической веб-площадки на другую. Происходит это так - человек вводит в строчке браузера URL-адрес…Перейти к словарю терминов (301Случается такое, что веб-страница или весь сайт целиком переезжает на новый URL-адрес навсегда. 301 редирект — это перенаправление на другой адрес сайта. Редирект…Перейти к словарю терминов -й) и вы попадаете на соответствующий адрес. Так, планируя зайти на сайт yoursite.com, вы оказываетесь на m.yoursite.com.

Плюсы:

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

Минусы:

• риск дублирования контента (два URL);
• разделение ссылочной массы между двумя страницами для разных версий сайтов;
• высокие затраты на поддержку сайта (если ресурс довольно большой).

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