Каков наилучший размер для изображений продуктов электронной коммерции?

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

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

Рекомендуется для вас

• Размер баннера веб-сайта: какой размер наиболее эффективен?
• Как стать доверенным магазином Google?
• Как найти товары для продажи в Интернете?

В этой статье вам будет показано, каков наилучший размер для изображений продуктов электронной коммерции?

Что такое оптимизация изображения?

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

Почему размер изображения продукта важен на сайтах электронной коммерции?

Как вы, возможно, не знаете, изображения являются одними из самых важных активов для вашего магазина электронной коммерции.

Есть поговорка:

«И все же слишком часто ими пренебрегают — владельцы магазинов совершенно забывают оптимизировать изображения для Интернета».

Есть две причины:

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

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

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

1. Первое впечатление имеет значение

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

На самом деле, в исследовании 2017 года, проведенном Square и BigCommerce, говорится, что американские онлайн-покупатели ссылаются на дополнительные фотографии продуктов как на первое, что они хотели бы получить от онлайн-брендов.

2. Изображение ценнее 1000 слов

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

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

Данные BigCommerce и Square доказали, что около половины респондентов заявили, что они не могут потрогать, ощутить и попробовать свои любимые продукты при совершении покупок в Интернете.

3. Мобильные устройства берут верх

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

Четкий и более привлекательный элемент электронной коммерции каким-то образом означает, что ваши товары можно часто нажимать и покупать.

4. Изображения могут испортить ваш бизнес-сайт

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

Вы можете задаться тремя следующими вопросами:

• «Ваши изображения загружаются медленно?»

• «Разве вы не включили метаописание?»

• «Люди подпрыгивают, когда приземляются?»

Каков наилучший размер для изображений продуктов электронной коммерции?

Если вы используете Photoshop, вы можете разработать шаблон изображения продукта, создав пустые файлы и изменив его размер до желаемых размеров. Это поможет вам поддерживать согласованность шестерок изображений. Там больше о требованиях, но очень хорошие отправные точки для размеров шаблона, которые помогут вам использовать в вашем магазине, — от 1200 до 1600 пикселей по самой длинной стороне. Имейте в виду, что вам просто нужно достаточно деталей, чтобы клиенты могли увеличивать и уменьшать масштаб.

Ключевым моментом является то, как уменьшить размер файла изображений, чтобы свести время загрузки страницы к минимуму. Вы не должны беспокоиться о том, что ничто не может испортить пользовательский опыт, как медленная загрузка страницы. Факт говорит о том, что около 47 процентов пользователей теперь надеются, что веб-страница загрузится менее чем за две секунды, а 40% получат заброшенную страницу, загрузка которой может занять более 3 секунд.

Следовательно, вам необходимо держаться подальше от изображений большого размера, которые обычно загружаются дольше. Общее правило AIM для файлов изображений меньше 70 КБ. И, к счастью, уменьшить размер файла без потери качества изображения можно с помощью инструмента Photoshop «Сохранить для Интернета».

Кроме того, вы также должны учитывать это:

• Около 50% клиентов не будут готовы ждать 3 секунды, пока загрузится сайт.

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

• Amazon выяснила, что если их страницы замедлятся всего на одну секунду, они могут потерять 1,6 миллиарда долларов США в год.

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

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

• Качество : Вы можете найти его в верхнем и правом углах.

• Формат файла : Вы можете найти его в верхнем правом углу.

• Оптимизация : вы можете найти его в верхнем правом углу.

• Цвет : Вы можете найти его в верхнем правом углу.

• Уменьшение и повышение резкости : Вы можете найти это в нижнем и правом углу.

• Ожидаемый размер файла : Вы можете найти его в нижнем левом углу.

И вы также можете использовать «Экспортировать как» .

Теперь вы можете задаться вопросом , как выбрать правильный тип файла .

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

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

Изображения GIF или .gif имеют более низкое качество, чем изображения JPEG, и широко используются для большего количества изображений, включая декоративные фотографии и значки. GIF-файлы также помогают анимации. Что касается оптимизации изображений, GIF-файлы известны как отличные для простых и простых изображений на любой веб-странице. Однако GIF не являются полезным решением для сложных изображений, что верно для больших изображений.

Изображения PNG все чаще заменяют GIF. PNG также поддерживают больше цветов, чем GIF, и они не будут ухудшаться со временем при повторном сохранении, как это происходит в JPEG. Вам лучше иметь в виду, что фотографии PNG-24 более чем в три раза больше по размеру файла, чем PNG-8. Вот почему вы должны быть осторожны с PNG.

И вот несколько советов, которые помогут вам запомнить, как выбирать типы файлов:

• В большинстве случаев в бизнесе электронной коммерции JPEG может стать вашим лучшим. Они могут дать вам наилучшее качество для файла наименьшего размера.

  

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

• PNG могут быть хорошим решением в качестве альтернативы GIF и JPEG. Если вы можете использовать изображения продуктов только в формате PNG, вы можете попробовать использовать PNG-8, а не PNG-24. PNG могут превосходить простые декоративные фотографии из-за их чрезвычайно маленького размера файла.

5 советов по оптимизации изображений товаров в вашем интернет-магазине

1. Задайте имя изображения описательно и на простом языке.

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

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

Возьмем пример ниже:

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

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

• 2012 Красный Форд Мустанг LX

• Форд Мустанг LX Красный 2012

• Красный Форд Мустанг LX 2012

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

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

2. Тщательно оптимизируйте свои альтернативные атрибуты

Атрибуты Alt известны как замена текста фотографиям, когда браузеры не могут правильно их отобразить. В свою очередь, они широко используются для веб-доступности. Когда фотография будет визуализирована, вы проверите текст атрибута alt, если наведете на нее курсор. Этот атрибут alt должен повысить SEO-ценность вашего сайта. Включение соответствующих атрибутов alt, содержащих релевантные ключевые слова, к изображениям вашего сайта может помочь вам лучше ранжироваться в поисковых системах. В результате использование атрибута alt — лучший способ, чтобы ваши товары электронной коммерции отображались в веб-поиске и изображениях Google.

Вы можете более подробно ознакомиться с исходным кодом атрибута alt:

<img src=”2012-Ford-Mustang-LX-Red.jpg” alt=”2012 Ford Mustang LX Red”>

Когда дело доходит до оптимизации изображений, самым главным приоритетом является заполнение каждого атрибута al для каждой фотографии продукта на вашем веб-сайте. И вот несколько правил для атрибутов alt:

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

• Если вы продаете товары, которые содержат номера моделей или серийные номера, вы можете ввести их в атрибутах alt.

• Перестаньте набивать атрибуты alt ключевыми словами.

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

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

3. Выберите подходящие размеры изображения и ракурсы продукта

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

• Интерьер

• Задняя часть, особенно воздушный спойлер

• Диски

• Двигатель

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

4. Оптимизируйте миниатюры

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

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

Следовательно, что вы должны делать сейчас?

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

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

5. Разрешите тестировать ваши фотографии

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

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

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

• Проверьте, сколько списков товаров вам лучше разместить на страницах категорий: 10, 20 или 100 товаров? Вы можете протестировать количество товаров, которые вы указали на страницах категорий, чтобы проверить, что лучше всего подойдет вашим покупателям.

Похожие сообщения

• 20+ лучших приложений Shopify, которые нужны каждому магазину
• 11 лучших фотосайтов для вашего бизнеса

Заключительные слова

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