Аlt и title фотографий товаров

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

Заголовок

Возможность заполнить Alt и Title для изображений доступна с версии 13.0.6

• Что такое Alt и Title для изображений
• Как прописать Alt и Title в магазине
• Как проверить Alt и Title на сайте

Что такое Alt и Title для изображений

Изображения в статье или на сайте помогают улучшить контент, сделать его более полезным и понятным для читателя. Бывают случаи, когда пользователь не видит по каким-то причинам изображения. Тогда каким-то образом необходимо дать понять о том, что на них изображено. Для этого используют атрибуты Alt и Title.

Alt — один из атрибутов тега <img> в HTML. По сути, это альтернативное название картинки. Оно отображается, если картинка не прогружается. 

Обычно мы видим картинку так (рис.1).

Рисунок 1.

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

Рисунок 2.

Тоже самое с категориями магазина (рис.3).

Рисунок 3.

В коде Alt выглядит таким образом (рис.4).

Рисунок 4.

Title изображения — ещё один атрибут тега <img> в HTML. Это дополнительный параметр, который пользователь видит при наведении курсора на картинку (рис.5).

Рисунок 5.

Главная задача Title — объяснить пользователю, что изображено на иллюстрации.

Так выглядит заполненный Title в коде страницы (рис.6).

Рисунок 6.

Как прописать Alt и Title в магазине 

Начиная с версии 13.0.6 для магазинов Адвантшоп доступно заполение данных атрибутов. Для заполнения необходимо пройти в раздел "Настройки", далее "Seo и счетчики" (рис.7).

Рисунок 7.

На вкладке "Seo параметры" находим "Изображение товара (мета по умолчанию)" и "Изображение категории (мета по умолчанию)" (рис.8).

Рисунок 8.

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

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

Как проверить Alt и Title на сайте

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

Отключить отображение картинок. Чтобы сделать это например в Google Chrome, заходим в «Настройки браузера» → «Конфиденциальность и безопасность» → «Настройки сайтов» → «Контент» → «Картинки» → «Запретить сайтам показывать изображения».

Посмотреть через код. Для этого нужно: зажать комбинацию клавиш Ctrl+Shift+C → кликнуть на изображение → найти и проверить атрибуты.

Узнать через сервисы. Сервисы-анализаторы сайтов проверят все теги страниц, в том числе Alt и Title. 

Готово.