Логотип seo-prodvizhenie-biznesa.ru
+7 (921) 333-77-45

Продвижение сайта картинками

Продвижение сайта картинками
Анатолий Кузнецов
Анатолий Кузнецов
SEO-оптимизатор с 20-летним стажем. Автор блога seo-prodvizhenie-biznesa.ru о продвижении и доработке сайтов.

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

В SEO я с 2005 года и вижу, что визуальная часть остаётся самым недооценённым источником трафика в русскоязычном сегменте. Причина простая: результат нельзя увидеть в отчёте по позициям — переходы по картинкам приходят отдельным каналом, и владелец сайта их часто просто не замечает. Ниже — как устроена эта механика и что именно нужно делать, чтобы изображения работали, а не занимали место на диске.

Две задачи, которые решают изображения

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

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

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

Как поиск понимает, что на картинке

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

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

Сигнал Что даёт Как усилить
Атрибут alt Текстовое описание содержимого Описывать изображение, а не вставлять ключи списком
Имя файла Дополнительное подтверждение темы Транслитерация или латиница через дефис, без набора цифр
Текст вокруг изображения Контекст и привязка к запросу Ставить картинку внутри соответствующего раздела
Подпись под изображением Видимое человеку пояснение Добавлять, когда она несёт информацию
Заголовок страницы и раздела Общая тема документа Соответствие изображения теме раздела
Структурированные данные Право на расширенный показ Разметить изображение в составе товара, рецепта, статьи

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

У декоративных изображений — фоновых узоров, разделителей, иконок рядом с уже подписанным пунктом — alt оставляют пустым. Это не небрежность, а корректная разметка: экранный диктор пропустит такой элемент и не будет засорять чтение.

Подробнее об этом — в статье «Продвижение сайта обучение онлайн».

Техническая часть: вес, формат, размеры

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

Формат Для чего Замечание
WebP Фотографии и графика, основной рабочий формат Меньше JPEG при том же качестве, поддерживается всеми актуальными браузерами
AVIF Фотографии, где важен минимальный вес Ещё компактнее, но кодирование медленнее
JPEG Запасной вариант для старых браузеров Отдавать через набор источников вместе с WebP
PNG Скриншоты с текстом, прозрачность Для фотографий не использовать: вес вырастает в разы
SVG Схемы, иконки, логотипы, диаграммы Масштабируется без потерь, внутри есть текст, доступный для чтения

Дальше — набор требований, которые проверяются за пару минут и дают больше, чем любые ухищрения с атрибутами.

  • Реальный размер файла совпадает с тем, в котором он показывается: картинка шириной 2400 пикселей в блоке шириной 600 — это утроенный трафик впустую.
  • Для разной ширины экрана отдают разные версии через набор источников, а не одну большую всем.
  • Ширина и высота указаны в коде — иначе при загрузке макет прыгает и портится показатель стабильности.
  • Отложенная загрузка включена для всего ниже первого экрана, но не для главного изображения вверху страницы.
  • Вес после сжатия для обычной иллюстрации — до 150–200 КБ, для крупного фонового — до 300 КБ.
  • Файлы отдаются с длительным кэшированием, чтобы при повторных заходах не грузились заново.

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

Как проверить картинку на уникальность и зачем это нужно:

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

Карта изображений и разметка

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

Структурированные данные дают изображениям право на расширенный показ. В карточке товара размеченное изображение попадает в товарный блок с ценой. В рецепте и инструкции — в блок с пошаговым отображением. В статье изображение, объявленное главным, чаще берётся в сниппет. Разметка сама по себе позиции не поднимает, но заметно меняет то, сколько места вы занимаете в выдаче.

Собственные изображения как источник упоминаний

Наращивать упоминания можно только на то, что принадлежит вам. Это первое и главное условие: чужую фотографию нельзя ни защитить, ни потребовать за неё указания источника. Хорошая новость в том, что уникальный визуальный материал есть почти у любого бизнеса, просто его не снимают и не публикуют.

Тему разбирал отдельно: «Продвижение сайта ключевыми словами с ошибками».

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

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

Тип материала Что приносит Условие, при котором работает
Схема или чертёж Упоминания с профильных ресурсов и форумов Понятна без контекста, читается в уменьшенном виде
Фото процесса Трафик из поиска по картинкам, доверие на странице Хорошее освещение, узнаваемый объект
Диаграмма по своим данным Цитирование в чужих материалах Указан метод и период сбора данных
Инфографика Репосты и ссылки при переиспользовании Есть уникальные данные, а не пересказ известного
Стоковая иллюстрация Ничего Не работает: файл уже есть на сотнях сайтов

Чтобы упоминание превращалось в ссылку, а не в анонимную перепечатку, помогают несколько простых вещей. Подпись или логотип в углу изображения — ненавязчивый, не перекрывающий содержание. Указание условий использования на странице: разрешаем брать при указании источника. Готовый блок с текстом ссылки, который можно скопировать, — это снимает у чужого редактора необходимость думать, как вас назвать.

Как узнать, кто использует ваши изображения

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

  1. Загрузите изображение в поиск по картинке и получите список страниц, где оно используется.
  2. Отделите те, где источник указан, от тех, где не указан.
  3. Напишите вторым — коротко, без претензий: «используйте дальше, добавьте, пожалуйста, ссылку на источник».
  4. Отклик выше, чем принято думать: редактору проще поставить ссылку, чем менять картинку.
  5. Повторяющиеся площадки, которые берут ваш материал систематически, стоит перевести в постоянных партнёров.

Второй способ узнать об использовании — следить за трафиком на сами файлы. Если чужой сайт вставил изображение прямой ссылкой на ваш сервер, вы увидите обращения к файлу с чужого источника. Здесь есть выбор: либо закрыть такое использование, либо оставить и попросить подпись — второе обычно выгоднее, если нагрузка не критична.

Типовые ошибки

Если нужна помощь по теме — реклама в Яндексе.

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

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

Смежный материал по теме — «Продвижение сайта по низкочастотным запросам».

Третье — одинаковые alt на всех изображениях страницы. Обычно это следствие массовой простановки скриптом. Поиск получает пять одинаковых описаний для пяти разных картинок и не может отличить их друг от друга.

Четвёртое — вставлять текст изображением. Прайс, условия, таблица характеристик в виде картинки не индексируются как текст, не выделяются, не читаются экранным диктором и не переводятся. Данные должны быть текстом, изображение — иллюстрацией к ним.

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

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

  1. Изображение собственное или у вас есть право его использовать и им подписаться.
  2. Имя файла осмысленное, латиницей или транслитом, слова через дефис.
  3. Формат подобран под тип содержимого, отдаётся современный вариант с запасным.
  4. Размер соответствует месту показа, есть версии под разную ширину экрана.
  5. Вес после сжатия в разумных пределах, качество визуально не пострадало.
  6. Ширина и высота указаны в коде.
  7. Alt описывает содержимое понятной фразой; у декоративных элементов пустой.
  8. Изображение стоит внутри раздела, к которому относится по смыслу.
  9. Есть подпись, если она добавляет информацию.
  10. Файл доступен по прямому адресу и не закрыт от обхода.
  11. Ключевые изображения размечены структурированными данными.
  12. После публикации страница отправлена на переобход.

Частые вопросы

Сколько изображений нужно на странице? Столько, сколько помогает понять материал. Одно осмысленное изображение в каждом крупном разделе работает лучше, чем десяток декоративных фотографий, вставленных для объёма.

Влияет ли поиск по картинкам на позиции в обычной выдаче? Напрямую нет. Косвенно да: переходы по картинкам — это реальные визиты, и поведение этих людей на сайте учитывается наравне с остальными.

Можно ли брать стоковые изображения вообще? Можно, когда нужна нейтральная иллюстрация и нет возможности снять своё. Просто не рассчитывайте, что она приведёт трафик или упоминания. На ключевых страницах лучше своё, даже снятое на телефон.

Нужен ли атрибут title у изображения? Он показывается всплывающей подсказкой при наведении и на мобильных устройствах не работает вовсе. На ранжирование заметно не влияет. Заполнять его вместо alt — ошибка.

Что делать, если изображения украли и используют без ссылки? Сначала написать с просьбой поставить источник — это срабатывает чаще всего. Если материал коммерчески значим и площадка игнорирует обращение, есть жалоба на нарушение авторских прав, но она требует подтверждения авторства.

Помогает ли водяной знак? Помогает с атрибуцией и мешает восприятию, если сделан грубо. Разумный компромисс — небольшая подпись в углу, не перекрывающая содержание, и хранение исходников с метаданными как доказательство авторства.

Коротко

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

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

Увеличьте позиции и продажи вашего сайта

Профессиональное SEO-продвижение с гарантией результата. Выберите подходящую услугу:

Анатолий Кузнецов — SEO-оптимизатор

Остались вопросы по продвижению?

Меня зовут Анатолий Кузнецов, я SEO-оптимизатор с 20-летним стажем. Разберу ваш сайт, отвечу на вопросы и подскажу, что улучшить для роста позиций в Яндексе и Google.

Связаться со мной →

Комментарии

Илона Верхогляд

У нас мебельное производство, фотографий готовых изделий несколько тысяч. В поиске по картинкам не появляется практически ничего. Alt заполнены, вес нормальный. Не понимаю, где затык.

Анатолий Кузнецов автор

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

Артемий Балашов

Про текст картинкой — больная тема. У нас прайс висел изображением два года, потому что так «никто не скопирует». В итоге по запросам с ценами мы не показывались вообще. Перевели в таблицу, и страница ожила.

Жанна Подгорная

Вопрос про водяные знаки. Мы ставим полупрозрачный логотип по центру, иначе фото уводят без всякой совести. Но подозреваю, что это портит вид в выдаче и по нам меньше кликают.

Анатолий Кузнецов автор

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

Станислав Медведкин

Сделали три схемы по своим замерам для статьи про монтаж. За полгода их перепечатали на четырёх ресурсах, два поставили ссылку сами. Написал остальным двум — один добавил, второй молчит. Работает лучше, чем ожидал.

Роксана Аветисян

Не согласна с советом оставлять пустой alt у декоративных изображений. Мне кажется, лучше заполнить хоть чем-то, чем оставить пустоту — вдруг это считается недоработкой.

Анатолий Кузнецов автор

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

Фёдор Ушанов

Перевели каталог на webp, вес страниц упал примерно на треть. Заодно выяснилось, что часть фотографий грузилась в разрешении под четыре тысячи пикселей в блок шириной триста. Никто этого годами не замечал.

Людмила Байкова

Вопрос про переезд. Мы меняем движок, адреса файлов изменятся полностью. Стоит ли заморачиваться с перенаправлениями для картинок или проще смириться и начать заново?

Анатолий Кузнецов автор

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

Захар Пирогов

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

Алиса Грушевская

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

Валерий Стрельцов

Смущает пункт про отложенную загрузку. У нас она включена глобально плагином, включая первое изображение вверху. Судя по статье, это неправильно, но как исключить одну картинку, если плагин работает на всё разом?

Анатолий Кузнецов автор

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

Ксения Домрачева

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

Рустам Абдрахманов

По поводу разметки товаров: у нас она стоит, но изображения в товарном блоке всё равно берутся не те, которые указаны главными. Похоже, поиск выбирает сам, и повлиять на это не выходит.

Оставьте комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

 Нажимая «оставить комментарий» вы принимаетеправила конфиденциальности 

Прокрутить вверх