Оптимизация картинок на сайте начинается с назначения
Для товара важны вид, комплектация и различимые детали; для инструкции — этап или результат действия. Декоративная абстракция может украшать статью, но не доказывает состояние мастерской, выполненный ремонт или наличие товара.
Разделите иллюстрации и доказательные фотографии. Если используется генерация, не подписывайте изображение как реальный объект заказчика. Для AI-поиска согласованность картинки с текстом полезнее, чем обещание, будто определённый стиль гарантирует цитирование.
Как написать alt без списка ключей
Опишите существенный смысл изображения в его контексте. Для фотографии лампы полезно «Настольная лампа Л-2 с зажимом на краю стола», если это действительно показано. Перечень «купить лампу, лампа цена, лампа город» не помогает человеку, который не видит картинку.
Чисто декоративному изображению обычно не требуется содержательный альтернативный текст. Если картинка является ссылкой или кнопкой, доступное название должно объяснять действие. Решение зависит от роли элемента, а не от правила заполнять каждое alt ключевым запросом.
Подберите размер и способ загрузки
Подготовьте файл под реальный размер вывода и плотность экрана. Современный формат может уменьшить объём, но результат сравнивайте визуально: текст на схеме, границы предметов и фактура товара не должны исчезать. Атрибуты размеров помогают резервировать место и уменьшать сдвиги.
В учебной карточке иллюстрация показывается шириной 600 пикселей на телефоне и до 1200 на большом экране. Можно подготовить соответствующие варианты и проверить выбор браузера. Это размеры примера, а не универсальные значения для любого сайта.
| Тип | Полезное описание | Контроль |
|---|---|---|
| Товар | Модель и видимая деталь | Совпадает с карточкой |
| Инструкция | Показанный этап | Читается на телефоне |
| Декор | По роли элемента | Не выдаётся за доказательство |
Проверьте страницу и прямой URL файла
Изображение должно открываться по рабочему адресу без авторизации. Убедитесь, что основной контент не зависит только от CSS-фона, если картинка несёт важный смысл. По рекомендациям Google обычный HTML-элемент изображения обеспечивает обнаружение содержательных картинок.
После публикации откройте страницу на узком экране, проверьте резкость, отсутствие переполнения и порядок загрузки. Оставьте исходник и сведения о правах на использование. Оптимизация веса не заменяет согласие на публикацию чужого фото.
Продолжить: Диагностика: проверенные проблемы и задание исполнителю; Программа видимости: согласованные работы и наблюдения