Изображения как фактор ранжирования

Три пути влияния

1. Скорость — главный путь

Здесь всё решают технические параметры, разобранные в уроке об оптимизации изображений: формат AVIF или WebP, несколько размеров через srcset, заданные width и height, приоритет загрузки главной картинки и loading="lazy" для всего, что ниже первого экрана.

2. Поиск по картинкам

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

• Уникальные изображения. Сток, размещённый на сотне сайтов, в выдаче по картинкам не выигрывает. Свои фото и схемы — выигрывают.
• Осмысленное имя файла: shema-vnutrenney-perelinkovki.webp, а не IMG_20240517_0032.jpg.
• Alt — описание изображения обычной фразой.
• Подпись <figcaption> видна пользователю и учитывается лучше длинного alt.
• Окружающий текст. Изображение оценивается в контексте абзаца рядом с ним.
• Достаточное разрешение. Слишком мелкие картинки в выдачу не попадают.
• Изображения в sitemap или отдельная карта изображений — помогает обнаружению.
• Изображение доступно роботу: не спрятано за самописным скриптом ленивой загрузки.

Разметка для товаров и рецептов

В структурированных данных поле image обязательно для многих типов — без него расширенные результаты не показываются:

{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "Смеситель для кухни X200",
  "image": [
    "https://site.ru/img/x200-1x1.jpg",
    "https://site.ru/img/x200-4x3.jpg",
    "https://site.ru/img/x200-16x9.jpg"
  ],
  "offers": {
    "@type": "Offer",
    "price": "4990",
    "priceCurrency": "RUB",
    "availability": "https://schema.org/InStock"
  }
}

3. Понимание содержания и поведение

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

Чек-лист по изображению

• Формат AVIF или WebP, запасной вариант через <picture>.
• Несколько размеров через srcset и корректный sizes.
• Заданы width и height.
• Первый экран — без lazy, с fetchpriority="high".
• Ниже первого экрана — loading="lazy" decoding="async".
• Осмысленное имя файла.
• Alt описывает изображение; у декоративных — alt="".
• Где уместно — подпись <figcaption>.
• Важные данные продублированы текстом, а не только на картинке.
• Изображение доступно в исходном HTML.

Итог

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