Видео на главной перестало открываться, и никто не замечал полгода

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

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

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

Как выяснилось

Руководитель компании открыл сайт на планшете, чтобы показать его знакомому. Знакомый спросил, что за пустой квадрат вверху страницы. Руководитель сказал, что это видео, и нажал. Ничего не произошло.

Проверили на компьютере — то же самое. Проверили на телефоне — то же самое.

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

Ролика, соответственно, тоже не сохранилось: исходники были у видеографа, которого нанимал тот же подрядчик.

Что происходило семь месяцев

Здесь начинается самое неприятное.

Первый экран главной страницы был сломан. Человек, попавший на сайт, первым делом видел серый прямоугольник с ошибкой. Не описание услуг, не предложение, не телефон — ошибку.

Часть посетителей уходила сразу. По данным Яндекс.Метрики, доля коротких визитов на главной странице за этот период была заметно выше, чем на других страницах сайта. Никто не обращал на это внимания.

Сломанный блок занимал место. На мобильных он занимал почти весь первый экран. То есть посетитель с телефона первым делом видел серый квадрат с ошибкой и должен был пролистать его, чтобы добраться до содержания.

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

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

Менеджеры не знали. Они открывали сайт редко, а когда открывали — переходили сразу на страницы услуг по прямым ссылкам.

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

Что сделали

Убрали сломанный блок. В первую очередь — просто убрать, чтобы перестать терять людей прямо сейчас. Заняло десять минут.

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

Сняли новый ролик. Через несколько месяцев, уже своими силами и с меньшим бюджетом.

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

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

Настроили регулярную проверку. Раз в неделю ответственный сотрудник открывает главную и три ключевые страницы с телефона и с компьютера. Пять минут.

Общая проблема: чужое на вашем сайте

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

Что обычно берётся со стороны:

Видео. С внешнего видеосервиса.

Карты проезда. Встроенная карта с сервиса карт.

Шрифты. Подгружаются с внешнего адреса.

Отзывы. Подтягиваются с площадки отзывов или из карточек на картах.

Чат и онлайн-консультант. Работает на стороне сервиса.

Калькуляторы и формы. Сделанные во внешних конструкторах.

Счётчики и системы аналитики.

Виджеты социальных сетей. Лента канала, кнопки подписки.

Плагины бронирования и записи.

У всех у них одно общее свойство: они работают, пока работает чужой сервис и пока действуют доступы. Оба условия со временем перестают выполняться. Сервис закрывается, меняет условия, блокирует бесплатное использование. Аккаунт оказывается у бывшего подрядчика. Меняется адрес встраивания. Истекает подписка.

И почти всегда при поломке пользователь видит не пустоту, а что-то безобразное: сообщение об ошибке, бесконечную загрузку, чужую заглушку.

Как это связано с продвижением 3 в 1

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

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

Яндекс.Справочник. Из карточки в Яндекс Бизнесе ссылка ведёт на сайт, обычно на главную. Человек, который уже посмотрел карточку и решил проверить компанию подробнее, попадал на страницу со сломанным блоком. Впечатление получалось хуже, чем если бы он остался в карточке. Отдельно: отзывы на сайте подтягивались с внешнего ресурса и не отображались, хотя реальные отзывы в карточке были и были хорошими.

2ГИС. То же самое, и в усиленном виде из-за мобильной аудитории: на телефоне сломанный блок занимал почти весь экран. Человек, перешедший из карточки 2ГИС, видел серый квадрат и возвращался в приложение.

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

Правила работы с внешними блоками

Аккаунты — только на корпоративную почту. Никаких личных ящиков сотрудников и почты подрядчика. Это относится ко всему: видеосервисам, картам, чатам, счётчикам, конструкторам.

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

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

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

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

Вести перечень. Список всех внешних сервисов, подключённых к сайту: что за сервис, на какой аккаунт, кто отвечает, что будет, если он отвалится.

Проверять при смене подрядчика. Получать доступы ко всему, что было создано в период сотрудничества, до его окончания, а не после.

Где размещать видео, чтобы не зависеть от чужого сервиса

После этой истории в компании пересмотрели подход к размещению. Есть три варианта, и у каждого свои особенности.

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

Свой сервер. Полный контроль, никакой зависимости. Минусы серьёзные: видео весит много, раздача нагружает хостинг, на медленном мобильном интернете ролик будет мучительно грузиться, а подстройки качества под скорость соединения нет. Годится для коротких роликов небольшого веса.

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

Третий вариант требует чуть больше работы при настройке, но избавляет от ситуации, когда первый экран главной страницы показывает сообщение об ошибке.

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

Что показывать на первом экране вместо видео

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

Первый экран — самое ценное пространство сайта. Человек решает за несколько секунд, туда ли он попал. За это время он должен понять:

- чем занимается компания; - для кого она работает; - в каком городе или регионе; - что делать дальше, если нужно.

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

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

Как проверять сайт регулярно

Никакой сложной системы не нужно. Достаточно дисциплины.

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

Раз в неделю — проверка обращений. Отправить заявку через форму, убедиться, что письмо пришло.

Раз в месяц — переход по ссылкам из карточек. Из Яндекс Бизнеса и из 2ГИС, с телефона.

Раз в месяц — взгляд на статистику. Не углубляясь: изменилось ли резко что-то в поведении посетителей на ключевых страницах.

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

Раз в год — ревизия внешних сервисов. Какие подключены, нужны ли, у кого доступы.

Отдельно полезно назначить ответственного. Проверка, которая «за всеми», не делается никем.

Вывод

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

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