Видео на сайте: плеер, отдельная страница и поисковое обнаружение

Плеер с постером часто скрывает видео от поиска: до клика в HTML нет ни файла, ни ссылки. Разбираем, как развести показ и существование видео и что проверять на странице.

Видео на сайте становится обнаружимым, когда одновременно есть три вещи: доступный файл или поток по постоянному адресу, страница с человеческим описанием и метаданные, совпадающие с содержимым. Плеер, создаваемый скриптом после клика, — только интерфейс. Адрес видео должен присутствовать в ответе сервера без JavaScript, открываться без авторизации и не истекать. Разметка без реального файла бесполезна.

Видео на сайте обычно живёт в двух несовместимых мирах. В первом — человек нажимает большую кнопку и смотрит ролик. Во втором — поисковая система пытается понять, что на странице вообще есть видео, какое именно и можно ли его открыть без браузера с включённым JavaScript. Эти миры встречаются реже, чем кажется. Условная сцена: у производственной компании на странице «Как мы собираем шкаф» стоит плеер с корпоративным роликом, рядом абзац текста и три фотографии. Владелец уверен, что видео «есть на сайте», а поиск видит только картинку-обложку и пустой контейнер. Дальше — почему так происходит и что с этим делать руками, а не заклинаниями.

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

Плеер, который включается только после согласия или клика

Типичная история: на странице стоит заглушка с постером и надписью «Нажмите, чтобы загрузить видео». До клика в HTML нет ни video, ни iframe, ни ссылки на медиафайл. Скрипт создаёт плеер по событию. Для человека это забота о скорости и приватности, для обхода — тупик: обходчик видит страницу без видео. Google прямо предупреждает, что контент, появляющийся только после действия пользователя, может не попасть в индекс, и советует проверять, как страница выглядит без исполнения JavaScript (JavaScript SEO basics). Это не приговор видеоплеерам, а требование разделить «показ» и «существование».

Практический вывод: видео должно иметь адрес, доступный без клика. Не обязательно автозапуск и не обязательно видимый плеер до согласия. Достаточно, чтобы в разметке страницы был честный указатель на ресурс: прямая ссылка на файл, ссылка на страницу просмотра или элемент с явным адресом источника, который не прячется за обработчиком события. Согласие на cookies и баннеры — отдельный слой; он не должен быть единственным условием, при котором адрес видео вообще появляется в документе.

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

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

Что считать видеоресурсом, а что — красивой картинкой

Второй источник путаницы — постер. Компания загружает привлекательный кадр, ставит его фоном, сверху треугольник «play». Визуально это видео. Технически это изображение с декоративной иконкой. Поисковая система не обязана угадывать, что за картинкой спрятан ролик, и не будет. Обложка полезна как превью, но она не заменяет ни файл, ни страницу просмотра.

Отдельно про ссылки. «Посмотреть видео» может вести на файл .mp4, на страницу видеохостинга, на встроенный плеер стороннего сервиса или на собственный маршрут вида /video/123. Все четыре варианта рабочие, если адрес стабилен, отвечает корректным статусом и не требует авторизации для просмотра. Если ссылка ведёт на страницу с ошибкой, на редирект в личный кабинет или на файл, который отдаётся только при определённых заголовках, — это не видеоресурс для обнаружения, а битая дверь.

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

Одна страница — одно основное видео

Когда на странице несколько роликов, начинается путаница приоритетов. Что считать главным? Тот, что вверху? Тот, что длиннее? Тот, ради которого страница создана? Если ответа нет, метаданные будут противоречивы, а поисковая система выберет что-то сама — и не факт, что вам понравится выбор. Рекомендация: назначьте основное видео явно и опишите его первым, а остальные оформите как второстепенные, каждый со своим адресом и понятным заголовком.

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

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

Доступность видео для поиска: паспорт видео

Чтобы не спорить каждый раз заново, заведите рабочий объект — паспорт видео. Это не документ ради документа, а таблица, которая переживает смену подрядчика и редизайн. В ней фиксируется то, что нельзя восстановить по памяти через полгода.

Паспорт решает конкретную боль: когда ролик перезаливают, меняют хостинг или удаляют, становится видно, какие страницы зависят от этого адреса. Без паспорта видео живёт как слух — все знают, что оно где-то есть, но никто не помнит где.

Разметка, которая не врёт

Метаданные видео — это способ сказать машине то, что человек видит глазами. Схема VideoObject описывает имя, описание, обложку, длительность, дату загрузки и адрес содержимого. Google в руководстве по видео рекомендует делать так, чтобы разметка совпадала с видимым содержимым страницы, а видео было доступно по указанному адресу (Video SEO best practices). Ключевое слово — «совпадала». Разметка, которая обещает часовой вебинар, а ведёт на тридцатисекундный тизер, — это не оптимизация, а расхождение, которое рано или поздно всплывёт.

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

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

Доступность: субтитры, расшифровка и тишина

Видео без звука для части аудитории — это картинка. Видео без субтитров для части аудитории — это шум. W3C в руководстве по доступности медиа перечисляет базовые требования: субтитры для речи, расшифровка, описание визуальной информации, которая важна для смысла (Making Audio and Video Accessible). Это не про поиск, это про людей. Но побочный эффект приятный: расшифровка даёт странице текст, которого иначе не было бы, и помогает тем, кто предпочитает читать.

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

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

Права на видео и чужие лица в кадре

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

Практическая сторона: в паспорте видео должно быть поле «права» с указанием владельца и ограничений. Если ролик делал подрядчик, проверьте, переданы ли права на использование. Если в кадре клиенты, уточните, есть ли согласие на публикацию. Если звучит музыка, убедитесь, что лицензия покрывает веб-показ. Это скучно, но именно здесь чаще всего всплывают проблемы через год после публикации, когда ролик уже разошёлся по страницам.

Мобильный экран и вертикальный кадр

Большая часть просмотров придётся на телефон, и это меняет не только вёрстку, но и сам выбор ролика. Горизонтальный кадр с мелким текстом на мобильном превращается в разглядывание. Вертикальный ролик на десктопе выглядит как узкая полоса. Универсального решения нет, но есть правило: основное видео должно быть читаемым на самом маленьком экране, который вас интересует. Если это невозможно, лучше сделать два варианта или выбрать один, но честно.

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

Доступность видео для поиска на экране сотрудника

Контент-менеджер не должен бояться сломать разметку. Значит, интерфейс должен быть устроен так, чтобы опасные поля были либо заполнены автоматически, либо проверены на входе. Простая форма с полями из паспорта видео работает лучше, чем свободный HTML-редактор, где каждый может вставить что угодно. В форме: загрузка файла или вставка адреса, заголовок, описание, обложка, длительность, расшифровка, галочка «опубликовано с правами». На выходе — предпросмотр и понятное сообщение, если чего-то не хватает.

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

Ещё один элемент интерфейса — история изменений. Когда видео перезаливают, важно понимать, что изменилось: адрес, обложка, длительность. Без истории через полгода невозможно ответить, почему разметка перестала совпадать с содержимым. История не обязана быть сложной: достаточно даты, автора и списка изменённых полей.

Два разных случая: производство и обучение

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

Второй условный эпизод. Учебный центр публикует курс из двенадцати коротких видео. Все они встроены в одну страницу через карусель, без отдельных адресов, с общим заголовком «Наш курс». Субтитров нет, расшифровки нет. Что происходит: страница конкурирует сама с собой, ни одно видео не имеет ясного описания, люди с нарушениями слуха не могут воспользоваться материалом, а поиск не понимает, о чём каждый ролик. Лечение: каждый урок получает свою страницу с заголовком, описанием, расшифровкой и субтитрами, а общая страница курса становится оглавлением со ссылками. Это больше работы, но именно она превращает набор файлов в учебный материал.

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

Как проверить страницы с видео: практикум

Возьмите пять страниц, где, по вашему мнению, есть видео. Для каждой пройдите чек-лист. Первое: откройте исходный код ответа сервера и поищите адрес медиа. Если его нет — видео появляется только после скрипта или клика, это первая проблема. Второе: откройте адрес видео в приватном окне без входа. Если не открывается — вторая проблема. Третье: сравните заголовок, описание и длительность в разметке с тем, что видно на странице. Расхождение — третья проблема. Четвёртое: проверьте обложку — существует ли файл, актуален ли кадр. Пятое: есть ли субтитры или расшифровка. Шестое: откройте страницу на телефоне в медленной сети и попробуйте посмотреть видео.

Результат удобно свести в таблицу.

Дополнительная проверка тех же условных страниц:

Таблица не ради таблицы, а чтобы увидеть закономерность: проблемы редко бывают одиночными. Если адрес видео не в HTML, то и разметка, скорее всего, фиктивна, и расшифровки нет. Чинить нужно не отдельные симптомы, а весь путь от файла до страницы.

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

Что делать с видео, которое устарело

Ролики стареют быстрее текста. Меняется продукт, цены, интерфейс, люди в кадре. Устаревшее видео на странице — это не нейтральный балласт, а источник неверной информации. Решение зависит от роли: если видео иллюстрирует процесс, который изменился, его нужно переснять или заменить; если оно историческое, его стоит явно пометить датой; если оно больше не нужно, лучше удалить и поставить редирект на актуальную страницу.

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

Границы стоит обозначить сразу. Никакая разметка не гарантирует показов в поиске. Никакой плеер не заменит понятного содержания. Никакая расшифровка не исправит ролик, который не нужен аудитории. Инструменты помогают не терять видео из виду, но не создают спрос. Если ролик снят ради галочки, лучше потратить время на текст.

Финальная проверка одной страницы

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

Смежный вопрос разобран отдельно: Продвижение YouTube Shorts: как найти своего зрителя.