Home > Блог > Без категории > Как достичь успеха в mobile-first index

Как достичь успеха в mobile-first index

Опубликовано 17.09.2018 От

Mobile first index mainНа сегодняшний день тенденция mobile-first index не является неожиданной для опытных пользователей. Тем не менее, подобная тема продолжает генерировать бурную реакцию, поэтому не уделить ей внимание просто невозможно. Впервые о подобном явлении заговорили тогда, когда в Google пару лет назад сообщили о тесте подобного поискового метода. Естественно, то, что начинают тестировать, планируют применить в последующем, поэтому реализация была только вопросом времени. Уже в тот момент многие поняли, что пора взяться за разработку мобильной версии ресурса, чтобы идти в ногу с новыми требованиями.

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

Ключевые аспекты вопроса

Зачем вообще было менять существующие алгоритмы выдачи по запросам? В компании Google работают самые видные специалисты отрасли, поэтому им хорошо известны любые нюансы и яркие тенденции современного интернета. Благодаря простой аналитике, было определено, что уже в 2015 году количество пользователей, которые посещают сайты через мобильные девайсы, не меньше, а часто больше их десктопных коллег. Также была внимательно изучена тенденция к росту данной аудитории. Она показала постепенный, но неуклонный рост, и в будущем подобная ситуация лишь станет еще более отчетливой.

Что делает компания Google со всей этой собранной информацией? Она начинает использовать ее в процессе своей непосредственной деятельности. Вначале был запущен многомесячный процесс тестирования, после чего было решено внедрить mobile-first index окончательно, что и произошло в середине 2018 года. Каковы особенности измененного алгоритма? Его суть максимально проста. Теперь в приоритете будут находиться именно те сайты, которые прошли адаптацию под работу на мобильных гаджетах. Так как аудитория десктопных пользователей теперь в меньшинстве, то подобный подход выглядит более чем закономерным решением. Первоначально ситуация была ровно противоположной, поэтому десктопные версии ресурсов демонстрировались первыми, но тренды изменились и компания решила полностью следовать им.

Что представляет собой mobile-first index?

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

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

Добавление площадки в мобильный индекс

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

Так, динамический показ, который является одним из способов, сегодня является не самым популярным выбором. Чаще всего владельцы ресурсов останавливают свой выбор на адаптивном дизайне либо сайтах с поддоменом. Именно адаптивный метод является рекомендованным в компании Google. Особенностью данной методики является то, что любые элементы, которые относятся к интерфейсу площадки, могут быть быстро подстроены в соответствии с размерами дисплея пользователя. Такой сайт будет одинаково качественно отображен на ПК, смартфоне или обычном телефоне. У подобного подхода есть и другие преимущества:

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

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

Использование мобильной версии

HoldingДанный вариант сегодня также возможен. Он предполагает создание отдельного сайта, к примеру, с использованием вспомогательного домена, который будет обеспечивать просмотр сайта с мобильного девайса. При этом процесс перенаправления осуществляется еще во время запроса на сервер.

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

Что в итоге предлагаем

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

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

Важные советы по юзабилити

В процессе модернизации сайта важно уделить внимание интерактивным элементам:

  • кнопкам;
  • ссылкам;
  • компонентам меню.

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

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

Mobile first-index featuredУделите внимание и тому, чтобы текст располагался только в пределах той части дисплея, которая видна пользователю. Наличие горизонтальной прокрутки является моветоном сегодня. Длинные страницы следует дополнять клавишами для моментального перемещения вверх или низ страницы.

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

Если выбрать для сайта адаптивный дизайн, то дополнительных изменений производить не придется. Последующие советы относятся к тем разработчикам, которые выбирают мобильную версию для своей площадки. Для начала стоит установить тег link, в атрибуте которого указан rel=»alternate». Это позволит поисковому боту быстрее обнаружить контент, который прошел оптимизацию для девайсов. Страница, предназначенная для пользователей мобильных устройств, должна содержать тег link rel=»canonical», который ссылается на оригинальную страницу с основной версии сайта.

Информация, которая содержится на странице поддомена, должна полностью совпадать с десктопным аналогом. Все страницы должны содержать мета-теги. В случае, когда ПК-версия сайта отличается использованием микроразметки, важно не забыть активировать данную функцию и для мобильного ресурса. Для последнего обязательно следует создать robots.txt. Поисковая консоль должна открывать доступ к ПК, а также мобильной версии.

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

  • Bing;
  • Yahoo;
  • Pinterest.

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

Для установки микроразметки в AMP предусмотрено использование JSON-LD. Дополнительным моментом становится использование изображений для предварительного просмотра, а также написание краткого описания. Устранить опасность дублирования позволяет тег rel=»canonical», который устанавливают на основной странице.

Подводя итоги

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

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

Рассчитать стоимость
от 8000 грн. (без предоплаты)