Оптимизация изображений. Краткое руководство по работе с картинками

Оптимизация изображений. Краткое руководство по работе с картинками
Оптимизация изображений. Краткое руководство по работе с картинками

Рекомендации по оптимизации изображений подобны Божиим заповедям:

  • их порядка 10
  • про них знают все SEO-специалисты
  • было бы неплохо их соблюдать
  • ими пренебрегает большинство

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

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

Акценты в оптимизации картинок

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

Однако, ни одна статья не давала ответы на более основательные вопросы. Например:

Для каждого ли сайта так важна акцентированная работа с изображениями?

Как из всего объема рекомендаций выбрать те, которые помогут именно в моём случае?

Как правильно отслеживать результативность этой работы?

В силу того, что подобный материал имеет ознакомительный характер и ориентирован на начинающих SEO-специалистов или владельцев сайтов, которые планируют самостоятельно разобраться во всех нюансах, я считаю, что начать стоит с раскрытия теоретических вопросов.

Влияние тематики сайта на постановку задачи

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

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

Но и в этом случае не все так однозначно:

Мало вероятно, что при поиске услуги пользователь будет искать ответ в картинках. Поэтому, для таких проектов нет смысла делать высокий акцент на оптимизацию картинок. Например, никто не проводит поиск по услугам юриста или частного врача в разделе «картинки», но вот произвести запрос по конкретному Ф.И.О. врача, адвоката и т.д. пользователь может с достаточно высокой вероятностью, поэтому важно, чтобы он смог найти соответствующее изображение.

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

Думаю, не для кого не является загадкой, что вероятность получения целевого трафика на информационную статью через поиск по картинкам также стремится к 0.

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

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

Чаще всего все сводится к стандартной оптимизации карточек товара (об этом немного ниже). Наиболее полезным такой подход себя показывает при работе с узкопрофильным товаром или наименованиями, которые имеют сезонный характер.

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

Пример:

Рассмотрим на реальном примере интернет-магазина по продаже игрушек получение трафика из поиска по картинкам:

Самые ходовые запросы в поиске по картинкам

Хочу отметить, что первые 2 страницы – это статьи из блога, непосредственно продукт только третья. Интересной особенностью этой ситуации можно выделить то, что страницы были созданы для подробного описания мультфильмов, чтобы привлечь какой-то дополнительный трафик по некоммерческим поисковым запросам. Благодаря тому, что были подобраны качественные изображения, которые в дальнейшем были минимально оптимизированы, мы получили неплохой трафик по одним только картинкам.

Как узнать трафик на сайт из поиска по картинкам

Большинство SEO-специалистов не уделяют должного внимания сегментированному анализу трафика из поиска по картинкам, объединяя эти данные

Так как же узнать сколько трафика мы получаем из этого сегмента органического канала?

Для этого нам пригодится инструментарий Google Search Console.

Статистика из Google Search Console

Чтобы узнать количество трафика, которое сайт получает исключительно через переходы по изображениям требуется сперва выбрать отчет по эффективности (1):

Далее выбрать тип поиска «изображение» (2):

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

Эти данные нам помогают условно понять насколько высок CTR по каждому отдельному ключу.

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

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

Цель оптимизации изображений

Как мы уже писали ранее – процесс оптимизации картинок имеет разные направления работ. Все они по-своему полезны, но попробуем разобраться какие задачи за что отвечают.

Условно, все векторы оптимизации картинок можно разделить на следующие группы:

Направление работы Задача Цель
Релевантность Добавление alt и title Позволяет более точно определить поисковику что именно изображено на картинке и выстраивает более точную релевантность при ранжировании в поиске по картинкам
Техническая

Добавление микроразметки

(Schema, Open Graph)

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

Адаптация изображений (габариты)

 

Использование элемента srcset

Позволяет подгружать несколько вариантов изображений, для устройств разного разрешения.
Индексация Добавление карты сайта для изображений Позволяет поисковым роботам корректно индексировать изображения на сайте

SEO-специалисты наиболее часто прибегают именно к оптимизации веса изображений и добавлению alt и title, так как эти работы считаются базовыми и актуальны практически для всех сайтов.

Мы также рекомендуем в обязательном порядке выполнять именно эти задачи в первую очередь.

Рекомендации по работе с изображениями

Попытаемся дать несколько важных и полезных рекомендаций по оптимизации картинок.

Автоматизация процесса

Мы сторонники ручной работы по большинству задач, относящихся к SEO. Однако, когда речь идёт о заполнении тысяч атрибутов alt и title для карточек товаров, все же следует задуматься о автоматизации процесса.

Существует 2 варианта:

а) Покупка автоматического модуля для сайта

Например, для сайтов на CS-Cart отлично подойдёт модуль «Images auto seo optimization», который выполнит всю «грязную» работу за Вас.

б) Поставить задачу программисту для настройки сценария автогенерации

Пример:

«Настроить автогенерацию ALT и TITLE по шаблону:

ALT:

<Название страницы>

TITLE:
<Название страницы>

Пример – «адрес сайта»

ALT:

Квартира двухкомнатная в Киеве 2010 года

TITLE:
Квартира двухкомнатная в Киеве

Использование расширенного атрибута Alt при работе с товарами

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

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

Подбор формата изображений

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

Предлагаем кратко остановиться и разобрать самые основные форматы и их назначения:

JPEG – самый популярный формат. Идеален для фото. При сжатии веса характерны явные потери качества, особенно в мелких деталях

PNG – векторный формат. Больше ориентирован на линейные рисунки и текстов.

SVG – относительно новый формат, также предназначен для векторной графики. Чаще всего применяется для логотипов и значков.

WebP – самый новый формат, который был разработан Google и ограничивался применением в его же среде. На текущий день самый быстрый формат, но поддерживается только Google и, с недавнего времени, Firefox.

Если Вам интересен более углубленный разбор вопроса, рекомендуем изучить эту статью:

https://sdvv.ru/articles/internet-menedzhment/luchshie-formaty-izobrazheniy-dlya-veb-dizayna-i-razrabotki/

Уникализация изображений

Даже, если у Вас нет возможности создать на 100% уникальные изображения для сайта и используются стоковые фото, следует сделать их более «персонализированными» для Вашего сайта.

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

Подведем итоги

Оптимизация изображения – это важный этап как SEO-продвижения сайта, так и автономного развития его контентной составляющей. Процесс этот достаточно многослойный, поэтому подумайте заранее, за какой из этих «слоев» Вы хотели бы взяться в первую очередь, но не в коем случае не пренебрегайте этим аспектом продвижения полностью.

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

Ольга Тищенко
Редактор-копирайтер
коммерческое предложение

    SEO-продвижениеКопирайтингSMM-продвижениеРазработкаКонтекстная рекламаДизайн
    Digital новини в нашому телеграм-каналі
    Інтернет-маркетинг
    простою мовою
    подписаться
    Другие статьи автора
    Неважно, вы новичок с 1000+ подписчиков, или уже имеете аудиторию 200 000+, описанные способы подключения монетизации помогут вам лучше понять, как зарабатывать деньги в приложении TikTok.

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

    10/11/2023
    Полный набор инструментов для продвижения сайта стоит недешево. Но заниматься продвижением без них не так эффективно, к тому же, они дают возможность работать качественно и не тратить время на те задачи, которые можно выполнить автоматически. Именно здесь нам и помогут бесплатные инструменты SEO -специалиста. Зачастую они ничем не хуже платных инструментов для SEO, и каждый из них полезен по-своему.

    Последние статьи по #SEO
    24/04/2025
    Обычно, для анализа разного рода данных (мета-теги, ключи и т.д.) SEO-специалисты используют различные сервисы по типу SEMRush, Serpstat или Ahrefs. Но весь мощный функционал этих инструментов не всегда уместен для каких-то небольших или повседневных задач SEO.

    23/04/2025
    Интент поискового запроса в SEO - смысл, который пользователь вкладывает в свой запрос к поисковику. Иначе интент можно назвать целью, намерением, в каком-то смысле даже болью пользователя.

    01/04/2025
    iFrame - это простой способ сделать страницы сайта или блога интерактивным. Но является ли тег iFrame безопасным для SEO вашего сайта? Вокруг этого вопроса есть несколько неоднозначных позиций, с которыми мы попробуем разобраться в этом материале.

    WhatsApp Telegram Viber Почати розмову