Оптимизация изображений для интернет-магазина

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

Почему нужно оптимизировать изображения для интернет-магазина?

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

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

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

Как правильно оптимизировать изображения

2

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

Форматы файлов. Наиболее распространенные форматы изображений – JPEG, PNG и GIF. Самым удобным и применяемым является JPEG, который позволяет «сжимать» файл таким образом, чтобы сохранить максимальное качество при относительно небольшом объеме.

В PNG используется сжатие без потери качества, но размер картинки в таком случае получается довольно большим, что может плохо сказаться на загрузке страницы. Это особенно актуально в применении на мобильных устройствах. Но стоит учитывать, что если фото однотонное, с минимумом оттенков (например, на белом фоне), тогда файл в формате PNG тоже будет иметь сравнительно небольшой объем. Например, если речь идет о логотипе или иконках.

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

Возможности сжатия картинок, которые достигаются благодаря использованию JPEG-формата, положительно сказываются на скорости загрузки страниц сайта. Как известно, с 21 апреля 2015 года данный параметр напрямую учитывается Google при ранжировании.

URL картинки. Чаще всего именно об этом забывают, даже если все остальные условия выдержаны. Фото товаров или иллюстрации просто загружаются на сервер, и никто не обращает внимания, под каким именем эти файлы там хранятся. В качестве примера возьмем изображение компьютера Mac mini, который отображается в каталоге интернет-магазина в таком виде:

3

Логично было бы прописать его URL так: Mac-mini-MGEN2GU-A.jpg. И это было бы правильно. В то время как во многих интернет-магазинах чаще всего встречается вариант с совершенно непонятным набором букв и цифр, которые ни о чем не говорят. Например: product214w3rfdfg6.jpg. Также учитывайте важный момент относительно разделения слов: если используется тире “-”, поисковая система нормально воспринимает словосочетание. Если же применяется нижнее подчеркивание “_”, тогда поисковый робот “склеивает” слова.

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

Атрибут ALT. Его содержимое учитывается при ранжировании изображения в поиске и формировании выдачи в ответ на запрос пользователя. Соответственно, прописывать релевантный текст в ALT обязательно для каждой картинки.

Вот как это выглядит в коде страницы:

4

А так фото этого товара отображается в поиске Google по изображениям:

5

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

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

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

6

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

Чего не стоит делать?

Кроме советов, как нужно работать с картинками, стоит знать,  чего еще делать не стоит. Например, при добавлении фото и других изображений на сайт интернет-магазина не нужно:

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

Придерживаясь перечисленных выше правил, вы сможете избежать многих довольно-таки распространенных ошибок.

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

  • Автор: Владимир Федоричак
BLOG & NEWS

Оставьте ответ

ББудем на связи

Свяжитесь с нами

  • ул. Дж. Вашингтона 5а, Львов, Украина
  • email: [email protected]
Спасибо!Мы получили ваш запрос.
Представитель команды свяжется с вами в ближайшее время.
Обычно это занимает 1-2 рабочих часа.