Изменения в политике Google: как онлайн-медиа не потерять трафик и рекламу
C середины июня 2021 года Google изменит поисковый алгоритм и при ранжировании будет учитывать показатели пользовательского опыта — Core Web Vitals. Как это повлияет на издателей и что необходимо сделать для сохранения трафика и монетизации обсудили Антон Юхневич, Анастасия Лобада и Анна Доскач.
Бэкграунд обновлений
Прошлой весной Google обновил свой ключевой инструмент PageSpeed Insights, и площадки потеряли часть поискового трафика. Так как обновление выпустили во время пандемии, на фоне растущего из-за ковидной тематики трафика изменение заметили не все издатели. Многие ощутили его влияние только осенью 2020 года.
Обновление алгоритма в июне 2021 затронет абсолютно все онлайн-медиа. Сейчас наступил ключевой момент, когда можно минимизировать потери или даже получить дополнительный трафик за счет площадок, которые не успели подготовиться к изменениям.
Обновление алгоритма в июне 2021 затронет абсолютно все онлайн-медиа
Главные метрики, на которые нужно ориентироваться
Ситуация с изменениями простая: как бы хорошо не была выстроена монетизация, главным фактором ее эффективности всегда будет трафик. Причем трафик — это не только про цифры, но и про людей. Пользователи выбирают то, что удобно и интересно им. Поэтому Google определил три ключевых фактора, которые оказывают влияние на каждого из нас: скорость загрузки страницы, скорость взаимодействия и стабильность. В соответсттвии с ними были выведены три главные метрики.
Core Web Vitals: три ключевые метрики от Google
LCP
Скорость загрузки основного контента или момент, когда страница стала полезной.
Google оценивает, как быстро загрузился основной контент
FID
Время задержки до начала взаимодействия пользователя со страницей.
Google оценивает, как быстро можно переходить к взаимодействию с сайтом
CLS
Визуальная стабильность верстки и элементов, не мешающих взаимодействию.
Google оценивает, насколько сильно сдвигается верстка
Core Web Vitals: три ключевые метрики от Google
LCP
Скорость загрузки основного контента или момент, когда страница стала полезной.
Google оценивает, как быстро загрузился основной контент
FID
Время задержки до начала взаимодействия пользователя со страницей.
Google оценивает, как быстро можно переходить к взаимодействию с сайтом
CLS
Стабильность верстки и отрисованных элементов. ⠀⠀
Google оценивает, насколько сильно сдвигается верстка
Теперь качество пользовательского опыта напрямую влияет на позицию в выдаче Google. Каждый издатель может самостоятельно оценить, стоит ли ему ожидать большой объем поискового трафика от Google. Сделать это можно с помощью инструментов, представленных ниже.
Полевые инструменты
— PageSpeed Insights (PSI);
— Search Console;
— CrUS;
— Js библиотеки Web Vitals.
Лабораторные инструменты
— Web Vitals Chrome;
— Extension Lighthouse;
— WebPageTest.
Всем онлайн-медиа необходимо активно пользоваться этими инструментами для оценки собственных сайтов. Главное — не останавливать свой выбор на каком-то одном. «Пробуйте все: что-то обязательно подойдет вам лучше», — говорит Антон Юхневич.
Что нужно сделать, чтобы оптимизировать свои рекламные технологии?
Агентство MediaForce подготовило небольшой гайд для паблишеров. Коллеги представили пошаговый алгоритм по оптимизации сайта и настройке рекламы в соответствии с новыми рекомендациями.
Адаптация первого экрана
1. Зафиксировать размеры контейнеров
Динамические контейнеры отрицательно влияют на CLS. Запомните: width: 300px; height: 250px.
2. Добавить lazyload
Если ваша реклама расположена не в первом экране, без проблем можно загрузить ее позже. Если используете бесконечную ленту, используйте lazyload для загрузки следующего материала.
3. Отказаться от waterfalls
Водопады хороши для получения рекламного дохода «в моменте», но трафик может сильно уменьшиться при игре «вдолгую». Если вы хотите их оставить, то хотя бы не в первом экране.
4. Сократить рекламный стек для верхних баннеров
Попробуйте протестировать размещение прямого кода РСЯ, DFP. Возможно, вы заметите, что видимость вырастет и доход увеличится.
Настройка асинхронности
1. В строке подключения библиотеки добавить атрибут async
<script src=»https://yastatic.net/pcode/adfox/loader.js»
crossorigin=»anonymous»async></script>
<script async src=»https://yastatic.net/pcode/adfox/header- bidding.js»/></script>
2. Изменить все коды вставки, которые уже установлены на сайте и которые будут устанавливаться в будущем
Исходный код
<div id=»adfox»></div> <script> window.Ya.adfoxCode.create ({ ownerId: 208087, containerId: ‘adfox’, params: { pt: ‘b’, p1: ‘bsoji’ } }); </script>
Измененный код
<div id=»adfox-id»></div> <script> (function (w, n) { w[n] = w[n] || []; w[n].push ({ ownerId: 208087, containerId: ‘adfox-id’, params: { pt: ‘b’, p1: ‘bsoji’ } }); }) (window, ‘adfoxAsyncParams’); </script>
Скорость ответа вендоров
1. Сократить время ожидания ответа от сервера покупателя Header-Bidding
userTimeout = 500. Рекомендуемое время — 500-800мс, максимальное — 3000мс.
2. Сократить максимальное количество перезапросов в наборах Google для AdFox
До одного на первом экране и до двух при lazyload / на третьем экране.
Адаптация первого экрана
1. Зафиксировать размеры контейнеров
Динамические контейнеры отрицательно влияют на CLS. Запомните: width: 300px; height: 250px.
2. Добавить lazyload
Если ваша реклама расположена не в первом экране, без проблем можно загрузить ее позже. Если используете бесконечную ленту, используйте lazyload для загрузки следующего материала.
3. Отказаться от waterfalls
Водопады хороши для получения рекламного дохода «в моменте», но трафик может сильно уменьшиться при игре «вдолгую». Если вы хотите их оставить, то хотя бы не в первом экране.
4. Сократить рекламный стек для верхних баннеров
Попробуйте протестировать размещение прямого кода РСЯ, DFP. Возможно, вы заметите, что видимость вырастет и доход увеличится.
Настройка асинхронности
1. В строке подключения библиотеки добавить атрибут async
<script src=»https://yastatic.net/pcode/adfox/loader.js»
crossorigin=»anonymous»async></script>
<script async src=»https://yastatic.net/pcode/adfox/header- bidding.js»/></script>
2. Изменить все коды вставки, которые уже установлены на сайте и которые будут устанавливаться в будущем
Исходный код
<div id=»adfox»></div> <script> window.Ya.adfoxCode.create ({ ownerId: 208087, containerId: ‘adfox’, params: { pt: ‘b’, p1: ‘bsoji’ } }); </script>
Измененный код
<div id=»adfox-id»></div> <script> (function (w, n) { w[n] = w[n] || []; w[n].push ({ ownerId: 208087, containerId: ‘adfox-id’, params: { pt: ‘b’, p1: ‘bsoji’ } }); }) (window, ‘adfoxAsyncParams’); </script>
Скорость ответа вендоров
1. Сократить время ожидания ответа от сервера покупателя Header-Bidding
userTimeout = 500. Рекомендуемое время — 500-800мс, максимальное — 3000мс.
2. Сократить максимальное количество перезапросов в наборах Google для AdFox
До одного на первом экране и до двух при lazyload / на третьем экране.
Соблюдая представленные рекомендации, реклама не будет создавать дополнительных помех и отрицательно влиять на Core Web Vitals. Используйте рассмотренные инструменты, следите за нововведениями, экспеременируйте и не забывайте о важности пользовательского опыта.
Лучшее в блогах
ПОДПИСКА
ВАШ ЗАПРОС ДОСТАВЛЕН
О блогах ADPASS: правила, рекомендации, ответы на вопросы