Атрибуты Art и Title для изображений: что нужно знать
В современном мире изображения на сайтах, особенно в он-лайн магазинах и каталогах, воспринимаются как данность. С позиции продавца – это прекрасная возможность приумножить и направить аудиторию: продемонстрировать свой продукт и спровоцировать потенциальных клиентов к оформлению покупки товара или услуги.
Картинки, которыми оформлен сайт, являются не только средством завлечения и удержания клиентуры, но и методом прироста добавочного объема информации, который поступает из запросов по изображениям в поисковиках Яндекс и Google.
Атрибут «Alt» для изображений
Атрибут Alt для изображений – это словесный набор, который трактует картинку в html-теге . Его можно обнаружить, если загрузка изображения не может быть завершена. На том пространстве, где должна быть картинка, будет отображена надпись (если атрибут Alt прописан).
Атрибут Alt содействует гостю страницы в понимании, что же изображено на картинке, если он не может на нее взглянуть. Так же, при обработке сведений о сайте, поисковые роботы берут на вооружение тот текст, который написан в атрибуте Alt . Рационализация наименований изображений и атрибутов Alt в теге делает поиск картинок доступнее.
Правила составления атрибута Alt для изображений
- Лучше всего вносить не менее 3 и не более 5 слов, текст тега ограничить примерно 75-85 символами. Мы советуем выбирать емкую фразу, которая раскрывает весь смысл.
- Не стоит забывать о применении ключевых запросов.
- Для упрощения поиска, ключевые слова желательно не склонять.
- Чтобы избежать спама, мы не советуем писать большой перечень ключей, разделяя их запятой, как и в остальных тегах.
- Нужно, чтобы Alt имел прямое отношение к смысловой нагрузке страницы и обозначал то, что фактически есть на изображении.
Атрибут Title для изображений
Наряду с атрибутом Alt требуется также выполнять текстовый набор в атрибуте Title. В нем заключается добавочная информация об изображении, когда на картинку направляется курсор.
Атрибут Title, выполненный с учетом всех норм, также способствует развитию поведенческих факторов.
Правила составления Title для изображений
- Атрибут Title должен соотноситься с картинкой. Поэтому не надо использовать в нем текст, который никак не связан с изображением.
- Нужно отдавать предпочтение ёмкому и короткому Title, чтобы пользователям было удобно – мало кто будет читать длинную запутанную наводку к изображению.
- Рекомендуется указывать ключевые слова. Нежелательно включать слова, типа «изображение» и т.д., потому что человек и так понимает, что это такое.
Образец грамотного написания атрибутов Alt и Title для тега <img />
Разберем по образцу, как произвести грамотный текстовый набор в атрибутах Alt и Title для изображения. Для начала выберем картинку с сайта.
При написании Alt, упор должен быть на услуги или товар, который вы продаете/предлагаете. К примеру, для изображения дома со строительного сайта подойдет альт «Постройка здания из кирпича», а не просто «здание» или «постройка».
Атрибут Title для подобного изображения можно варьировать, например «Возведение кирпичного здания».
Сложности при создании Alt и Title
- Один и тот же товар изображен на нескольких картинках.
Если на странице интернет-магазина присутствует более одного изображения того же товара, то Alt и Title для них составляется идентичный. - Один и тот же продукт, но другого цвета. В такой ситуации нужно просто дополнить подпись Alt и Title названием цвета. К примеру, для рубашки желтой расцветки Alt будет такой: «мужская желтая рубашка», а для рубашки фиолетового цвета – «мужская фиолетовая рубашка».
- Широкий ассортимент.
На пространстве крупнейших интернет-магазинов очень большое количество товара и его изображений. По этой причине, создание стольких атрибутов Alt и Title вручную, займет большой промежуток времени. Для такого случая есть решение: автоматизация вывода этих атрибутов из наименования товаров и/или заголовка Н1, а также добавление цвета или артикула продукции.
Грамотное заполнение атрибутов Alt и Title к изображениям усилит поисковую оптимизацию сайта. Но не нужно пренебрегать и остальными моментами рационализации изображений, такими как размер, качество и наименование. Если вы не владеете ресурсами для создания атрибутов Alt и Title, мы грамотно сделаем это за вас!
Понравилась статья – ставь лайк!
Поделиться: