Подписи к фотографиям на сайте

Фотографии на сайте обычно выкладывают молча. Загрузили снимки с объекта в галерею — и всё, подписей нет, альтернативный текст пустой, имена файлов вида «изображение 047». Между тем подпись под фотографией читают чаще, чем основной текст, а альтернативный текст — единственное, по чему поисковая система понимает, что изображено на картинке. Разберём, что писать под фотографиями, зачем заполнять служебные поля и как это связано с количеством обращений.

Два разных текста у одной фотографии

Их путают постоянно, хотя задачи у них противоположные.

Подпись. Видна человеку, стоит под изображением, объясняет, что он видит. Это часть контента: её читают, по ней понимают контекст.

Альтернативный текст. Человеку в норме не виден. Его читают программы чтения с экрана для людей с нарушениями зрения, он показывается вместо картинки, если та не загрузилась, и по нему поисковые системы понимают содержание изображения.

Оба нужны, но пишутся по-разному. Подпись может быть развёрнутой и эмоциональной. Альтернативный текст — короткий и описательный.

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

Что писать в подписи

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

Что в неё стоит включать, в зависимости от типа фотографии.

Для объекта: что за объект, где, какой объём работ, что именно видно на снимке. «Монтаж приточной вентиляции в производственном цехе 1800 квадратных метров, посёлок такой-то, работы заняли 11 дней».

Для товара: что за модель, ключевая характеристика, масштаб. «Генератор на 30 киловатт в шумозащитном кожухе, расход около 6 литров в час».

Для процесса: что происходит на этом этапе и зачем. «Бетонирование опорных столбов на глубину 1,2 метра — ниже уровня промерзания».

Для формата «до и после»: что было не так и что сделали.

Для команды: имя, должность, специализация.

Для документа или сертификата: что это и что подтверждает.

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

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

Что писать в альтернативном тексте

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

Конкретно. Не «фото объекта», а «бригада монтирует воздуховод под потолком цеха».

Коротко. Одно предложение, обычно до десяти-двенадцати слов.

Без слов «фотография» и «изображение». И так понятно, что это картинка.

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

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

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

Имена файлов

Мелочь, которая ничего не стоит и немного помогает.

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

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

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

Сколько фотографий нужно и как их отбирать

Отдельный вопрос, который редко обсуждают: количество.

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

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

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

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

Поиск по картинкам — недооценённый источник

Об этом почти не думают, а зря. Для целого ряда сфер поиск по изображениям приводит заметную долю посетителей.

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

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

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

Подход «три в одном»: где ещё работают фотографии и подписи

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

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

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

Третий канал — 2ГИС. То же самое: фотографии с пояснениями и отдельная аудитория, которая листает карточки в приложении.

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

Практика: как организовать работу

Главная проблема не в знании, а в том, что это никто не делает. Решается организационно.

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

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

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

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

Технически удобно, когда система сама сжимает загруженные снимки и создаёт версии под разные экраны, а поля подписей стоят прямо в форме загрузки. На ХостСМС это штатное поведение: менеджер загружает фотографию, тут же вводит подпись и альтернативный текст, а уменьшенные копии создаются автоматически. Последнее особенно важно: фотографии с телефона весят много, и без автоматического сжатия галерея объектов делает сайт медленным. На 1С-Битрикс или ВордПресс задача решается похоже.

Доступность: причина, о которой редко думают

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

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

Это не про большие цифры трафика, а про нормальное отношение: заполнить поле занимает пятнадцать секунд.

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

Что считать результатом

Прямой связи «подписали фотографии — пришли заявки» нет, но измеримые эффекты есть.

Переходы из поиска по картинкам. В Яндекс.Метрике видно как отдельный источник. Если раньше их было ноль, а стало заметное количество — работа окупилась.

Посещаемость страниц портфолио и глубина просмотра галерей.

Переходы из портфолио к формам и контактам.

Обращения с упоминанием увиденного. «Видел у вас фотографию забора в таком-то посёлке» — фиксировать в амоСРМ или Битрикс24.

Активность карточек на картах после пополнения фотографиями: показы, нажатия на телефон, построенные маршруты — эта статистика есть в Яндекс Бизнесе и 2ГИС, и связь с обновлением галереи обычно заметна.

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

Частые ошибки

Альтернативный текст пустой у всех изображений. Или наоборот — в него набивают перечень услуг, что читается как спам и никому не помогает. Подписи вида «наши работы» и «пример объекта». Цены, условия и преимущества сделаны картинками, и текста нет. Папка с изображениями закрыта от обхода, и поиск по картинкам не работает. Имена файлов оставлены как с камеры. Огромный водяной знак поперёк фотографии. Фотографии выложены на сайт, а карточки на картах не пополнялись годами. Снимки не сжимаются, и галерея открывается минуту.

Коротко

У фотографии на сайте есть три текстовых элемента: подпись для человека, альтернативный текст для программ чтения и поисковых систем, и имя файла. Подпись должна добавлять факт — объект, объём, срок, а не повторять очевидное. Альтернативный текст — коротко описывать, что изображено. Главное правило: важная информация не должна жить только на картинке, потому что ни поисковые системы, ни генеративные ответы нейропоиска её оттуда не возьмут. Заполненные подписи открывают доступ к поиску по картинкам — заметному источнику для всех сфер, где результат оценивают глазами. Те же фотографии с теми же пояснениями идут в карточки Яндекс Бизнеса и 2ГИС, так что одна съёмка обслуживает все три канала. Работа организуется просто: подписи собираются в момент съёмки, поля стоят в форме загрузки, раз в квартал делается выборочная проверка.

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