Мобильные сайты - адаптивная страница или две версии страницы - что выбрать - SEMTEC

  1. Две версии страницы
  2. Преимущества двух версий сайта:
  3. Недостатки двух версий страницы:
  4. Преимущества отзывчивого сайта:
  5. Отзывчивые дефекты сайта:
  6. Преимущества динамического обслуживания контента:
  7. Недостатки динамически обслуживаемого контента:

Хотя объявленная в течение длительного времени «мобильная революция» еще не достигла Польши, тенденция к увеличению интернет-трафика с помощью мобильных устройств становится все более очевидной. Это видно, среди прочего в исследование gemiusTraffic , который показывает, что в третьем квартале 2015 года доля некомпьютерных устройств и ноутбуков в Польше составила почти 20%. В соответствующем периоде 2014 года он составлял около 11%, тогда как в 2013 году только 7,36%.

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

Чтобы адаптировать страницу для обработки на мобильных устройствах, мы можем выбрать один из трех способов настройки: адаптивные страницы, две версии страницы (отдельные URL-адреса) и обслуживание динамического контента. В этот момент возникает вопрос, какой из этих вариантов мобильного сайта является наиболее выгодным как с точки зрения пользовательского опыта, так и с точки зрения достижения высоких позиций в результатах Google. Если вы хотите найти ответ, вам нужно знать характеристики каждой версии. Основные отличия представлены в таблице ниже:

Таблица 1. Методы настройки мобильных страниц
Таблица 1

Две версии страницы

Две версии страницы

Это популярное решение, в котором мобильная версия доступна по отдельному адресу, например, m.nazwadomeny.pl или nazwaadomeny.pl/mobile . Он также имеет другой HTML-код, отличается с точки зрения графики и навигации, и часто содержит гораздо меньшее количество контента. Такая конфигурация обычно выбирается, когда в ближайшем будущем не запланировано изменение страницы рабочего стола или адаптация к адаптивной версии невозможна или невыгодна.

Преимущества двух версий сайта:
  • Возможность легко настраивать контент,
  • Навигация адаптирована к специфике устройств,
  • Относительно короткое время подготовки и внедрения,
  • Большие возможности для оптимизации кода и повышения скорости зарядки,
  • Более низкая стоимость приготовления (в случае стандартной версии),
  • Готовые шаблоны доступны, например, настроены для WordPress.

Иногда правильная адаптация отдельных мобильных сайтов под требования поисковых систем может быть проблематичной. Действительно, необходимо указывать онлайн-ссылки между обеими версиями сайта. Это делается путем размещения соответствующих тегов HTML в коде мобильного и традиционного веб-сайта. На мобильном сайте тег rel = "canonical" должен указывать адрес его аналога на компьютерах:
<link rel = "canonical" href = "http: // www .przykład.pl / podstrona-1" />,
и в стационарной версии тег rel = "alternate" для соответствующего мобильного адреса:
<link rel = "alternate" href = "http: // m .example.pl / sub-page-1" />.
Если используются автоматические перенаправления между вариантами сайта, они должны соответствовать определенным требованиям. Подробную информацию по этому вопросу можно найти на страница справки Google.
Также стоит помнить, что с точки зрения позиционирования веб-сайта, рекомендуется, чтобы мобильная версия не была «обрезана» и содержала весь контент, который также доступен на веб-сайте для компьютеров и также важен для мобильных пользователей. Недостатком отдельного мобильного сайта также является необходимость изменения или обновления контента на двух разных страницах.

Недостатки двух версий страницы:
  • Обычно неполная функциональность, уменьшенная графика и меньший объем альтернативного контента,
  • Необходимость правильно настроить перенаправления между вариантами,
  • Непростая правильная конфигурация для нужд поисковых систем,
  • Необходимость подготовки и обновления текстов для обоих вариантов, часто в двух системах CMS,
  • Реализация обеих услуг бывает разного качества для разных поставщиков,
  • Дублирование контента между двумя версиями в случае неправильной конфигурации,
  • SEO оптимизация двух отдельных страниц, а не одной.

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

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

Этот термин используется для описания страниц, которые автоматически подстраиваются под размер экрана устройства (пример визуализации на рисунке 1). Они всегда отображаются по одному адресу на смартфонах, планшетах, телефонах, ПК или ноутбуках. Адаптивные сайты (отзывчивый веб-дизайн, RWD) в зависимости от разрешения экрана могут меняться не только с точки зрения макета и навигации, но и контента.

Рис.1. Пример адаптивной страницы, отображаемой на смартфоне и ноутбуке
Рис

Преимущества отзывчивого сайта:
  • Как правило, полный функционал,
  • Наиболее сохранившийся весь объем контента,
  • Настройка страницы практически для любого устройства,
  • Одна панель для управления контентом (CMS),
  • Более быстрые изменения и обновления,
  • Отсутствие перенаправлений и, следовательно, меньшая подверженность ошибкам, иногда более короткое время загрузки и повышенный комфорт для пользователя,
  • Высокая привлекательность с точки зрения графики,
  • Лучшая индексация в Google,
  • Исключение дублированного контента между двумя версиями, риск которого возникает, если две версии сайта неправильно настроены,
  • SEO оптимизация одной страницы вместо двух.

Благодаря своим функциям адаптивные веб-сайты особенно рекомендуются для веб-сайтов, которые часто обновляются и регулярно добавляется новый контент. RWD обычно выбирается в ситуации проектирования нового веб-сайта - в случае настройки уже существующего, его гораздо сложнее реализовать и дороже. Исключением являются веб-сайты, основанные на популярных системах управления контентом (CMS), таких как WordPress или Drupal, и платформы для хранения - для них часто доступны готовые адаптивные шаблоны веб-сайтов. Иногда невозможно создать адаптивную версию с полной функциональностью рабочего стола, например, из-за слишком сложной структуры.

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

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

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

Динамическое обслуживание аналогично RWD, отличие состоит в том, чтобы отправлять выделенный код страницы в зависимости от пользователя (устройства) пользователя. Адреса подстраниц остаются прежними, но они отображают другой код HTML и CSS, соответствующий используемому устройству, например, другой для планшета и настольного компьютера.

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

В случае динамического показа контента желательно отправлять так называемые Различный HTTP заголовок. Это указывает как браузерам, так и онлайн-роботам, что доступны разные версии одной и той же страницы. В случае с роботом Google это облегчает поиск и индексирование контента, подготовленного для мобильных устройств. Однако правильное обнаружение устройства (клиента) пользователя является относительно сложным техническим решением и подвержено ошибкам (подробнее об этом Советы Google ). По этой причине этот вариант мобильного сайта может доставлять неудобства пользователям и проблемы с правильной индексацией контента в поисковых системах. Упомянутые дефекты в сочетании с высокой стоимостью и временем выполнения обуславливают, что это решение не используется широко.

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

Какой мобильный сайт лучший?

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

  • Какова доля трафика с мобильных устройств среди всех посетителей сайта (с учетом статистики до 21 апреля 2015 года - даты изменения алгоритма Google для мобильных устройств),
    → Когда доля трафика с мобильных устройств низкая (например, 5% или менее), стоит выбрать самое дешевое решение - создать вторую версию сайта - мобильную. Данные о посещениях с мобильных устройств можно найти в отчете Получатели / Мобильный трафик / Итого в инструменте Google Analytics.
  • Какие устройства и в каких пропорциях используются мобильными пользователями,
    → Когда доминирует один тип устройства или разрешение экрана, вы можете подготовить отдельную мобильную версию, оптимизированную только для него. Эти данные можно найти в Google Analytics в отчетах: Odbiorcy / Ruch mobilny / Urządzenia oraz Odbiorcy / Ruch mobilny / Ogół, добавив дополнительное измерение «разрешение экрана».
  • Часто ли обновляется сайт, обновляется новым контентом,
    → Это намного проще для адаптивных сайтов.
  • Имеет ли веб-сайт много разных функций, технически сложен ли он и разнообразен ли он по содержанию,
    → Восстановление этого адаптивного участка будет дорогостоящим и отнимает много времени, а также может потребовать длительного времени зарядки.
  • Предоставляет ли сайт контент или продукты, адресованные пользователям всех типов устройств,
    → В некоторых случаях может быть выгоднее иметь две отдельные версии страниц, оптимизированных для различных типов ключевых фраз, так как другие ищут на компьютерах, а другие - на смартфонах и планшетах.
  • Одинаковы ли цели конверсии на странице для мобильных и стационарных пользователей,
    → Когда цели различаются, рекомендуется создать специальную мобильную версию, благодаря которой будет намного проще оптимизировать путь конвертации.

Рассмотрение этих вопросов может указывать на использование различных типов мобильных веб-сайтов, поэтому необходимо тщательно проанализировать «плюсы и минусы» каждого варианта и выбрать наиболее оптимальный для данного сегмента рынка / отрасли / типа услуг и т. Д.
С точки зрения видимости в поисковой системе Google, ни один из вариантов мобильного сайта в соответствии с официальной позицией Google не является предпочтительным. Адаптивные веб-сайты, рекомендованные Google, автоматически не оцениваются выше Они ограничивают использование серверов и роботов Google и их легче индексировать, поэтому их рекомендуется использовать. Более важным, чем тип самой мобильной страницы, является ее правильная конфигурация и предотвращение типичные ошибки мобильных сайтов ,

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

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

Какой мобильный сайт лучший?