Москва

Укажите свой город

8 (800) 250-32-83

Телефоны для связи:

Телефон в Москве

+7 (985) 768-32-83

Техническая поддержка

+7 (4932) 21-22-34

Отдел продаж

+7 (4932) 22-21-23

SEO специалисты

+7 (4932) 21-22-34

Бухгалтерия

+7 (4932) 22-13-33

Руководство

+7 (4932) 21-22-33

Контакты

Обратный звонок

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

С момента появления смартфона рост мобильного трафика не останавливается. По статистическим данным, 50% населения нашей Земли выходит в сеть через мобильные телефоны. А серфинг по интернету из мобильных устройств в 2020-м году составил 60% всего интернет-трафика. Это привело к необходимости "подгонять" веб-ресурсы под мобильные устройства. Да и поисковики сегодня лучше ранжируют такие сайты.

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

Что представляет собой мобильная версия и какие задачи она решает?

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

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

Какие плюсы и минусы такого решения?

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

Мобильный сайт можно легко распознать по приставке m, которая находится перед основным адресом. Это выглядит следующим образом: m.mysite.com.

Какие плюсы для обычных пользователей?

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

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

Кроме того, существуют преимущества для разработчиков. Мобильная версия является проектом автономным, поэтому все изменения проводятся только на ней, отдельно от основного сайта.

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

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

Главная причина, по которой многие отказываются от отдельной мобильной версии – это большой бюджет разработки. Однако существуют и другие недостатки. Такой проект нуждается в дополнительных работах по оптимизации и поисковому продвижению. Для правильной индексации и исключения конкуренции между десктопной и мобильной версиями, нужно их обязательно связать в панели инструментов вебмастера. Также потребуется настройка индексации в файлах sitemap.xml.

Особенности адаптивного дизайна

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

Какие достоинства и недостатки подобного решения?

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

Кроме преимуществ у данного решения есть и свои минусы. При неграмотной организации адаптивной верстки, в коде на одной странице выводятся сразу две версии: мобильная и основная. В результате одна часть кода открывается пользователю, а другая – скрывается. Это приводит к следующим проблемам:

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

Противоречивые советы поисковых систем

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

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

Почему лучше применять мобильную версию?

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

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

RESS технологии для быстрой загрузки

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

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

RESS технология является удачной комбинацией преимуществ адаптивного дизайна и независимой мобильной версии сайта. Но и здесь не обошлось без недостатков. Ее внедрение стоит достаточно дорого, она не в состоянии определить непопулярные модели смартфонов.

Как отличается контент для разных версий?

Роботы ПС Google работают по специальному алгоритму, который называется «Mobile First Index», что в переводе означает «Первыми сканируются мобильные сайты». Такие сайты ранжируются выше обычных. Однако позиции могут резко понижаться из-за того, что отсутствуют части контента. Как этого избежать? Google рекомендует:

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

Хотя в Яндексе отсутствует мобильная индексация, зато здесь присутствует такое понятие, как турбо-страницы. Поэтому с рекомендациями Яндекса по продвижению подобных страниц тоже стоит ознакомиться:

  • Открыть доступ для поисковых роботов к двум версиям сайта. Это необходимо прописать в файле robots.txt. Поисковые машины должны иметь допуск к сканированию файлов JavaScript и CSS, от которых напрямую зависит, как сайт выглядит на экране смартфона.
  • Убедиться в том, что страницы посылают серверу ответ с кодом 200 OK. Он сообщает пользователю об успешной обработке его запроса.
  • Избегать использования технологий, которые не открываются на мобильных устройствах. К ним относятся Flash (интерактивная веб-анимация), Silverlight (программная платформа для запуска анимационных приложений), Applet (Java апплеты).
  • Необходимо позаботиться о том, чтобы контент прокручивался вертикально, а не горизонтально.

Проверяем на наличие ошибок

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

Google Mobile Friendly – это платформа, которая демонстрирует вид сайта на смартфоне. Также она позволяет определить, насколько ресурс оптимизирован под мобильные устройства.

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

Сервис поисковой системы Bing тестирует общий вид площадки по 4-м пунктам. Как и другие платформы показывает мобильную версию сайта, как на экране смартфона.

Responsinator и Adaptivator – площадки, которые предлагают посмотреть, как будет выглядеть ваша мобильная версия на гаджетах с разным разрешением. На данный момент предлагается просмотр на 6-ти разных телефонах.

AMP и другие технологии ускорения

Существуют специальные технологии, которые ускоряют загрузку страниц в браузере смартфона. Одной из них является AMP (accelerated mobile pages). Это так и переводится – ускоренные мобильные страницы. Ее особенностью является наличие JavaScript-библиотеки и набора тегов, которые обеспечивают достаточно быструю загрузку сайта несмотря на ограниченную скорость интернет соединения. Сначала содержимое страницы закачивается в кэш Google, а когда скорость интернета падает, сайт уже открывается из кэша.

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

Главные преимущества АМР

  • Технология работает в разных поисковых системах: Google, Yahoo, Bing, а также в некоторых социальных сетях, таких как Твиттер и Принтерест.
  • Скорость загрузки страниц, по утверждению сотрудников компании Google, составляет 0,7 секунды. В то же время, обычные страницы загружаются за 20-25 секунд.
  • Корректность разметки для ускоренных мобильных страниц тестируется в Google Search Console. Здесь также можно обнаружить главные ошибки отображения подобных страниц.

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

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

  • Проблемы со скролингом на странице.
  • Поделиться ссылкой на страницу также проблематично. Вместо того, чтобы скопировать URL в адресной строке, необходимо нажать на специальную кнопку, чтобы адрес открылся. Только потом необходимо нажать на адресную строку, подождать пока произойдет редирект и только потом скопировать адрес.
  • Сокращение (урезка) контента – прячутся комментарии, не показываются картинки.

Для многих применение технологии ускоренных страниц является весьма сомнительным. Необходимо оценить все плюсы и минусы, прежде чем внедрять AMP.

Особенности турбо-страниц Яндекса

При помощи данной технологии создаются страницы с маленьким весом и достаточно высокой скоростью загрузки даже при очень медленном интернете. Так, их загрузка происходит в пятнадцать раз быстрее, чем первоначальной версии. Это обусловлено версткой, которая подогнана и оптимизирована под мобильные гаджеты. Данные сначала загружаются на сервер Яндекса, а затем уже открываются в браузере мобильного телефона. Различить такие страницы очень просто. В поисковой строке они обозначены изображением ракеты.

Как показали исследования, турбостраницы Яндекса способны увеличить трафик в десятки раз. Ярким примером этому является общий прирост мобильной аудитории, который в 2021 году увеличился на 17% по сравнению с 2020-м.

Что происходит с сайтом после запуска технологии Турбо-страниц?

  • Значительно сокращаются отказы. Часто пользователи не ждут, пока загрузится страница. Покидая ее, они возвращаются страницу результатов поиска и находят ресурсы с быстрой загрузкой. Поэтому повышая скорость загрузки, вы снижаете процент отказов, повышаете посещаемость, улучшаете поведенческие факторы и улучшаете ранжирование ресурса поисковыми системами.
  • Увеличение трафика. Большинство пользователей интернета уже поняли, что сайты с пометкой ракеты открываются быстрее и намеренно переходят только по ним.
  • Снижение нагрузки на сервер хостинга. Поскольку страницы загружаются не с самого хостинга, а с серверов Яндекса, это существенно снижает нагрузку на сервер хостинга.

Говоря о преимуществах нельзя не упомянуть и про недостатки данной системы. А они тоже существенные.

  • Для оформления страниц предлагаются весьма ограниченные шаблоны. Поэтому приходится жертвовать красивым и уникальным дизайном сайта в пользу высокой скорости. Существует возможность размещения логотипа компании.
  • Вес контента, который включает какие-то изображения, нужно ограничить до 15 МГ. Что чрезвычайно сложно для объемных проектов.
  • Вебмастера должны отслеживать версию Турбо-страниц отдельно от основного сайта.

Несмотря на все недостатки, информационные и новостные порталы должны пользоваться ускоренными страницами для регенерации дополнительного трафика. Как показывает статистика, наличие в поиске страниц с ракетой уменьшает количество отказов на 30-35%.

Частые ошибки, которые допускаются при создании версии для телефонов

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

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

Что создавать: адаптив или отдельную версию для мобильных устройств?

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

Для объемных информационных ресурсов, а также для порталов крупных СМИ, для которых объемы трафика имеют большое значение, подойдет только автономный мобильный сайт.

Технология RESS является необходимой тогда, когда ПС отдает предпочтение мобильному сайту перед десктопным вариантом.

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

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

___________________

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

 

01 апреля 2021

Россия:

8-800-250-32-83

Москва:

+7 (985) 768-32-83

Санкт-Петербург:

+7 (812) 925-42-72

Нижний новгород:

+7 (831) 410-72-73

Иваново:

+7 (4932) 21-22-33

Владимир:

+7 (919) 002-1-002

Кострома:

+7 (4942) 499-664

Ярославль:

+7 (4942) 499-664

support@webproject.group

manager@webproject.group

seo@webproject.group

billing@webproject.group

director@webproject.group

Написать нам

© 2011–2021 ООО «Web Project Group»