WooCommerce

Как правильно прикреплять фотографию к товару?

Как правильно прикреплять фотографию к товару?

Обработка картинок

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

Ниже приведу пример неправильно проработанной картинки. Эту ошибку сделал я сам еще в далеком 2016 году. Обратите внимание на левый нижний угол. Путь картинки по URL — это просто ахтунг! Картинка вытянутая, маленькая, название — без слез не взглянуть.

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

В левом нижнем углу «ЧПУ» адрес картинок, они нормальных размеров, сжаты без потери качества, у них заполнены мета теги.

Редактирование и сжатие картинок

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

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

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

Присваиваем картинкам ЧПУ названия

Чтобы в итоге получить ЧПУ адрес ссылки на картинки, нужно присвоить названия товара отредактированным картинкам. Тут есть свои тонкости:

  1. Берем название товара из файла склада и помещаем его в онлайн переводчик.
  2. Вместо пробелов между словами ставим дефисы.
  3. Можно взять переведенное на английский язык или транслитированное название товара.
  4. В конце приписываем через дефис артикул.
  5. Расставляем картинки по иерархии (присваивая цифры 1-2-3-4, где под номером 1 будет главная картинка, остальные будут в галерее).
  6. Присваиваем расставленным картинкам подготовленное название из п.3-4.

Как создать универсальный файл для склада?

Импорт готовых картинок в медиа библиотеку WordPress

Подготовленные картинки импортируем в библиотеку:

  1. Admin-панель.
  2. Медиафайлы.
  3. Добавить новый.

Заполняем метатеги картинок

Заполняем метатеги картинок, вписывая в поля названия карточки товара. Эта процедура — одна из ключевых для SEO продвижения в галереях поисковиков и для миниатюрных превью в поисковой выдаче.

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

Узнать как правильно добавить простую карточку товара?

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

Статьи по теме