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


Краткое содержание


Что такое сдвиги контента и почему они происходят?

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

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

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

В мае 2020 года компания Google представила набор показателей, Core Web Vitals, которые оценивают качество сайта. В частности, показатели измеряют три основных метрики пользовательского опыта, такие как скорость загрузки, интерактивность и визуальную стабильность. Один из показателей, совокупный сдвиг макета (CLS), измеряет стабильность макета и определяет, простыми словами, как часто и насколько большие сдвиги происходят при взаимодействии пользователей с сайтом. 

Совокупный сдвиг макета можно измерить с помощью основных инструментов Google для веб-разработчиков, таких как Lighthouse, PageSpeed Insights, Chrome DevTools, Search Console, Web.dev’s measure tool, Web Vitals Chrome extension и Chrome UX Report API.

Показатель совокупного сдвига макета колеблется от 0 (без сдвигов) до 1 (максимальное количество сдвигов). По данным Google, сайт обеспечивает положительный пользовательский опыт, если его показатель CLS ниже 0,1.

Source: web.dev — https://web.dev/cls/

Как минимизировать сдвиги контента на страницах с мультиразмерными объявлениями?

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

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

Как минимизировать сдвиги контента при использовании мультиразмерных рекламных блоков в Clickio Prism?

Чтобы решить проблему низкой видимости и повысить удовлетворенность пользователей сайтом на страницах с мультиразмерными рекламными объявлениями, Clickio разработала функцию под названием mini-sticky, которая значительно уменьшает сдвиги контента, не влияя на результаты монетизации.  

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

Внутренние тесты Clickio показали, что функция mini-sticky уменьшает сдвиги контента, связанные с мультиразмерными блоками, более чем на 90%, значительно увеличивая при этом их видимость.

Функция mini-sticky доступна для всех издателей Clickio в Prism — технологии, которая превращает любой контентный сайт в прогрессивное веб-приложение, делая его быстрее, интерактивнее и стабильнее.

Если вы хотите узнать больше о том, как минимизировать сдвиги контента с помощью mini-sticky в Prism, пожалуйста, свяжитесь с командой Clickio.