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

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

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

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

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

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

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

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

Примеры всплывающих окон Google, за которые страница будет наказана

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

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

Если коротко, то это поможет вам увеличить коэффициент конверсии, что приведет к большему количеству потенциальных клиентов и продаж.

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

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

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

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

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

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

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

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

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

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

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

Подключение вашего сайта WordPress к вашей учетной записи OptinMonster

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

Нажмите кнопку Create New Campaign, чтобы создать новую кампанию в OptinMonster.

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

Для шаблона кампании выберите фильтр для мобильных устройств и выберите шаблон. Мы собираемся использовать шаблон предложения.

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

OptinMonster предложит вам назвать вашу новую кампанию и выбрать, на каких веб-сайтах вы хотите, чтобы она отображалась. Идите вперед и введите эти данные, затем нажмите кнопку «Начать сборку».

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

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

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

Редактирование текста всплывающего окна OptinMonster

Чтобы отредактировать изображение, вам нужно нажать кнопку настроек для столбца, в котором оно находится. Кнопка настроек — это шестеренка в сером поле.

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

Затем вы можете загрузить изображение по вашему выбору, щелкнув опцию «Фоновое изображение» слева.

Замена изображения во всплывающем окне OptinMonster

Сделайте столько изменений, сколько вам нужно, во всплывающем окне.

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

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

Редактирование представления «Успешно» с последующим сохранением изменений во всплывающем окне.

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

Теперь пришло время установить правила отображения для вашего всплывающего окна.

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

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

Редактирование правила отображения, чтобы всплывающее окно загружалось через 10 секунд вместо 5 секунд

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

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

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

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

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

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

Затем OptinMonster покажет вам раскрывающийся список провайдеров электронной почты. Щелкните раскрывающийся список и выберите службу электронного маркетинга.

Выберите своего провайдера электронной почты из списка

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

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

Когда будете готовы, нажмите кнопку «Опубликовать».

Опубликуйте свою кампанию OptinMonster, как только закончите

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

Размещение кампании OptinMonster на вашем веб-сайте

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

Теперь вы должны увидеть здесь свою новую всплывающую кампанию для мобильных устройств. Если нет, просто нажмите кнопку «Обновить кампании». Затем просто нажмите ссылку «Начать» под названием своей кампании.

Размещение кампании OptinMonster на вашем сайте WordPress

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

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

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

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

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

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

Создание кампании с плавающим баром в OptinMonster

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


Поделись с друзьями:

Оставьте комментарий