Интерактивная вставка на сайте: что она даёт поведению читателя

Миф, с которого всё начинается

Совет звучит примерно так: «добавьте на страницу интерактивный блок, посетитель задержится, вырастет время на сайте, и поисковик поднимет страницу в выдаче». Логика выглядит стройной, и первая её половина верна: человек действительно задерживается. Ошибка во второй половине — в том, что происходит с цифрами.

Если вставка сделана через iframe с чужого домена — а так работают почти все виджеты, от карт до калькуляторов, — то ваш счётчик о происходящем внутри не знает вообще ничего. Ни кликов, ни прокрутки, ни наведений. Для него человек открыл страницу и замер.

Что считает Метрика, а что нет

Длительность визита в Яндекс Метрике считается не по тому, сколько секунд открыта вкладка, а по активности: просмотры страниц, клики по внешним ссылкам, скачивания файлов и вызовы reachGoal, hit, params, extLink, file, notBounce. Нет событий — нет и роста длительности.

Отсюда первый практический вывод: обещание «вставка поднимет время на сайте» в отчётах Метрики не подтвердится. Скорее наоборот — если человек десять минут крутил калькулятор и ушёл, в отчёте останется визит на несколько секунд.

Отказ: единственное, что меняется гарантированно

А вот здесь вставка работает — и работает надёжно.

Отказом в Метрике считается визит, где одновременно: он короче 15 секунд, просмотрена одна страница и не зафиксировано служебное событие «неотказ». Это событие браузер отправляет сам по истечении тех же 15 секунд — при условии, что в счётчике включён точный показатель отказов (accurateTrackBounce).

Человек, который открыл вставку и начал в ней разбираться, почти наверняка проводит на странице больше пятнадцати секунд. Значит:

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

Что видит поисковик, чего не видит счётчик

Метрика — ваш инструмент, а ранжирует поисковая система, и данные у неё свои. Главный сигнал здесь не «сколько секунд», а вернулся ли человек в выдачу и продолжил ли искать. Когда читатель ушёл по ссылке из поиска, залип в интерактивном блоке и закрыл вкладку удовлетворённым — с точки зрения поиска его задача решена этой страницей.

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

Формулировать это стоит осторожно: ни Яндекс, ни Google не публикуют формулу и не подтверждают, что конкретно время на странице является фактором ранжирования. Утверждать «поставьте iframe — вырастут позиции» нельзя. Честная формулировка такая: вставка помогает читателю получить ответ на месте, а страница, которая отвечает, со временем ранжируется лучше страницы, которая не отвечает.

Чем вставка может навредить

Интерактивный блок — это чужой код, чужие запросы и лишний вес. Четыре способа сделать хуже, чем было:

1. Убить скорость загрузки. Виджет без ленивой загрузки тянет свои скрипты сразу и задерживает отрисовку страницы. Скорость — это фактор, в отличие от гипотез про время.
2. Сломать вёрстку на телефоне. Блок с фиксированной шириной в 900 пикселей на экране в 380 даёт горизонтальную прокрутку всей страницы.
3. Получить прыгающую вёрстку. Если высота iframe не задана заранее, содержимое страницы скачет при его загрузке.
4. Отдать поисковику пустоту. Содержимое фрейма в индексацию вашей страницы не попадает. Если смысл абзаца находится внутри вставки, для поиска этого смысла на странице нет.

Как встроить правильно: шесть требований

Требования к любому встраиваемому блоку — неважно, чей он:

1. Ленивая загрузка. Атрибут loading="lazy": виджет грузится, когда читатель до него дошёл, а не вместе со страницей.
2. Понятная высота. Либо фиксированная, либо вставка сама сообщает свою высоту родительской странице через postMessage. Второе лучше: на телефоне и на мониторе нужна разная.
3. Ширина в процентах. width: 100% вместо числа в пикселях, иначе мобильная вёрстка поедет.
4. Текстовая подпись рядом. Под вставкой — живой абзац, который объясняет, что там показано. Он и человеку помогает, и поисковику даёт содержание, которого во фрейме не видно.
5. Ссылка на источник вне фрейма. Ссылка внутри iframe поисковиком вашей страницы не учитывается и человеком часто не замечается. Обычная ссылка в подписи под блоком работает и для того, и для другого.
6. Один блок на страницу. Два интерактива подряд соревнуются друг с другом за внимание, и оба проигрывают тексту.

Живой пример

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

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

Как измерить эффект честно

Смотреть надо не на среднюю длительность визита — по причинам выше она почти не сдвинется. Мерить стоит так:

• Показатель отказов по конкретной странице до и после. Это главная метрика для такой правки, и она отзывается быстро.
• Глубина просмотра — сколько страниц человек смотрит за визит. Если после вставки он идёт читать соседнюю статью, блок сработал.
• Скорость загрузки — обязательно, в паре с первыми двумя. Выигрыш в отказах, купленный лишней секундой загрузки, не выигрыш.
• Достижение целей со страницы: скачивание файла, переход в нужный раздел, заявка. Конечный смысл всё-таки в них.

Сравнивать нужно период с периодом на одной и той же странице, а не разные страницы между собой: у статьи про калькулятор и у статьи-инструкции поведение читателей разное само по себе.

Когда вставка не нужна

Честно: чаще, чем кажется.

Если она не отвечает на вопрос статьи. Интерактив ради интерактива читатель закрывает быстрее, чем картинку, и уходит с ощущением, что ему подсунули рекламу.

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

Если страница и так отвечает исчерпывающе. Хороший текст с примером и шаблоном удерживает читателя лучше любого виджета.

Вопросы и ответы

Что почитать дальше