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

#SEO 27 октября 2021 Оценить статью

Вступление

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

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

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

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

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

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

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

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

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

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

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

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

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

 

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

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

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

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

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

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

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

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

Пример:

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

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

 

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

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

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

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

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

 

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

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

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

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

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

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

Статистика из Яндекс Метрики

С Яндекс.Метрикой все так же просто. Для начала необходимо выбрать категорию «Отчеты», «Источники» и перейти на «Поисковые системы».

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

Выбираем «Яндекс.Картинки» и ознакамливаемся с развернутой статистикой трафика переходов из поиска по картинкам.

Важно отметить, что Метрика не демонстрирует статистику по Google, а Google Search Console не демонстрирует статистику по Яндексу.

 

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

 

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

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

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

Направление работыЗадачаЦель
РелевантностьДобавление 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 специалист
похожие статьи
подписаться:
Разработка структуры сайта
Разработка структуры сайта
# SEO
Советы по анализу ключевых фраз
Советы по анализу ключевых фраз
# SEO
SEO оптимизация сайта своими руками
SEO оптимизация сайта своими руками
# SEO
Комментарии