HTML5-баннер для РСЯ: требования и почему не проходит модерацию
Баннер отклоняют не за дизайн. Его отклоняют за вес, за прямую ссылку вместо clickTag и за шрифт, подгружаемый с чужого домена. Всё это проверяется до того, как модератор вообще посмотрит на картинку.
Что такое HTML5-баннер и чем он отличается от картинки
Обычный баннер — это JPG или GIF. HTML5-баннер — это маленькая веб-страница в ZIP-архиве: файл HTML, стили, скрипт анимации, шрифты и картинки. Он анимируется плавно, весит меньше GIF того же качества и может реагировать на наведение.
Ценой за это становятся технические требования площадки. Рекламная сеть Яндекса запускает архив в изолированном окружении и проверяет его автоматически. Что не прошло автомат, до человека не доходит.
Что проверяет модерация в первую очередь
Вес архива
Ориентир — до 150 КБ на весь архив. Это не жёсткая граница во всех форматах, но тяжёлый баннер почти гарантированно уходит на ручную проверку и часто возвращается. Основной вес съедают две вещи: шрифты, положенные целиком со всеми начертаниями, и PNG там, где хватило бы WebP.
Шрифт режется до нужного набора символов — кириллица плюс цифры и знаки, — и это обычно экономит две трети его веса. Картинки переводятся в WebP. После этих двух операций баннер на 300×600 с тремя изображениями укладывается в 60–70 КБ.
clickTag вместо прямой ссылки
Внутри баннера не должно быть адреса вашего сайта. Вместо него — переменная, которую рекламная система подставит сама, чтобы клик прошёл через её трекинг и посчитался. Если зашить прямую ссылку, баннер откроет сайт, но кампания увидит ноль кликов, и понять, что случилось, получится не сразу.
У Яндекса и Google механика clickTag разная. Баннер, собранный только под одну сеть, во второй либо не кликается, либо не проходит модерацию. Поэтому в баннере, который должен работать в обеих, стоят оба варианта — и это надо проверять до сдачи, а не после запуска.
Никаких внешних запросов
Шрифт с Google Fonts, библиотека анимации с CDN, картинка с вашего сервера — всё это внешние запросы, и все они запрещены. Причина простая: модерация проверяет архив сегодня, а внешний скрипт может измениться завтра. Всё, что нужно баннеру, лежит внутри.
Метатег размера
В коде баннера должен стоять тег с его размерами. Без него площадка не понимает, в какой слот баннер ставить, и отклоняет его как некорректный, хотя визуально с ним всё в порядке.
Размеры баннеров для РСЯ
Одного размера недостаточно: площадки отдают разные рекламные слоты, и в чужой слот баннер не попадёт. Минимальный рабочий набор:
- 300×250 — самый ходовой формат в сетях, встраивается в текст статей
- 240×400 — узкий вертикальный для боковой колонки
- 300×600 — вертикальный небоскрёб, стоит в поле зрения весь скролл
- 728×90 — горизонтальная перетяжка над или под контентом
- 970×250 — билборд, самый заметный десктопный формат
- 300×300 и 320×100 — под мобильную ленту
Если бюджет на комплект ограничен, начинают с 300×250 и 240×400: на эти два размера приходится большая часть показов в сети. Подробный разбор каждого формата — в отдельной статье про 300×250 и на странице про требования РСЯ.
Типичные причины отклонения
Резкое мигание. Анимация с частой сменой контрастных кадров отклоняется как раздражающая. Плавные переходы проходят, стробоскоп нет.
Бесконечная анимация. Яндекс требует, чтобы движение останавливалось. Обычно ставят ограничение в 30 секунд или три цикла, после чего баннер замирает на финальном кадре с оффером.
Нечитаемый текст. Мелкий шрифт на 240×400 модерация может счесть вводящим в заблуждение. Минимум — 10–11 пикселей для подписей и заметно крупнее для цены.
Несоответствие посадочной. Баннер обещает скидку, а на странице её нет. Это отклоняется уже не техническим автоматом, а живым модератором, и повторная подача занимает время.
В чём собирать
Google Web Designer — бесплатный редактор, который генерирует валидный код под обе сети и сам расставляет clickTag. Adobe Animate тяжелее и даёт больший вес на выходе. Ручная сборка на HTML и CSS-анимации даёт самый лёгкий результат, но требует понимания, как устроен clickTag в каждой сети.
Я собираю руками: так баннер на 300×600 с анимацией весит 60–70 КБ вместо 140 из редактора, и он проходит модерацию с первого раза, потому что каждый файл в архиве положен туда осознанно.
Частые вопросы
Какой максимальный вес HTML5-баннера для РСЯ?
Ориентир — до 150 КБ на архив вместе со всеми файлами. Это не жёсткая граница во всех форматах, но баннер тяжелее 150 КБ почти гарантированно попадёт на ручную проверку и с большой вероятностью будет отклонён. Основной вес обычно съедают шрифты и PNG вместо WebP.
Что такое clickTag и почему без него баннер не работает?
Это переменная, через которую рекламная система подставляет ссылку перехода. Если в баннере зашита прямая ссылка на сайт, система не может подменить её на трекинговую, и клики не считаются. У Яндекса и Google механика разная, поэтому в универсальном баннере нужны оба варианта.
Какие размеры баннеров нужны для РСЯ?
Минимальный рабочий набор — 240×400, 300×250, 300×600, 728×90 и 970×250. Для мобильной ленты добавляют 300×300 и 320×100. Один размер не покрывает сеть: площадки отдают разные слоты, и в чужой слот баннер просто не попадёт.
Можно ли подключать внешние скрипты и шрифты?
Нет. Всё, что нужно баннеру, должно лежать внутри архива: шрифты, картинки, библиотека анимации. Запрос к внешнему домену — одна из самых частых причин отклонения, потому что модерация не может проверить, что этот скрипт сделает завтра.
Сколько стоит сделать HTML5-баннер?
У меня комплект из всех основных размеров под один оффер — от 3 900 ₽. Пачкой из каталога дешевле: от 900 ₽ за товар при десяти и больше. Подробнее — на странице услуги.
Коротко
Модерацию проходит не красивый баннер, а правильно собранный: лёгкий, с clickTag под нужную сеть, без внешних запросов и с остановкой анимации. Дизайн начинает иметь значение только после того, как эти четыре пункта закрыты.
Если нужен комплект под все размеры — я делаю HTML5-баннеры на заказ для РСЯ, Google Ads и VK Рекламы, готовым ZIP-архивом.