Уже давно ведутся разговоры по поводу того, что влияет на SEO рейтинги в поисковой выдаче. Всплывающие окна на сайте, которые раздражают посетителей, плохо влияют на поведенческие факторы и, соответственно, позиции сайта.

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

Каким бывает всплывающее окно для сайта

Многие пользователи вообще не замечают разницу между различными типами “всплывающих окон”. На самом деле эта разница существует, и она напрямую влияет на факторы SEO-продвижения.

1. Всплывающие окна на новой странице

Настоящее всплывающее окно — это новое окно, которое открывается за пределами главного окна браузера. Эти всплывающие окна теперь редко используются (за исключением спам-сайтов). Так происходит всего по одной причине, они сильно портят пользовательский опыт и негативно влияют на навигацию по сайту.

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

2. Наложения (оверлеи)

1

Их называют всплывающими окнами, но на самом деле они считаются наложениями (оверлеями). Хотите поспорить? Это все-таки SEO пост.

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

Ниже приведены наиболее распространенные типы оверлеев, и некоторые распространенные варианты их использования:

Всплывающие оверлеи — правильное всплывающее окно для сайта

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

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

1. Панели уведомлений и баннеры

2

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

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

2. Рекламный блок «Slide-in»

«Slide-in» — это, по сути, угловое наложение, которое может быть использовано практически для всего перечисленного выше. Преимуществом «Slide-in» состоит в том, что этот баннер не закрывает от пользователя потенциально важное содержание страницы. Такие всплывающие окна появляются справа или слева внизу.

Имейте в виду, можно использовать и оверлей, и «Slide-in» одновременно потому, как этот тип рекламы резко превосходит баннеры и слайды. В вашей маркетинговой стратегии можно найти место для всех стратегий.

3. Модальное окно

3

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

4. Промежуточные всплывающие окна

4

Многие из вас, наверное, хоть заходили на сайт издания Forbes. Там пользователь сразу сталкивается с окном, которое закрывает все содержимое страницы. Чтобы перейти дальше, необходимо какое-то время подождать.

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

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

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

Факторы SEO для всплывающих окон на сайте

Теперь, когда вы знаете, что стоит использовать оверлеи и модальные окна, стоит рассмотреть факторы поисковой системы, которые определяют правильное использование этих инструментов.

1. Пользовательский опыт

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

Хотите соответствовать Google? Убедитесь, что ваш контент доступен на 1-й странице выдачи результатов поиска. Придержите оверлеи и модальные окна до того момента, как пользователь перейдет на вторую страницу вашего сайта.

Конечно, существуют уникальные случаи, когда все замыкается на факторе времени. Показывайте всплывающее окно через 10-15 секунд просмотра страницы.

2. Тайминг

Главный смысл правила — время проведенное на вашем сайте.

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

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

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

3. Содержание

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

Тем не менее, если контент является рекламой, то ему не место в таком контексте. Это то, от чего Google постоянно пытается избавиться. Это то, что не рекомендуется использовать маркетологам.

4. Взаимодействие

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

Другим аспектом взаимодействия является поведение и действие посетителя на сайте. Если оверлей открывается, когда посетитель щелкает призыв к действию, это часть веб-сайта. А значит, хорошо, что посетителя привлек один из рекламных элементов.

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

5. Источник трафика

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

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

Всплывающие окна на сайте для мобильных устройств

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

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

1. Избегайте новых всплывающих окон и промежуточных окон

Это просто. Google наказывает как новые окна всплывающие окна, так и промежуточные, которые ограничивают доступ к содержимому, так что избегайте их, насколько это возможно!

2. Избегайте триггеров на 1-й странице, на которую пользователь переходит из поисковых систем

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

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

3. Целевой контент для посетителей, собирающихся покинуть ваш сайт

5

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

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

4. Относитесь к мобильному контенту по-другому

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

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

  • Различные формы всплывающих окон.
  • Фиксированное поле для воода электронной почты и CTA.
  • Большой текст кнопки «Закрыть».

6

 

 

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

 

Было полезно? Оцените, пожалуйста, и поделитесь с друзьями!
Как сделать всплывающее окно для сайта, чтобы не ухудшить SEO
4 (80%) - 7 оценок

4.10.2017

Напишите комментарий