Текст читают по диагонали, картинку схватывают мгновенно. Поэтому фото товара, короткое видео-демонстрация или инфографика со схемой работают там, где абзац текста пролистнут. Визуал удерживает на странице дольше, а значит улучшает поведенческие факторы, которые поисковики учитывают при ранжировании.
Главная сила — объяснять сложное. Схему процесса, сравнение тарифов, путь сборки удобнее показать одной картинкой, чем расписывать на экран текста. Плюс визуал поднимает вовлечённость в соцсетях и конверсию на сайте: человек видит товар со всех сторон, понимает, что получит, и охотнее доходит до покупки.
Изображения, ролики, инфографика, схемы.
Сложное показывают одной картинкой.
Дольше удерживает и поднимает заявки.
Сухой текст про тарифы заменили инфографикой со сравнением — один из удачных форматов контента, который поднял вовлечённость и помог сторителлингу бренда.
У визуала есть SEO-цена, которую часто забывают: каждая картинка — это вес страницы. PNG-схема на 1,5 МБ и видео в автозапуске роняют LCP, а Core Web Vitals напрямую влияют на ранжирование в Google и косвенно — на поведенческие в Яндексе. Лечится просто: WebP/AVIF вместо PNG, явные width/height против скачка вёрстки (CLS), loading="lazy" на всё, что ниже первого экрана. Проверяется в PageSpeed Insights и в отчёте «Скорость» Яндекс Метрики.
Картинка ещё и трафик-канал сама по себе. Поиск по картинкам в Яндексе и Google приводит людей по запросам вроде «схема развязки тату» или «инфографика тарифы», но только если у файла осмысленное имя (shema-tarifov.webp вместо IMG_2841.jpg), заполнен alt и есть подпись рядом. Для инфографики и схем добавляйте текстовую расшифровку на странице — робот не читает текст внутри изображения, и без дублирования смыслом вы теряете ключи, которые «зашиты» в картинку. Разные форматы контента требуют разной оптимизации: видео — превью и транскрипт, инфографика — alt и подпись.
Техническая сторона решает не меньше содержательной. Изображения отдают в современных форматах, в размерах под реальные экраны и с описанием в атрибуте: описание помогает попасть в поиск по картинкам и читается программами чтения с экрана. Главную картинку первого экрана из отложенной загрузки исключают, иначе страдает скорость.
Для магазинов и услуг собственные фотографии дают больше, чем стоковые: покупатель сравнивает и узнаёт одинаковые картинки с чужих сайтов. Отдельная ценность у схем и сравнительных таблиц: они удерживают внимание и хорошо цитируются, а в выдаче по картинкам приводят трафик годами.
Частые вопросы
В каком формате хранить изображения?
В современных форматах с хорошим сжатием и в размерах под реальные экраны. Фотография шириной в четыре тысячи пикселей на карточке товара грузится секундами и портит показатели скорости без выигрыша в качестве.
Нужно ли описание в атрибуте изображения?
Нужно: оно помогает попасть в поиск по картинкам и делает страницу доступной для программ чтения с экрана. Описание пишут по сути изображения; перечисление ключевых слов там лишнее.
Стоковые фотографии или свои?
Свои, особенно в магазине и услугах: одинаковые стоковые кадры узнаются и снижают доверие. Стоки допустимы как иллюстрация абстрактных понятий, где собственная съёмка невозможна.
Какой визуал работает лучше всего?
Тот, что заменяет абзац текста: схема процесса, сравнительная таблица, фотография результата до и после. Такие материалы дольше удерживают внимание и чаще цитируются со ссылкой.