Фото и видео для магазина: 8 приемов для разного кошелька

Улыбающиеся друг другу мужчина и женщина Контент-маркетинг

Считается, что картинка продает лучше, чем текст. Это правда. Иногда решение принимается на уровне «смотри, тут как-то крупнее/острее ножи выглядят» или «ой, цвет совсем бледный». Нельзя сказать абсолютно точно, что хорошие картинки увеличивают продажи, а плохие уменьшают. Но то, что они сильно влияют на принятие решения — факт.

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

Но это все пока общие рассуждения. Что конкретно делать вам, если у вас товар, который надо показать лицом?

Рассказывает Ксения Ситникова из агентства i-Media:

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

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

Шаг 1. Определиться с витриной магазина и собственным бюджетом

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

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

Если же бюджет на фотосессию — 20 тысяч рублей на весь магазин (сумма вполне реальная), сделать фотографии можно не хуже, чем у профессионалов — главное, все продумать.

Выделите товары, которые первыми предстанут перед объективом.

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

Также можно выделить фотосессии крупногабаритных и негабаритных товаров — это позволит выставить оборудование для съемки исходя из размеров товара.

Также стоит загружать на сайт фото товаров по категориям, а затем отслеживать результаты в Метрике или Google Analytics покатегорийно.

Пример из практики

Вот скриншот из Яндекс.Метрики по одному из сайтов, продвигаемых компанией i-Media. Мы поработали над подгрузкой изображений в каталог (раньше они не индексировались) и оптимизировали каталог в целом. После изменений в карточках товаров и каталоге наблюдалась такая динамика:

01_700px

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

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

Сравнение по поисковым системам: трафик вырос в 7 раз!

Октябрь 2015 (левые столбцы в парах) в сравнении с августом 2016 (правые столбцы) Октябрь 2015 (левые столбцы в парах) в сравнении с августом 2016 (правые столбцы)

Этапы:

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

Шаг 2. Выбрать оборудование и фон

Следующий шаг — подготовиться к фотосессии и освоить приемы обработки фото и видео-контента для постпродакшена. Если вы решились снимать самостоятельно, купите приличную полупрофессиональную камеру (подходящие варианты есть у Canon, Nikon, Olympus, Panasonic, Xiaomi и др.) и дополнительное оборудование: софтбоксы, рассеивающие зонты, вспышки, стойки, держатели боксов. Все это может обойтись вам в сотню тысяч рублей, поэтому предприниматели часто берут оборудование в аренду.

Для максимальной экономии можно воспользоваться лайфхаками из интернета и соорудить самодельные софт- и лайтбоксы. Купите обычные лампы накаливания за 300 рублей и белый ватман — и мини-студия на офисном столе готова!

screenshot-3

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

screenshot-4

Шаг 3. Сделать фото в естественных условиях

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

Для начала — пример карточки товара, автоматической кормушки для домашнего питомца. Фото сделаны профессионалами и обработаны в графическом редакторе:

screenshot-17

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

screenshot-18

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

screenshot-19

Кроме того, фото, где товар уже используется, погружают наблюдателя в некую историю, которую можно обсудить («Смотри-ка, они ламинат постелили, чтобы легче убирать, давай так тоже сделаем»). Реальная кошка выступает еще и как модель — легко сравнить ее размеры с размерами лотка, то есть оценить на глаз, сколько корма можно будет засыпать.

Шаг 4. Сохранить уникальность изображения

Мы против пиратского использования картинок: доказано, что copy-paste без получения смежных прав на изображение или видео-контент вредит сайтам. Но о собственных авторских правах забывать не стоит: воспользуйтесь сервисами по добавлению водяных знаков и логотипов на созданные вами изображения (Watermark Hameleon, Easy Watermark и другие). Они позволяют проставлять водяные знаки пакетно на все загруженные фото, что очень удобно и экономит время. Альтернативные решения — онлайн-сервис Водянойзнак.рф и плагин к Photoshop Adobe Watermark Panel.

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

Пример иллюстраций, сделанных в собственной студии Пример иллюстраций, сделанных в собственной студии

Шаг 5. Стиль никто не отменял

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

Удачные примеры бюджетной реализации:

screenshot-6

Решение: фотографировать все украшения на фоне картонной коробочки, это можно сделать самостоятельно.

  • Магазин одежды AFOUR

screenshot-7

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

  • Магазин мебели

screenshot-8

Решение: каждый предмет интерьера выставлен в реальной комнате. Можно интегрировать предметы в готовый фон с помощью Photoshop на этапе постпродакшена либо отрисовать все в графике, но оба варианта обойдутся недешево.

Шаг 6. А что если позаимствовать фото с сайта фирмы-производителя?

Один из самых соблазнительных по дешевизне и простоте приемов. Но и это можно сделать плохо и хорошо. Ниже — фото из каталогов двух магазинов детских товаров.

Пример 1: изображения плохого качества с сайта производителя Пример 1: изображения плохого качества с сайта производителя

На главной странице магазина Infant-shop.ru размещен блок «Рекомендуем», в котором три товара с изображениями плохого качества. Проверяем картинки на уникальность: владелец фото с сумкой — сайт-производитель Medela.

По запросу «сумки Medela» или «сумка для молокоотсоса» исследуемого сайта нет даже в топ-20. Однако в поисковой выдаче есть сайт Milk-Land.ru, где также используют фото с сайта-производителя. Единственная разница в том, что при увеличении фото на сайте Infant-shop.ru пользователь получает размытое изображение, а на сайте milk-land.ru — изображение высокого качества.

Пример 2: изображения хорошего качества с сайта производителя Пример 2: изображения хорошего качества с сайта производителя

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

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

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

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

Шаг 7. Сделать фото с моделью

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

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

Магазин GLZN Магазин GLZN

А вот магазин одежды, у которого с оформлением все не так хорошо. Здесь сложно сделать выбор, поскольку вся одежда сфотографирована на вешалке и с одного ракурса:

Магазин Paltoopt.ru Магазин Paltoopt.ru

Шаг 8. Загрузить изображения без ошибок

Вот несколько советов по оптимизации размеров картинок перед загрузкой на сайт.

Дайте четкое ТЗ фотографу

Если вы предпочитаете работать с профессиональным фотографом или видеографом, желательно сразу договориться о том, в каком виде он предоставит итоговый материал. Размеры и вес файлов имеют огромное значение для ранжирования сайта в поисковых системах. Поэтому предпочтительно получать фото в формате JPG (дает наибольшее сжатие по сравнению с другими форматами) размерами 1280х1024 пикселей (если у вас в каталоге есть функция увеличения изображения). Можно также запросить у фотографа или сделать самостоятельно два комплекта изображений. Первый — иллюстрации большого размера для публикаций и фонового дизайна; второй — уменьшенные фото для размещения на страницах каталога (не замедляющие скорость загрузки страницы).

Сжимайте картинки для увеличения скорости загрузки страниц

Идеальный формат фото для интернет-магазина — JPG со степенью сжатия изображения 75–80%. Для картинок с прозрачным фоном нужен файл PNG (он в 2–3 раза тяжелее jpg) размером до 300 Кб. Видео лучше загружать на сторонний сервис, вроде YouTube. Тогда при открытии страницы с видео оно будет грузиться со стороннего сервиса, не нагружая при этом ваш интернет-магазин. Воспользуйтесь рекомендациями сервиса Google, чтобы снизить нагрузку на сервер.

screenshot-15

screenshot-16

Осторожней с автонастройкой размеров!

В CMS вашего сайта могут быть прописаны настройки автоматической подгонки изображений под сверстанный шаблон в каталоге или в карточке товара. Из-за этого изображения разного размера могут обрезаться, уменьшаться или растягиваться. В таком случае нужно либо менять настройки в CMS, либо делать и заливать новые фотографии — в едином стиле, при одинаковом освещении и одинакового размера. Это снизит риск некорректной обработки.

screenshot-13

Пример того, что бывает с фото после заливки в CMS: края обрезаны.

screenshot-14

А так выглядит тот же каталог после устранения недочетов (изображения привели к единому стандарту и загрузили в каталог повторно).

Мнение поисковых систем

По нашим наблюдениям, нельзя однозначно судить о том, как уникальность изображений влияет на ранжирование сайта в результатах поиска. Однако не стоит пренебрегать официальными заявлениями Яндекса и Google: уже несколько лет они говорят о том, что помимо технической уникальности контент сайта сканируется и проверяется роботами на «смысловую уникальность». Например, Google может пессимизировать сайты за «недостаточный контент», когда контент не несет ценности для пользователей (отсутствие изображений может попадать под этот пункт), или когда он заимствован с других ресурсов. Благодаря технологии Content ID, которая используется на YouTube с 2007 года, правообладатели смогли получить более миллиарда долларов с видео, загруженных пользователями.

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

Тем, кто хочет разобраться в вопросе глубже, могу посоветовать статью британского эксперта Кристофера Ратклиффа «Как оптимизировать изображения для SEO», которую я переводила для блога нашего агентства.

Выводы

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

Но если вы хотите большего, то перед спуском затвора ответьте себе на главный вопрос: «почему товары купят именно у меня?». И уже затем решайте, как что фотографировать.

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

Подпишитесь на рассылку новостей. Никакого спама!

Оцените статью
Поделитесь статьей с друзьями
madcats.ru
X