У карточки цифрового товара изображения выполняют несколько задач: показывают результат покупки, объясняют возможности и помогают сравнить варианты. Если все картинки — одинаковые декоративные обложки, покупателю приходится искать ответы в тексте. Начните с содержания галереи, а затем займитесь файлами и подписями.
Назначьте каждой картинке конкретную роль
Составьте небольшой список до загрузки в магазин. Для шаблона сайта это может быть общий вид страницы, мобильный экран и крупный фрагмент формы. Для программы — рабочее окно и пример выполнения основной задачи. Для книги — обложка, содержание и разрешённый фрагмент страниц.
Не добавляйте изображение только ради количества. Возле каждого пункта запишите, на какой вопрос покупателя он отвечает. Если два скриншота объясняют одно и то же, оставьте более понятный.
Пример: галерея шаблона страницы услуг
Это учебный пример, а не описание конкретного товара Ready4site. Первая картинка показывает структуру страницы: предложение, услуги и контакты. Вторая помогает оценить мобильное меню. Третья демонстрирует форму заявки крупным планом. Подпись к форме уточняет, включена ли её настройка в комплект или изображён только интерфейс.
Такой набор полезнее трёх почти одинаковых видов первого экрана. При этом скриншот не подтверждает работоспособность интеграции: функциональность нужно описывать отдельно. Разница между изображением и составом покупки разобрана в чек-листе карточки цифрового товара.
Подготовьте размер и формат без потери смысла
Сохраните исходник отдельно. Сделайте версию под фактическое место на странице и сравните несколько вариантов экспорта. Для скриншота интерфейса особенно важно, чтобы текст оставался читаемым; для обложки — чтобы сохранялись детали и контраст. Нет одного обязательного веса файла, который подходит всем изображениям.
Откройте результат в том размере, в котором его увидит посетитель. Если подписи на скриншоте не читаются даже при увеличении, подготовьте отдельный крупный фрагмент. Не превращайте всю галерею в огромные файлы ради одной небольшой детали.
В рекомендациях Google по изображениям описаны поддерживаемые форматы и адаптивная подача через srcset. Выбор формата проверяйте на своём макете: полезное изображение должно оставаться ясным после сжатия.
Имя файла, подпись и alt решают разные задачи
Имя файла удобно использовать для организации: например, service-template-mobile.webp. Подпись поясняет изображение прямо на странице. Атрибут alt передаёт его содержание текстом. Google рекомендует короткие описательные имена и содержательные alt без набора ключевых слов.
Для учебного скриншота можно написать: «Мобильная версия страницы услуг с меню и кнопкой заявки». Плохой вариант: «купить шаблон сайт недорого лучший заказать». Он не помогает понять картинку. Не добавляйте свойства, которых на изображении нет.
Проверьте, как картинка встроена в страницу
Для значимых изображений Google рекомендует обычный HTML-элемент img с адресом в src; фон из CSS не индексируется как изображение. Это повод проверить реализацию товарной галереи, а не переделывать все декоративные фоны сайта.
Откройте карточку без входа администратора. Посмотрите миниатюры, увеличение и переход между картинками. Убедитесь, что мобильный экран не обрезает нужный фрагмент, а изображения не закрывают цену или кнопку покупки.
Финальный чек-лист перед публикацией
- Каждая картинка объясняет конкретную часть продукта.
- Скриншоты соответствуют продаваемой версии.
- Демонстрационные данные и исключённые из комплекта элементы обозначены.
- Текст на изображении читается в нужном размере.
- Имена файлов понятны редактору, alt описывает содержание.
- Галерея и увеличение работают на телефоне.
Начните с одной карточки и проверьте весь набор. Только после этого применяйте подход к другим товарам: разные продукты могут требовать разных видов и размеров. Если страница всё равно загружается медленно, используйте порядок диагностики скорости WordPress, чтобы не сводить любую задержку к изображениям.
Полезные товары по теме
Как создать продающие карточки товаров
Материалы по изображениям, описаниям и ответам на вопросы покупателей.
Ускорение интернет-магазина без программиста
Руководство и чек-лист для работы со скоростью магазина, включая подготовку изображений.