Новые правила от Google: адаптируйся к mobile-first (или умри)

Речь пойдёт о мобильной адаптации сайтов. В 2018 году она станет для кого-то причиной роста поискового трафика и объёма продаж, а для кого-то — причиной падения позиций сайта и сокращения прибыли.

В чём главное отличие mobile-first индекса от предыдущих правил ранжирования?

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

До вступления в силу новых правил, поиск Google работал по-разному, в зависимости от того, с какого устройства осуществлялся поиск:

  • если пользователь вводил поисковый запрос с мобильного устройства (смартфон, планшет), то Google, формируя поисковую выдачу, обращался к мобильным версиям сайтов, а при их отсутствии — к десктопным версиям;
  • если пользователь вводил поисковый запрос с десктопа (компьютер, ноутбук) — то поисковая выдача формировалась из десктопных версий сайтов.

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

Стоит ли теперь волноваться владельцам не адаптированных сайтов?

Да, потому что Google будет формировать поисковую выдачу на основе индексации мобильных версий или сайтов с адаптивным дизайном, и для мобильных устройств, и для десктопов. Если ваш сайт не адаптирован к мобильным устройствам (не является mobile-friendly) — это скажется на позициях в поисковой выдаче, даже если поиск осуществляется со стационарного компьютера.

Проверить мой сайт

Какие преимущества получат сайты, адаптированные к мобильным устройствам?

Новый контент, не являющийся mobile-friendly, будет хуже индексироваться.

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

Позиции сайтов с качественным responsive-дизайном или мобильной версией будут выше.

Поисковая выдача по новым правилам формируется так:

  • Google индексирует сайты, начиная с мобильных версий;
  • при отсутствии мобильной версии, Google индексирует десктопные версии;
  • затем mobile-friendly сайты — с адаптивным дизайном или хорошей мобильной версией — получают дополнительный “бонус”.

Если с вашим сайтом удобно работать — вы получите двойную выгоду.

Большая часть людей, которые ищут ваши товары или услуги, пользуется смартфонами и планшетами. Если им удобно работать с вашим сайтом — конверсия будет выше, процент отказов снизится, и это приведёт к дальнейшему росту позиций.

Как подготовиться к грядущим изменениям?

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

  • убедитесь, что ваш сайт обладает responsive-дизайном или мобильной версией;
  • если у вашего сайта отдельная мобильная версия — убедитесь, что она зарегистрирована в консоли вебмастера и доступна для Google(владельцам сайтов с responsive-дизайном этого делать не придётся);
  • для сайтов с мобильной версией важно убедиться, что она содержит тот же объём контента и ту же микроразметку, что и десктопная версия (для сайтов с responsive-дизайном и это не требуется);
  • проверьте, как Google видит ваш сайт, с помощью инструмента Fetch and Render в панели вебмастера Google (сайт должен качественно отображаться для поискового бота mobile:smartphone);
  • проверьте скорость загрузки сайта, её значение также возрастёт;
  • откажитесь от всплывающих окон, загораживающих контент;
  • убедитесь, что с сайтом удобно работать со смартфона (сайт должен быть “finger-friendly”).

Нужно помочь в проверке или проконсультировать? Мы всегда готовы прийти на помощь! Получите набор рекомендаций и инструкцию по адаптации сайта к новым правилам за 990 рублей (только до конца февраля)! Свяжитесь с нами любым удобным способом.

Правильный интернет-маркетинг: что делать с длинной страницей сайта?

Маркетологи и UXдизайнеры (специалисты по юзабилити) работают над поиском идеального способа вывода информации на экран, который позволит пользователям лучше воспринимать контент сайта.

В настоящее время существует три наиболее популярных решения:

— бесконечная прокрутка (скроллинг);
— пагинация (кнопки 1,2,3…);
— кнопка «показать больше».
Какой же вариант лучше выбрать?

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

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

Пагинация
Пагинацияабсолютный лидер по популярности и применяется наиболее часто. При такой разбивке контента пользователь видит только часть результатов поиска (например, 30 форумных трендов или 10 товаров). Для перехода к следующей странице используется ссылка с порядковым номером (1,2,3 …). Преимущество методав увеличении времени, которое пользователь проводит на первой странице.

Большинство интернетпокупателей относятся к этому варианту оформления отрицательно, нарекая на его медлительности. Для смартфонов такое решение тоже не самое удачное: при малой диагонали экрана «перешагивать» между номерами страниц затруднительно.

Кнопка «показать больше» или «показать еще»
Лучших результатов, в сравнении с пагинацией, позволяет добиться вариант «показать больше». Эту кнопку используют лишь 8 % интернетмагазинов. При этом пользователь должен сделать выбор между «да, покажите еще товары» и «нет, не надо». За счет этого удается привлечь больше внимания к отдельным товарам, чем при обычном скроллинге. Для мобайла этот способ тоже хорошо подходит: и страница не перегружена, и футер доступен.

Более оптимизированный варианткогда кнопка «еще» работает в связке с «ленивой» загрузкой. В этом случае на экран подгружается от 10 до 30 товаров. После того, как посетитель сайта просмотрит около 80 позиций, выводится ссылка «показать еще».

Более подробную информацию можно получить у специалистов нашего агентства по телефону +7 (812) 748-22-67 или написав нам на почту task@web365.ru.

Адаптивность сайта или Перезагрузка ваших возможностей !

Адаптивная версткакорректное отображение Вашего сайта на desktopной версии, т.е. ПК, так и на мобильных устройствах  (телефонах, планшетах).

Адаптивный сайт имеет ряд преимуществ по сравнению с обычным сайтом:

Резиновая структураподстраиваемость вашего сайта под разные разрешения экрана.
Адаптивные изображения, которые легко увеличиваются\уменьшаются в соответствии с окном браузера.
Дополнительная мобильная аудитория — посещаемость сайта увеличиться на 3040%.
Преимущество от поисковых систем в виде  в ТОП.
• Сокращение расходов на поддержку сайта.
Согласно статистике, все больше пользователей выходят в интернет с мобильных  устройств (телефоны, планшеты), в связи с чем стремительными темпами развивается технология адаптивного дизайна. Каждый четвертый пользователь интернет ищет необходимую ему информацию через смартфон или планшет.
Адаптивная верстка это не только экономия времени ваших клиентов, но и инвестиция в развитие вашего бизнеса.

ад