Как вам помочь ?

Гарантированные подарки!

Получите логотип, слайдер, шаблон дизайна, SSL сертификат и многое другое при приобретении интернет-магазина в аренду.

Alt тег для фотографии товара и категории

Актуально для версии магазина: 6.0 | 5.0-4.0

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

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

Атрибут ALT – это альтернативный текст, который отображает браузер, если по тем или иным причинам он не может загрузить картинку
Рисунок 1.

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

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

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

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

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

Как указать alt к фотографии товара
Рисунок 2.

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

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

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

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

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

 В случае, если title у фотографии не прописан, то по умолчанию в атрибут title подставляется название товара
Рисунок 4.

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

Как указать alt к фотографии категории
Рисунок 5.

Как указать alt к фотографии категории
Рисунок 6.

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

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

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

Необходимо перейти в режим "источник", найти код фотографии и самостоятельно прописать alt тег
Рисунок 8.

Всё готово.

Другие статьи по теме

Открыть онлайн чат? Открыть
Статья оказалась полезной? Да Нет
Благодарим за отзыв.

Как мы можем улучшить статью?

Не нашли нужную статью? Предложить тему

Не нашли нужную статью?

Благодарим за отзыв.

Тэги: alt, атрибут alt, alt-тег, тег для фотографии, alt тег для фотографии