Фото и видео на сайте: какой контент реально продаёт

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

Почему картинки решают больше, чем текст

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

Изображение передаёт смысл мгновенно. Чтобы понять из текста, как выглядит результат работы, нужно полминуты. Чтобы понять по фотографии — секунда.

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

Изображения снимают возражения. «А как это будет выглядеть у меня?», «А аккуратно ли вы работаете?», «А не оставите ли вы мусор?» — на всё это отвечают фотографии, а не абзацы текста.

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

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

Почему снимки из фотобанков вредят

Аргумент «зато красиво» не выдерживает проверки.

Их узнают. Одни и те же лица кочуют по сотням сайтов. Человек, который сегодня видел этого «инженера» на сайте конкурента, а вчера — в рекламе банка, делает очевидный вывод.

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

Они снижают доверие в момент выбора. Когда человек сравнивает две компании, он смотрит на признаки настоящности. Стоковая картинка — сильный сигнал против.

Они не работают в поиске по изображениям. Одна и та же картинка на сотне сайтов не выйдет в результаты.

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

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

Что снимать: список для обычной компании

Практический перечень, который закрывает потребности большинства сайтов.

Работы и объекты. Основа основ. Снимайте каждый завершённый объект: общий план, детали, ракурсы. Если работа делится на этапы — снимайте «до», «в процессе» и «после». Тройка снимков «было — делаем — стало» убеждает сильнее любого текста.

Процесс работы. Люди хотят понимать, что происходит. Замер, монтаж, сборка, проверка, уборка после себя. Фотография бригады, убирающей мусор, снимает возражение, которое иначе останется в голове клиента.

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

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

Техника и оборудование. Особенно если это ваше преимущество.

Товары. Для магазина — отдельная большая тема: несколько ракурсов, детали, масштаб, товар в использовании.

Документы и подтверждения. Свидетельства, дипломы, партнёрские статусы — сканы или фотографии, а не упоминания текстом.

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

Как снимать своими силами

Профессиональная съёмка стоит денег и нужна не всегда. Для большинства задач достаточно современного телефона и нескольких правил.

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

Держите ровно. Заваленный горизонт мгновенно выдаёт любительскую съёмку. Многие телефоны показывают сетку — включите её.

Снимайте с уровня глаз. Съёмка сверху вниз искажает пропорции.

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

Делайте много кадров. Из двадцати снимков хороших окажется три. Это нормально.

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

Показывайте масштаб. Рядом с предметом — привычный объект или человек. Иначе размеры не считываются.

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

Не увлекайтесь обработкой. Лёгкая коррекция яркости и контраста — да. Тяжёлые фильтры, размытые фоны, наложенные надписи — нет.

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

Когда нужен профессионал

Есть задачи, где съёмка своими силами не годится.

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

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

Портреты сотрудников. Съёмка команды в едином стиле — заметный вклад в солидность сайта.

Интерьеры и большие объекты. Здесь нужны широкоугольная оптика и умение работать со светом.

Разумная схема: профессиональная съёмка раз в год для основных страниц и каталога, самостоятельная — для потока текущих работ.

Видео: что снимать и зачем

Видео пугает сложностью, но большинству компаний нужны простые ролики.

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

Ролик о процессе. Как проходит работа от заявки до сдачи. Отвечает на десяток вопросов сразу.

Обзор товара. Двадцать-сорок секунд: поворот, детали, работа устройства. Для магазина даёт ощутимый прирост.

Ответы на частые вопросы. Серия коротких роликов, по одному вопросу на каждый. Дёшево, полезно, легко пополняется.

Отзыв клиента. Самый убедительный формат из всех, но и самый трудный: не все соглашаются.

Работа «до и после» в ускоренной съёмке. Хорошо смотрится для ремонта, монтажа, уборки, благоустройства.

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

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

Технические требования: чтобы сайт не стал тяжёлым

Здесь чаще всего всё и ломается. Красивые фотографии, загруженные как есть с телефона, превращают страницу в неподъёмную.

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

Приводите к нужному размеру. Не нужно загружать снимок шириной четыре тысячи точек, если на странице он показывается шириной восемьсот. Браузер всё равно уменьшит его, но скачает целиком.

Используйте современные форматы сжатия. Они дают тот же вид при заметно меньшем весе. Большинство систем управления сайтом умеют создавать такие версии автоматически.

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

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

Не делайте текст картинкой. Он не индексируется, плохо читается на телефоне и не масштабируется.

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

Давайте файлам понятные имена. Название файла тоже учитывается поиском по изображениям.

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

Как размещать изображения на страницах

Первое изображение — сразу после заголовка. Оно задаёт тон и удерживает внимание.

Разбивайте текст. Сплошная стена текста не читается. Изображение через каждые два-три экрана даёт передышку.

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

Делайте галереи для примеров работ. С возможностью открыть снимок крупно и пролистать.

Не растягивайте маленькие изображения. Размытая картинка хуже, чем её отсутствие.

Следите за пропорциями в списках. Если в перечне работ у одних карточек фото вертикальное, у других горизонтальное, блок разъезжается.

Проверяйте на телефоне. Половина посетителей увидит именно эту версию.

Как измерить, что визуальный материал работает

Не на глаз, а по данным.

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

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

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

Отчёт по источникам покажет переходы из поиска по изображениям — это подтверждение, что подписи и имена файлов заполнены не зря.

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

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

Типичные ошибки

Один снимок на всю страницу услуги. Причём стоковый.

Фотографии с телефона в темноте на фоне склада. Хуже, чем отсутствие фото.

Загрузка исходников без сжатия. Страница весит десятки мегабайт и грузится полминуты.

Пустые описания изображений. Потерянный источник трафика.

Галерея, в которой снимки нельзя увеличить.

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

Разношёрстный стиль. Часть снимков профессиональная, часть — случайная, всё вперемешку.

Устаревшие фотографии. Офис, из которого съехали три года назад, объекты десятилетней давности, сотрудники, которые давно не работают.

Отсутствие людей в кадре. Снимки объектов без единого человека выглядят стерильно. Люди в кадре повышают доверие.

С чего начать, если фотографий нет вообще

План на ближайший месяц.

Первая неделя — снять то, что доступно прямо сейчас: офис, сотрудников, технику, текущие объекты. Даже несколько десятков кадров лучше, чем ничего.

Вторая неделя — разобрать архив. Часто выясняется, что фотографии есть в личных телефонах сотрудников, в переписках с клиентами, в отчётах. Соберите всё в одно место.

Третья неделя — обработать и загрузить: сжать, привести к единому размеру, заполнить описания, разместить на страницах услуг и в разделе работ.

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

Дальше — раз в квартал профессиональная съёмка того, что нужно показать особенно хорошо, и постоянное пополнение архива силами сотрудников.

Итог

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

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

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

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