Атрибуты Art и Title для изображений: что нужно знать

В современном мире изображения на сайтах, особенно в он-лайн магазинах и каталогах, воспринимаются как данность. С позиции продавца – это прекрасная возможность приумножить и направить аудиторию: продемонстрировать свой продукт и спровоцировать потенциальных клиентов к оформлению покупки товара или услуги.

Картинки, которыми оформлен сайт, являются не только средством завлечения и удержания клиентуры, но и методом прироста добавочного объема информации, который поступает из запросов по изображениям в поисковиках Яндекс и Google.

Атрибут «Alt» для изображений

Атрибут Alt для изображений – это словесный набор, который трактует картинку в html-теге . Его можно обнаружить, если загрузка изображения не может быть завершена. На том пространстве, где должна быть картинка, будет отображена надпись (если атрибут Alt прописан).

Атрибут Alt содействует гостю страницы в понимании, что же изображено на картинке, если он не может на нее взглянуть. Так же, при обработке сведений о сайте, поисковые роботы берут на вооружение тот текст, который написан в атрибуте Alt . Рационализация наименований изображений и атрибутов Alt в теге делает поиск картинок доступнее.

Правила составления атрибута Alt для изображений

1. Лучше всего вносить не менее 3 и не более 5 слов, текст тега ограничить примерно 75-85 символами. Мы советуем выбирать емкую фразу, которая раскрывает весь смысл.
2. Не стоит забывать о применении ключевых запросов.
3. Для упрощения поиска, ключевые слова желательно не склонять.
4. Чтобы избежать спама, мы не советуем писать большой перечень ключей, разделяя их запятой, как и в остальных тегах.
5. Нужно, чтобы Alt имел прямое отношение к смысловой нагрузке страницы и обозначал то, что фактически есть на изображении.

Атрибут Title для изображений

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

Атрибут Title, выполненный с учетом всех норм, также способствует развитию поведенческих факторов.

Правила составления Title для изображений

1. Атрибут Title должен соотноситься с картинкой. Поэтому не надо использовать в нем текст, который никак не связан с изображением.
2. Нужно отдавать предпочтение ёмкому и короткому Title, чтобы пользователям было удобно – мало кто будет читать длинную запутанную наводку к изображению.
3. Рекомендуется указывать ключевые слова. Нежелательно включать слова, типа «изображение» и т.д., потому что человек и так понимает, что это такое.

Образец грамотного написания атрибутов Alt и Title для тега <img />

Разберем по образцу, как произвести грамотный текстовый набор в атрибутах Alt и Title для изображения. Для начала выберем картинку с сайта.

При написании Alt, упор должен быть на услуги или товар, который вы продаете/предлагаете. К примеру, для изображения дома со строительного сайта подойдет альт «Постройка здания из кирпича», а не просто «здание» или «постройка».

Атрибут Title для подобного изображения можно варьировать, например «Возведение кирпичного здания».

Сложности при создании Alt и Title

1. Один и тот же товар изображен на нескольких картинках.
   Если на странице интернет-магазина присутствует более одного изображения того же товара, то Alt и Title для них составляется идентичный.
2. Один и тот же продукт, но другого цвета. В такой ситуации нужно просто дополнить подпись Alt и Title названием цвета. К примеру, для рубашки желтой расцветки Alt будет такой: «мужская желтая рубашка», а для рубашки фиолетового цвета – «мужская фиолетовая рубашка».
3. Широкий ассортимент.

На пространстве крупнейших интернет-магазинов очень большое количество товара и его изображений. По этой причине, создание стольких атрибутов Alt и Title вручную, займет большой промежуток времени. Для такого случая есть решение: автоматизация вывода этих атрибутов из наименования товаров и/или заголовка Н1, а также добавление цвета или артикула продукции.

Грамотное заполнение атрибутов Alt и Title к изображениям усилит поисковую оптимизацию сайта. Но не нужно пренебрегать и остальными моментами рационализации изображений, такими как размер, качество и наименование. Если вы не владеете ресурсами для создания атрибутов Alt и Title, мы грамотно сделаем это за вас!