С чем вам помочь?

Задавайте вопрос или опишите проблему, с которой Вы столкнулись

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

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

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

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


Рисунок 1.

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

 

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

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

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

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


Рисунок 2.

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

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

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


Рисунок 3.

Откуда заполняется alt тег к другим фотографиям?

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

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


Рисунок 4.

Далее рассмотрим, из каких полей автоматически подставляется alt тег к фотографиям.

Фотографии Новостей


Рисунок 5.

Для фотографии новостей (в списке новостей) подставляется alt тег из названия новости (рис.6)


Рисунок 6.

Фотографии Производителей


Рисунок 7.

Для логотипа производителя подставляется alt тег из поля названия бренда (рис.8)


Рисунок 8.

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


Рисунок 9.


Рисунок 10.

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


Рисунок 11.

Фотографии в отзывах о товарах


Рисунок 12.

Alt тег для иконки клиента, который добавляет отзыв, подставляется из поля «Имя» (в случае, если клиент сам добавляет отзыв через клиентскую часть) (рис.13) или из поля «Автор» (в случае, если администратор добавляет отзыв через панель администрирования) (рис.14)


Рисунок 13.


Рисунок 14.

Аналогично отзывам о товарах подставляется alt тег и для отзывов о магазине.

Фотографии в карусели


Рисунок 15.

Alt тег для картинок в карусели прописывается из поля «alt тег изображений» в разделе «Карусель» (пункт меню CMS->Карусель)


Рисунок 16.

 

Всё готово.

Открыть онлайн чат? Открыть
Статья оказалась полезной? Да Нет
Как мы можем улучшить статью?
Благодарим за отзыв.
Благодарим за отзыв. Мы улучшим эту статью.
Произошла ошибка.
Не нашли нужную статью? Предложить тему
Не нашли нужную статью?
Благодарим за отзыв.
Произошла ошибка.

Работа с каталогом

Изменение цены и наличия в зависимости от размера и цвета Как задать цвет для фотографии товара Как добавить видео на сайт Работа с каталогом через E-Trade PriceList Importer Работа с каталогом через E-Trade Content Creator Работа с фильтром каталога, настройка. Yandex Мarket. Заметки для продажи (Sales note) Как удалить тестовые данные в пробной версии магазина Видео товара отображается на месте фотографии товара Свойства товаров над ценой Выгрузка каталога в csv файл. Описание файла. Свойства товаров над ценой Автоматическое создание альтернативных товаров Теги. Механизм тегов Подарки. Возможность указать товар подарок к основному товару Товары в разных валютах Обзор товара в 360 градусов Перенос товаров из одной категории в другую Как скрыть отображение веса и габаритов в карточке товара Как скрыть отображение артикула в каталоге Как настроить вывод товаров в каталоге Как отрегулировать количество товаров на странице Как вкл/выкл рейтинг товаров. Как формируется рейтинг товаров Группы свойств Категория. Отображение Основная категория товара Импорт и экспорт категорий через CSV Свойства товаров Alt тег для фотографии Опции экспорта (выгрузки) Отключение отображения цветов в каталоге Регулирование цен Как массово удалить все товары в каталоге Добавление продукта в каталог товаров Импорт и экспорт данных в формате CSV Выгрузка каталога в csv файл по категориям Работа с категориями каталога интернет-магазина Импорт изображений в каталог магазина Настройка фильтров и свойств товара Скидка на товар, для групп пользователей, на заказ. Интеграция магазина с 1С Выгрузка товаров в Яндекс.Маркет (видео) Выгрузка товаров в Яндекс.Маркет Как прописать дополнительные опции к товару Как подгрузить иконки для цвета
© AdvantShop. Платформа для открытия интернет-магазина.