Файл IMG_4821.jpg не подскажет редактору, что на снимке. Название овсянка-с-ягодами.jpg уже поможет найти фотографию в медиатеке. Но человеку, который читает страницу со скринридером, имя файла не заменит описание в атрибуте alt. У них разные задачи.
Что читатель получает от alt-текста
Alt-текст — краткое описание изображения в HTML. Программа экранного доступа может его озвучить, а браузер — показать, если картинка не загрузилась. Хороший alt передаёт то, что изображение добавляет к материалу. Перечень поисковых фраз или общая формулировка вроде «картинка о здоровом питании» здесь не помогут.
Описание зависит от того, зачем фотография нужна в статье. В материале о составе завтрака подойдёт «овсянка с ягодами и йогуртом на завтрак». Если речь о сервировке, лучше описать расположение продуктов. А когда соседний абзац уже сообщает, что на фото овсянка с ягодами и йогуртом, и снимок не добавляет новых сведений, повторять фразу в alt незачем.
Как написать alt без лишних слов
- Определите роль изображения: оно показывает предмет, объясняет действие, передаёт данные или просто украшает страницу?
- Назовите важные детали обычными словами. Для фотографии упражнения это скорее положение тела и инвентарь, чем «здоровый образ жизни».
- Прочитайте alt вместе с соседним абзацем. Уберите повторы и то, чего нельзя узнать по картинке.
- Проверьте, понятна ли мысль без изображения. Необходимую инструкцию или данные изложите и в основном тексте.
Если картинка декоративная и не несёт информации, ей подойдёт пустой alt (alt=""): скринридер её пропустит. Это осознанное решение, а не забытое поле. Для изображения-ссылки или кнопки правило другое: alt должен объяснять действие или пункт назначения, например «Открыть памятку по питьевому режиму», а не описывать только значок.
Зачем давать файлу понятное имя
Имя файла нужно прежде всего для работы с материалами: найти снимок, отличить черновик от итоговой версии, не загрузить дубль. Поисковые системы тоже могут учитывать название как один из сигналов о содержимом, но одно переименование не обещает роста посещаемости. И даже удачное имя файла не заменяет alt для человека со скринридером.
Назовите файл до загрузки по тому, что на нём видно. разминка-перед-прогулкой.jpg понятнее, чем здоровье-спорт-лучшие-советы-2025.jpg. Короткое название с дефисами между словами удобно и при дальнейшей работе. Не приписывайте снимку неподтверждённые свойства — например, «лечебный» или «идеальный для похудения». Формат выбирайте с учётом изображения и требований сайта; менять только расширение без преобразования самого файла не стоит.
Для серии кадров используйте последовательные имена: растяжка-икр-шаг-1.jpg и растяжка-икр-шаг-2.jpg. Два снимка каши лучше различить по содержимому — «овсянка-с-бананом» и «овсянка-с-ягодами», — а не называть оба «правильный-завтрак». Так нужный кадр будет проще найти и спустя несколько месяцев.
Когда картинка сложнее обычной фотографии
Alt «график сна» почти ничего не расскажет о самом графике. Кратко передайте его главный вывод, например: «в будни время отхода ко сну меняется сильнее, чем в выходные». Если важны точные значения, шкалы или ограничения данных, разместите их рядом обычным текстом либо в доступной таблице. Вмещать всю таблицу в один длинный alt не нужно.
С пошаговым коллажем подход другой: каждому содержательному кадру нужно своё описание, а порядок действий и меры безопасности лучше изложить текстом. То же касается надписей на изображении — важные слова должны быть доступны и тем, кто не видит картинку.
Что проверить перед публикацией
- Имя файла: соответствует изображению и помогает отличить его от похожих файлов.
- Alt: передаёт значимую информацию, а не повторяет поисковые фразы или подпись слово в слово.
- Контекст: соседний текст объясняет важные данные, инструкции и ограничения, которые неудобно передавать через alt.
- Роль: декоративная картинка не создаёт лишнего шума для пользователя скринридера.
Подпись под фотографией и alt не обязаны совпадать. Подпись видят все: она может пояснять, почему выбран этот пример или на что обратить внимание. Alt передаёт полезное содержание изображения тем, кто его не видит. Например, под снимком обеда можно написать: «Размер порции зависит от потребностей человека», а в alt — «рис, овощи и рыба разложены на тарелке».
Если изображение сопровождает совет о питании или физической активности, не превращайте ни подпись, ни alt в медицинское обещание. По фотографии нельзя определить, подойдёт ли рацион или упражнение конкретному человеку. При проблемах со здоровьем и перед изменением рациона или нагрузки обязательна консультация врача.
При следующей загрузке попробуйте на одном файле: переименуйте IMG_4821.jpg в овсянка-ягоды-йогурт.jpg, а в поле alt впишите «овсянка с ягодами и йогуртом в миске». Затем откройте готовую страницу и проверьте, не повторяет ли соседний абзац это описание слово в слово.