Атрибут alt для фотографии товара и категории

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

• Фотографии товаров
• Фотографии каталога

Атрибут alt - это альтернативный текст, который отображает браузер, если по тем или иным причинам он не может загрузить картинку (если картинка была удалена с сервера или у посетителя отключен показ изображений в браузере). Поисковые боты пока не научились "читать" изображения, но благодаря атрибуту alt вы сможете подсказать роботу, что это за картинка, какое у нее название и что на ней написано (рис.1)

Рисунок 1.

Что значит атрибут alt для изображений в аспекте SEO оптимизации? Благодаря данным тегам мы даём понять поисковому роботу с помощью текста, какая графическая информация содержится на странице.

Как указать атрибут alt к фотографии товара

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

Открываем товар, для фотографий которого будет указывать атрибут.

Далее, в карточке товара переходим на вкладку Фотографии и нажимаем на карандаш для редактирования (рис.2)

Рисунок 2.

В открывшемся окне, поле “Описание (alt)” (рис.3)

Рисунок 3.

Это и есть атрибут alt для фотографии товара. Редактирование данного поля возможно только через панель администрирования в карточке товара; загрузить массово атрибут alt через импорт данных (csv, xml) возможности нет.

В атрибуте alt следует писать не все ключевые слова сайта или страницы, а лишь те, которые действительно относятся к картинке. Например, в нашем случае, "Apple iPhone 6 black". Это поможет роботу точнее найти картинку, а пользователю поисковой системы— выбрать ее в результатах поиска и перейти на ваш сайт.

Кроме того, это описание отвечает также и за атрибут title самого изображения. Атрибут title отображается при наведении курсора мыши на фотографию. В случае, если title у фотографии не прописан, то по умолчанию в атрибут title подставляется название товара (рис. 4)

Рисунок 4.

Как указать атрибут alt к фотографии категории

Рисунок 5.

Рисунок 6.

Для фотографии каталога (изображение, мини картинки) атрибут alt формируется из названия категории (рис.7)

Рисунок 7.

Если в описании товара или категории требуется прописать атрибут alt для фотографии, которые вы размещаете в редакторе самостоятельно, необходимо перейти в режим "источник", найти код фотографии и самостоятельно прописать атрибут alt (рис.8).

Рисунок 8.

Всё готово.