Поисковая оптимизация всплывающего окна. Общие требования для любого всплывающего окна. Подробная видео-инструкция
Здесь собраны основные рекомендации для поисковой оптимизации всплывающего окна. Общие требования для любого всплывающего окна.

Материал создавался в рамках встреч Open SEO 07.07.2023

Дата последнего обновления: Июль 2023
Функциональные требования
Набор требований описывающий, какими функциями, возможностями должен обладать объект (страница), и каков должен быть результат выполнения этих функций.
  • Рекомендации:
    Если у вас много всплывающих окон – подумайте, как объединить их в одно единственное окно.
    Подробнее:
    Антипример: Выводить одновременно несколько окон
    Антипример: Выводить последовательно несколько окон
  • Рекомендации:
    Все всплывающие окна раздражают пользователей.
    Подробнее:
    — Но если окно решает бизнес-задачу эффективно – этим можно пренебречь.
  • Рекомендации:
    Не делайте окно унылым и формальным.
    Подробнее:
    — Используйте юмор, мемы, доброжелательные образы и формулировки.
  • Рекомендации:
    Всегда объясняйте пользователю – почему он видит это окно и почему не должен злиться.
  • Рекомендации:
    Все всплывающие окна должны быть максимально контрастными и сразу фиксировать внимание пользователя на себе
    Подробнее:
    • контрастные окна выглядят как часть интерфейса, не контрастные окна выглядят как мусор
  • Рекомендации:
    Окно должно быть спроектировано так, чтобы потребить минимально кол-во времени посетителя.
    Подробнее:
    — При проектировании всплывающих окон, минимизируйте кол-во показываемой и запрашиваемой информации.
    — Если окно подразумевает возможность закрытия – в правом верхнем углу должен быть "крестик", закрывающий это окно.
    — Если окно закрыто, оно больше никогда не должно показываться в рамках текущей сессии (как минимум), а в идеале – для этого пользователя, при любом его визите.
  • Рекомендации:
    Если вы в России – вы обязаны маркировать рекламу (№ 38-ФЗ и № 347-ФЗ)
    Подробнее:
    — Должна быть пометка “Реклама”
    — Должен быть уникальный номер (ERID)
    — Должна передаваться информация в ОРД

    • иначе штрафы
  • Рекомендации:
    Плохие практики:
    Подробнее:
    — Обманывать пользователя
    Пример: кнопка закрыть – не закрывает окно, а перекидывает на рекламируемую страницу
    — Просить дать обещание
    Пример: Вместо кнопки "закрыть" – давать кнопку "Обязательно куплю позже"
    — Делать таймер, ограничивающий возможность закрыть всплывающее окно
Технические требования
Набор требований предъявляемых к объекту, для обеспечения корректной реализации той или иной функции.
  • Рекомендации:
    Для создания контраста и повышения значимости окна
    Подробнее:
    — Делаем ближе к пользователю
    • добавляем тени
    • блюрим фон
    — Используем контрастные цвета
    — Не скупимся с размером

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

    • чтобы не замедлять загрузку основного контента
  • Рекомендации:
    Убедитесь, окно не блокируются AdBlock’ером
Видео-материалы
Тема: Всплывающее окно | всеобщие вселенские требования для любого всплывающего окна