SEO изображений: как получать трафик из Яндекс.Картинок

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

Почему Яндекс.Картинки — недооценённый источник трафика

Картиночный поиск воспринимают как что-то второстепенное, и зря. По нашим наблюдениям на проектах клиентов доля переходов из Яндекс.Картинок может достигать 5–20% всего поискового трафика, а для отдельных тематик — и больше. Причём это трафик, за который вы не платите ни рубля, в отличие от контекстной рекламы в Яндекс.Директе.

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

Есть тематики, для которых картиночный трафик не просто бонус, а критически важный канал:

• Товары и интернет-магазины — люди ищут конкретную модель по виду, сравнивают, кликают и попадают на карточку.
• Мода, одежда, обувь, аксессуары — покупка почти всегда начинается с «как это смотрится».
• Интерьеры, мебель, ремонт, дизайн — пользователь собирает референсы и идеи, листая картинки часами.
• Рецепты и кулинария — фото готового блюда продаёт рецепт лучше любого текста.
• Медицина и здоровье — схемы, инфографика, снимки «до/после» (в рамках правил), иллюстрации процедур.
• Авто, запчасти, спецтехника — поиск детали по фото, сравнение комплектаций, схемы узлов.

Если вы в одной из этих ниш и не занимаетесь оптимизацией изображений — вы фактически дарите трафик конкурентам.

Как Яндекс понимает, что изображено на картинке

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

1. Атрибут alt — текстовое описание содержимого, главный текстовый сигнал.
2. Атрибут title — всплывающая подсказка, дополнительный контекст.
3. Имя файла — krasnyj-divan-uglovoj.jpg говорит роботу больше, чем IMG_4821.jpg.
4. Окружающий текст — абзацы рядом с картинкой, в которых раскрывается её смысл.
5. Подпись (caption) — текст непосредственно под изображением, например в теге figcaption.
6. Контекст всей страницы — Title, H1, заголовки, общая тема документа.
7. Микроразметка — Schema.org ImageObject, Product и другие типы.
8. Анкоры ссылок на эту картинку с других страниц и сайтов.

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

Атрибут alt: главный текстовый сигнал

Alt (альтернативный текст) изначально придуман для доступности — его озвучивают скринридеры незрячим пользователям и он показывается, если картинка не загрузилась. Для SEO это самый весомый текстовый сигнал о содержимом. Правила заполнения:

• Описывайте то, что реально на картинке, естественным языком, как объяснили бы по телефону. «Угловой диван-кровать серого цвета с оттоманкой» — хорошо.
• Вписывайте ключевой запрос органично, без переспама. Один-два смысловых ключа на alt — потолок.
• Не делайте alt одинаковым для всех изображений на странице. У каждого фото — свой уникальный alt.
• Оптимальная длина — 5–12 слов, до ~125 символов. Слишком короткий неинформативен, слишком длинный выглядит как спам.
• Не начинайте с «фото», «картинка», «изображение» — это очевидно и тратит место.
• Для декоративных картинок (разделители, фоновые узоры) оставляйте пустой alt="" — так робот понимает, что фото несмысловое.

Типичная ошибка — оставлять alt пустым у важных товарных и контентных фото или, наоборот, набивать туда список из десяти ключей через запятую. И то, и другое вредит. Заполняйте alt осмысленно: представьте, что описываете картинку другу, который её не видит.

Атрибут title и подпись под изображением

Title показывается как всплывающая подсказка при наведении курсора. Это не дубль alt, а дополнение: сюда можно вынести уточнение, призыв или контекст — например, название бренда, артикул, цену «от». Заполнять title необязательно, но в товарных карточках он помогает и пользователю, и роботу.

Отдельно стоит подпись под фото. Если вы оборачиваете изображение в figure и добавляете figcaption, текст подписи становится сильным релевантным сигналом, потому что он визуально и семантически связан именно с этой картинкой. В рецептах, кейсах, инструкциях подписи под фото работают отлично: «Шаг 3: обжариваем лук до золотистого цвета» — это и для людей полезно, и роботу понятно.

Имена файлов: транслит, ключи, без мусора

Имя файла — недооценённый, но рабочий сигнал. Камеры и телефоны выдают что-то вроде DSC_0042.jpg или IMG_20240517.jpg — для поиска это пустой звук. Переименуйте файлы осмысленно ещё до загрузки:

• Используйте транслит или латиницу: kozhanyj-portmone-korichnevyj.jpg, а не «кожаное-портмоне.jpg» кириллицей (кириллические имена кодируются в URL и выглядят мусором).
• Разделяйте слова дефисами, а не подчёркиваниями или пробелами.
• Включайте 1–3 ключевых слова, описывающих картинку, без переспама вроде divan-divan-kupit-divan-cena.jpg.
• Не используйте русские буквы, пробелы, спецсимволы, заглавные буквы — только строчная латиница, цифры и дефисы.
• Делайте имена уникальными в пределах сайта, особенно для разных ракурсов одного товара: telefon-front.jpg, telefon-back.jpg, telefon-bok.jpg.

Хорошее имя файла — это маленький, но стабильный плюс к релевантности и заодно элемент технической гигиены сайта, о которой мы подробно писали в материале про технические ошибки сайта.

Формат и вес: JPEG, PNG, WebP, AVIF

Вес картинок напрямую влияет на скорость загрузки страницы, а скорость — на ранжирование и поведение. Тяжёлые неоптимизированные фото тормозят сайт, ухудшают Core Web Vitals и увеличивают отказы. Разберём форматы:

• JPEG — универсальный формат для фотографий с плавными переходами цвета. Качество 75–85% обычно неотличимо от оригинала, но вес меньше в разы.
• PNG — для графики с прозрачностью, логотипов, скриншотов с текстом, иконок. Для фото он избыточно тяжёлый — не используйте PNG там, где подойдёт JPEG.
• WebP — современный формат, который при том же качестве весит на 25–35% меньше JPEG/PNG. Поддерживается всеми актуальными браузерами и индексируется Яндексом. Это формат по умолчанию для большинства проектов сегодня.
• AVIF — ещё более эффективный формат нового поколения, экономия до 50% относительно JPEG. Поддержка уже широкая, но на старых устройствах нужен fallback.

Практический подход: отдавайте WebP/AVIF с откатом на JPEG для несовместимых браузеров. Перед загрузкой всегда сжимайте изображения — через TinyPNG, Squoosh, Photoshop «Save for Web» или серверные библиотеки. Не грузите фото 4000×3000 пикселей в блок шириной 600 — ресайзьте до реально нужного размера. Эта связка «правильный формат + сжатие + корректный размер» нередко даёт самый быстрый прирост скорости. Тему мы детально разобрали в статье про скорость сайта и Core Web Vitals.

Lazy-load и скорость загрузки

Ленивая загрузка (lazy-load) откладывает подгрузку картинок, которые сейчас вне экрана, до момента, когда пользователь до них доскроллит. Это резко ускоряет первичную отрисовку страницы и снижает нагрузку на канал. Внедряется атрибутом loading="lazy" или скриптом.

Но есть нюанс, о который спотыкаются многие: не ставьте lazy-load на изображения в первом экране, особенно на главное (LCP-элемент) — это, наоборот, замедлит видимую загрузку и ухудшит метрику. Первый экран грузим сразу (loading="eager" или без атрибута), всё остальное — лениво. Ещё важно, чтобы lazy-загружаемые картинки оставались доступны роботу для индексации: если они появляются только после сложного JavaScript, Яндекс может их не увидеть. Указывайте реальные URL в атрибутах src/data-src и дублируйте важные изображения в карте сайта.

Адаптивность и srcset

Один и тот же файл не должен грузиться одинаково на 4K-мониторе и на бюджетном смартфоне. Атрибут srcset с дескрипторами и тег picture позволяют отдавать разные версии изображения под разные экраны и плотности пикселей:

• Браузер сам выбирает оптимальный по размеру файл — мобильный пользователь не качает десктопную картинку.
• Через picture можно отдавать AVIF/WebP с fallback на JPEG в одном теге.
• Всегда указывайте атрибуты width и height (или aspect-ratio) — это предотвращает «скачки» вёрстки (CLS) при загрузке.

Адаптивные картинки — часть мобильной оптимизации, без которой сегодня немыслимо продвижение: основная масса трафика идёт со смартфонов, и Яндекс ранжирует по мобильной версии. Подробнее — в нашем гайде по мобильной оптимизации сайта.

Карта изображений в Sitemap

Чтобы Яндекс быстрее и полнее находил ваши картинки, добавьте их в XML-карту сайта через расширение image. Можно использовать отдельный image-sitemap или добавить теги image:image к страницам в основной карте. Что это даёт:

• Робот узнаёт об изображениях, даже если они подгружаются скриптом или скрыты в галереях/слайдерах.
• Ускоряется индексация новых фото — критично для магазинов с регулярным обновлением ассортимента.
• В карте можно передать дополнительные данные: URL картинки, подпись, заголовок.

После настройки отправьте карту в Яндекс.Вебмастер и следите за разделом индексирования: сколько картинок добавлено в поиск, есть ли исключённые и почему. Это часть системной внутренней оптимизации сайта, которой мы занимаемся на проектах клиентов.

Уникальность фото: почему стоки проигрывают

Главный секрет картиночного трафика — уникальность визуала. Стоковые изображения, которые скачали ещё сто сайтов, Яндекс распознаёт как дубли и почти не показывает в выдаче: зачем выводить сотую копию одной и той же картинки? А вот ваше собственное фото — единственное в индексе, и у него есть реальный шанс попасть в топ.

Что это значит на практике:

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

Уникальный контент в целом — фундамент SEO, и визуал здесь не исключение. Для интернет-магазинов собственные фото товаров часто становятся решающим конкурентным преимуществом, о чём мы пишем в материале про SEO для интернет-магазина.

Микроразметка ImageObject и товарная разметка

Структурированные данные Schema.org помогают Яндексу однозначно понять, что за изображение перед ним и к чему оно относится. Базовый тип — ImageObject: в нём передаются URL картинки (contentUrl), описание (caption/description), автор, лицензия, размеры. Это особенно полезно для фотобанков, портфолио, медийных проектов.

Для коммерции важнее товарная разметка Product, где изображение указывается в свойстве image. Связка «Product + Offer + AggregateRating + image» позволяет получить расширенный сниппет с фото, ценой и рейтингом — а это выше CTR и в обычной, и в картиночной выдаче. Для рецептов используйте Recipe с обязательным изображением, для статей — Article.

Разметка не повышает позиции напрямую, но устраняет неоднозначность и улучшает представление в выдаче. Как внедрять её без ошибок и проверять валидатором — разбираем в отдельной статье про микроразметку и SEO.

Водяные знаки и защита изображений

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

• Ставьте знак деликатно — в углу, полупрозрачным, не перекрывая суть изображения.
• Не превращайте водяной знак в рекламный баннер на пол-картинки.
• Для защиты от прямого хотлинка используйте серверные настройки, а не уродование самого фото.
• Помните: лучшая защита уникальности — массовое присутствие ваших фото в индексе, тогда первоисточником считают вас.

Структурирование галерей

Галереи, слайдеры и каталоги — частая проблема для индексации. Если картинки в них подгружаются только по клику или сложным скриптом, робот их не увидит. Как делать правильно:

• Размещайте реальные URL изображений в HTML, а не только в JavaScript-конфигурации.
• Каждой картинке в галерее — свой уникальный alt и осмысленное имя файла, а не gallery-1, gallery-2.
• Сопровождайте галерею осмысленным текстом вокруг — он задаёт контекст всем фото сразу.
• Все картинки галереи добавляйте в image-sitemap.
• Для товарных галерей используйте подписи и связывайте фото с разметкой Product.

Влияние на основную выдачу и поведение

Оптимизация изображений работает не только на картиночный поиск. Она влияет на сайт в целом:

• Скорость. Лёгкие картинки улучшают Core Web Vitals, а это прямой фактор ранжирования в обычной выдаче.
• Поведенческие факторы. Качественный, быстро грузящийся визуал удерживает пользователя, снижает отказы, увеличивает глубину просмотра — а поведенческие факторы Яндекс ценит очень высоко.
• Сниппеты и колдунщики. Релевантное изображение может попасть в товарную галерею или мультимедийный блок прямо в основной выдаче.
• Доверие и конверсия. Реальные фото товара и команды повышают доверие к бренду и улучшают коммерческие сигналы.

Получается мультипликативный эффект: вы оптимизируете картинки, а выигрывает весь сайт.

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

1. Используйте уникальные фото вместо стоковых.
2. Переименуйте файлы в осмысленный транслит с дефисами и ключами.
3. Заполните уникальный alt для каждого смыслового изображения.
4. Добавьте title и, где уместно, подпись figcaption.
5. Сожмите файлы и переведите в WebP/AVIF с fallback на JPEG.
6. Ресайзьте под реальный размер блока, не грузите гигантские оригиналы.
7. Подключите srcset/picture для адаптивности, укажите width и height.
8. Настройте lazy-load для всего, кроме первого экрана и LCP-картинки.
9. Добавьте image-sitemap и отправьте в Яндекс.Вебмастер.
10. Внедрите микроразметку ImageObject / Product / Recipe.
11. Окружите картинки релевантным текстом и заголовками.
12. Проверьте индексацию картинок в Вебмастере и доработайте проблемные.

Типичные ошибки

• Пустые или одинаковые alt у всех картинок — потеря главного текстового сигнала.
• Переспам ключами в alt и именах файлов — выглядит как манипуляция.
• Стоковые фото, которые уже стоят на сотнях сайтов и не индексируются как уникальные.
• Тяжёлые неоптимизированные файлы по несколько мегабайт, убивающие скорость.
• Имена вида IMG_1234.jpg и кириллица в URL картинок.
• Lazy-load на первом экране, ухудшающий LCP.
• Картинки только в JavaScript, недоступные роботу для индексации.
• Агрессивные водяные знаки, отпугивающие пользователя в выдаче.
• Отсутствие width/height, из-за чего «прыгает» вёрстка (растёт CLS).
• Игнорирование image-sitemap и раздела картинок в Вебмастере.

Вывод

SEO изображений — это редкий случай, когда работа над одним элементом сайта улучшает сразу всё: появляется новый бесплатный канал трафика из Яндекс.Картинок, ускоряется загрузка, растут поведенческие и коммерческие сигналы, повышается доверие к бренду. При этом порог входа здесь ниже, чем в основной выдаче: уникальные фото, чистые alt и имена файлов, правильные форматы и микроразметка способны вывести даже молодой сайт в топ картиночного поиска. Главное — делать это системно, а не точечно «когда дойдут руки».

На практике оптимизация картинок — лишь один из десятков взаимосвязанных факторов, и наибольший результат даёт, когда встроена в общую стратегию продвижения. Если хотите, чтобы изображения, скорость, структура и контент работали в связке и приносили заявки, доверьте это профессионалам. Команда SEO ПРОГРЕСС выстраивает продвижение комплексно — посмотрите наши кейсы с реальными результатами и оставьте заявку через страницу контактов: разберём ваш сайт и покажем, где вы теряете трафик и как его вернуть.