Загрузка...
Содержание
Мы живем в мире цифровых технологий, где пользователь становится все более требователен. Задача каждого бизнеса удовлетворить запрос потребителя, собственно Google хочет того же.
С каждым годом увеличивается количество людей, которые используют свои смартфоны или планшеты для доступа во всемирную сеть Интернет (на данный момент мобильный трафик составляет 55% от общего количества по всему миру). Google реагирует на изменения рынка и внедряет Mobile First Indexing. Что это и как адаптировать сайт под мобильные устройства читайте в этой статье.
Давайте вспомним…
Прежде чем приступить к рассмотрению основных вопросов, предлагаем немного окунуться в историю влияния мобильной версии в поисковой системе Google.
В 2015 году Google анонсировал и запустил mobile-friendly. Этот алгоритм задавался вопросом: предлагает ли ваш сайт хороший пользовательский интерфейс на небольшом экране?
Основные требования алгоритма mobile-friendly к веб-ресурсам были:
- адаптивный дизайн. Независимо от размера экрана пользователь может спокойно просматривать сайт, картинки, текст и т.д. Когда существующий сайт не может быть адаптирован под мобильное устройство, то вариант решения — отдельная мобильная версия сайта, которую можно разместить на субдомене. Такой сайт должен иметь собственный html-код. Пример отличного мобильного сайта:
Пример того, как не надо делать:
- отсутствие программ, которые редко встречаются на мобильных устройствах. Ярким примером является Flash;
- кликабельность. Ссылки должны быть размещены на таком расстоянии, чтоб нажимая на одну из них, пользователь не задевал другие, рядом стоящие.
Крупные бренды, которые постоянно посещают клиенты, для удобства создают мобильные приложения. Например, Rozetka, Joom, Amazon и прочие:
В середине 2015 года более, чем в 10-и странах мира (таких, как США, Япония, Австрия, Канада, Великобритания) мобильный трафик превысил десктопный. А в конце этого же года был запущен проект AMP — Accelerated Mobile Pages. Данный проект реализовывался при поддержке партнеров Google из DNI. Digital News Initiative — проект для создания партнерских связей между Google и издателями в Европе, для поддержки высококачественной журналистики с помощью технологий и инноваций.
“Интернет-гигант всегда «хотел быть другом и партнером» новостной индустрии”,- сказал Карло Д’Асаро Биондо, президент EMEA по стратегическим отношениям.
DNI имеет три основных направления: разработка, исследования и обучение, а также инновационный фонд. Постоянно разрабатываются продукты, увеличивающие трафик, участие аудитории и доходы. Например, YouTube Player для издателей (сокращение сложности и усиление контроля), Project Shield (защита новостных сайтов от атак DDoS), AMP. Суть последнего проекта была в том, что веб-страницы и объявления, опубликованные в формате AMP с открытым исходным кодом, загружались почти мгновенно на мобильных устройствах.
4 ноября 2016 – анонсирован предстоящий запуск mobile-first индекса. Mobile-first означает, что по умолчанию будет ранжироваться мобильная версия страниц. Причиной данного введения является то, что большинство людей ищут информацию в поисковиках через мобильные устройства.
Октябрь 2017 — началось тестирование mobile-first. С помощью данного теста Google не только анализирует, насколько релевантна мобильная версия, но также создает новые классификаторы. Джон Мюллер из Google объяснил, что эти внутренние классификаторы предназначены для выявления наличия или отсутствия десктопной и мобильной версии страницы. Таким образом, можно увидеть, есть ли какие-то общие проблемы и какие изменения нужно внести.
С 10 января 2017 года Google понижает в мобильной выдаче страницы сайтов, которые злоупотребляют межстраничной рекламой и всплывающими окнами. Если ваш баннер будет закрывать основной контент, появляться сразу после прокрутки страницы до конца, разворачиваться на весь экран и исчезать только благодаря искусственному закрытию, то вы окажетесь в списке “запрещенных”.
Готов ли ваш сайт к Mobile First?
Если ваш сайт использует адаптивный дизайн и правильно реализует динамический показ, то вы можете не беспокоиться. Остальным же стоит прислушаться к нескольким советам от Google:
- Мобильная версия сайта должна содержать качественный контент, который доступен с компьютера (текст, видео, изображения).
- Десктопная и мобильная версии сайта должны использовать одинаковую семантическую разметку и структурированные данные.
- Тайтлы и мета-описания обязаны быть равнозначны на разных версиях сайта. Это означает, что мобильные заголовки могут быть более короткими, но информация и основной посыл должны быть одинаковыми.
- Сайты, использующие отдельные URL-адреса должны оставить существующие атрибуты rel=canonical и rel=alternate. Это станет ориентиром для показа релевантных результатов пользователям поиска.
- Если используется атрибут rel=hreflang, мобильный URL должен указывать на мобильную версию сайта, а десктопные — на десктопные.
- Проверьте, чтоб хост-серверы, на которых размещен сайт с мобильной версией расположенной на отдельных страницах обладали достаточной мощностью и смогли выдержать потенциально повышенную нагрузку при сканировании. К сайтам с адаптивным дизайном это не относится.
- Twitter Cards, OpenGraph и прочие социальные метаданные должны содержаться в обеих версиях страницы.
- Десктопная версия сайта будет индексироваться, даже после появления и внедрения mobile-first.
- После активного внедрения индекса mobile-first скрытый во вкладках и под ссылками, такими как “Нажмите, чтоб прочитать”, контент будет обрабатываться аналогично видимому по умолчанию.
Полезные сервисы
Стоит обратить внимание на некоторые немаловажные нюансы, которые будут учитываться поисковиком при ранжировании вашего сайта. Ведь именно они могут стать причиной “падения” сайта в выдаче или наоборот привлечь больше целевой аудитории.
Google PageSpeed Insights
Проверьте быстро ли загружаются мобильные страницы, ведь скорость влияет на удобство взаимодействия с вашим сайтом. Чем дольше грузится страница, тем больше шансов, что пользователь её закроет. На графике взятом у коллег из Promodo вы можете увидеть зависимость между показателем отказов и средним числом просмотров от времени загрузки.
Для проверки стоит воспользоваться сервисом Google PageSpeed Insights.
Вы увидите скорость загрузки страниц как на мобильных устройствах так и на компьютерах, а также получите рекомендации по её оптимизации. Стоит учесть, что необходимо протестировать разный тип страниц, так как, например, категории могут не иметь ошибок, а страницы товаров — быть с ошибками.
Панель разработчика Google Chrome
Далее сайт можно протестировать с помощью браузера Google Chrome. Для этого нажмите “F12” или комбинацию “Ctrl+Shift+i”. Откроется панель разработчика. Потом щелкните по кнопке Toggle device toolbar (Ctrl +Shift + M) и проверяйте отображение вашего сайта на разных устройствах.
Mobile-Friendly Test от Google
Для анализа того, как выглядит ваш сайт на мобильных устройствах может помочь сервис Mobile-Friendly Test:
Сервисы оптимизации изображений
Изображения и другие элементы должны быть оптимизированы под мобильные устройства. Не существует определенных правил, каким должно быть изображение для мобильного устройства. Самое простое, что можно сделать — сжать изображение. Существует множество инструментов, которые позволят сжать изображения без видимой потери качества. Приведем в пример самые популярные:
При выборе изображений рекомендуется векторный формат, так как качество такой картинки не зависит от масштаба.
Удалите XML- разметку, так как она может содержать ненужные метаданные и настройте GZIP-сжатие для SVG-ресурсов.
Если у вас растровые изображения, тогда удалите ненужные данные (сведения о камере, дату, геоданные и т.д.). Для этого можно воспользоваться соответствующим утилитами: Jpegtran, Optipng, Pngcrush.
Когда на странице достаточно большое количество мелких графических элементов используется CSS для загрузки изображений.
Google Search Console
Обязательно на постоянной основе отслеживайте ошибки в Google Webmaster Tool. Зайдя во вкладку “Поисковый трафик” выберите “Удобство просмотра на мобильных устройствах”.
Далее проверьте в Google Search Console как робот видит ваш ресурс. В разделе “Посмотреть как Googlebot” вы сможете увидеть как отображается ваш сайт на разных устройствах. Перед сканированием вам необходимо обеспечить доступ ко всем встроенным ресурсам на вашем сайте. “Googlebot” поможет понять как происходит сканирование страниц сайта.
Выводы
Mobile-first индекс — это мобильная революция и разгар больших изменений, игнорировать которые мы не рекомендуем. А как подготовить свой сайт к этим изменениям постарались рассказать в данном материале.
