Как создавать мобильные всплывающие окна, которые конвертируют (без ущерба для SEO)

Хотите ли вы использовать мобильные всплывающие окна на своем сайте??

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

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

Как мобильные всплывающие окна могут навредить вашему SEO?

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

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

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

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

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

Важным моментом является то, что вы должны создавать мобильные всплывающие окна ПРАВИЛЬНЫМ способом, чтобы это не повлияло на ваши рейтинги SEO.

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

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

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

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

Создание всплывающего окна, удобного для мобильных устройств, с помощью OptinMonster

OptinMonster — самый простой способ создать всплывающее окно только для мобильных устройств. Это самый популярный инструмент для генерации лидов на рынке и имеет мощный конструктор всплывающих окон WordPress.

Во-первых, вам нужно посетить сайт OptinMonster и зарегистрироваться для получения аккаунта. Просто нажмите кнопку «Получить OptinMonster сейчас», чтобы продолжить.

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

После регистрации вам нужно установить и активировать плагин OptinMonster на вашем сайте WordPress. Для более подробной информации смотрите наше пошаговое руководство о том, как установить плагин WordPress.

После установки вы должны увидеть экран приветствия и мастер настройки. Далее нажмите кнопку «Подключить существующий аккаунт» и следуйте инструкциям на экране.

Далее откроется новое окно, в котором вам будет предложено подключить ваш сайт WordPress к OptinMonster.

Вы можете нажать кнопку «Подключиться к WordPress», чтобы продолжить.

Как только ваш аккаунт OptinMonster будет подключен, вы будете готовы к созданию мобильного всплывающего окна.

Вы можете перейти по ссылке OptinMonster » Кампании зайдите в админку WordPress и нажмите кнопку «Создать первую кампанию».

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

Просто оставьте для параметра «Тип кампании» значение «Всплывающее окно.’

Далее OptinMonster покажет вам несколько шаблонов для вашей всплывающей кампании.

Сначала перейдите на вкладку ‘Device/Mobile’ и выберите фильтр устройств ‘Mobile Specific (Optimized)’. Отсюда вы можете выбрать любой шаблон для вашей кампании.

Когда вы выберете шаблон, откроется окно.

Просто введите название вашей кампании и нажмите кнопку «Начать создание».

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

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

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

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

Вам также необходимо отредактировать представление «Успех». Это будет то, что увидят пользователи после того, как введут свои адреса электронной почты.

Чтобы отредактировать представление «Успех», просто нажмите на вкладку «Успех» в нижней части экрана.

Как только вы будете довольны как видом оптина, так и видом успеха, не забудьте нажать кнопку «Сохранить» в верхней части экрана.

Настройка правил отображения для мобильного всплывающего окна

Теперь пришло время установить правила отображения для вашего всплывающего окна. Сначала вам нужно перейти на вкладку «Правила отображения» в верхней части экрана.

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

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

• Exit Intent для мобильных устройств — всплывающее окно будет показано только в том случае, если пользователь нажмет кнопку «Назад» или собирается закрыть вкладку.
• Датчик бездействия — это позволит показывать всплывающее окно только после того, как пользователь перестанет быть активным на сайте в течение определенного количества секунд.
• Scroll Trigger Popups — это позволит показывать всплывающее окно только после того, как пользователь прокрутит вниз определенный процент страницы.
• Button Click by MonsterLinks — покажет всплывающее окно, только если пользователь нажмет на определенную кнопку.

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

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

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

Затем вы можете нажать кнопку «Следующий шаг».

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

После этого можно нажать кнопку «Следующий шаг».

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

Далее, вы можете перейти на вкладку «Интеграции» и добавить службу email-маркетинга, например, Constant Contact. OptinMonster интегрируется с большинством основных платформ, поэтому вам просто нужно выбрать ту, которую вы используете.

Просто нажмите кнопку ‘+ Добавить новую интеграцию’ на панели слева и выберите свой инструмент email-маркетинга.

Далее, вы можете перейти на вкладку «Опубликованные» вверху.

После этого убедитесь, что «Статус публикации» изменен с «Черновик» на «Опубликовать».’

Не забудьте нажать кнопку «Сохранить» в верхней части экрана и закрыть конструктор кампаний.

Размещение вашей кампании OptinMonster в реальном времени на вашем сайте

Ваша кампания OptinMonster не будет автоматически запущена на вашем сайте WordPress. Вместо этого вам нужно войти в админку WordPress и перейти в раздел OptinMonster » Кампании.

Теперь вы должны увидеть вашу новую кампанию с мобильным всплывающим окном в списке здесь. Затем нажмите на ссылку «Изменить статус» под названием вашей кампании и выберите опцию «Опубликовать» в колонке «Статус».

Теперь ваша кампания будет запущена на вашем сайте WordPress. Зайдите на свой сайт с мобильного устройства и просмотрите его.

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

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

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

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

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

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

Источник: www.wpbeginner.com