Картинки на сайте: как правильно работать с атрибутами Alt и Title
Современные сайты в обязательном порядке содержат десятки, а то и сотни картинок, особенно их количество велико, если речь идёт об интернет-магазинах, онлайн-каталогах и других коммерческих площадках, где продаются товары. Яркие изображения привлекают внимание гостей веб-ресурса, позволяют продемонстрировать сильные стороны изделия, побудить посетителя оформить заказ на ту или иную продукцию.
Таким образом, использование картинок − прямая дорога к повышению интереса к вашим предложениям. Кроме того, вы можете получить дополнительный трафик на сайт, источником которого станет поиск по изображениям в Яндексе или Google. Главное − правильно использовать атрибуты Alt и Title, а также тег .
Особенности атрибута Alt
Атрибут Alt для изображений представляет собой текст-описание картинки в теге (HTML). Он демонстрируется в том случае, если загрузить изображение не получается. Тогда посетитель увидит текстовку − конечно, если атрибут Alt был заполнен.
Не будем голословными и рассмотрим проблему с загрузкой на конкретных примерах. Так будет выглядеть картинка без использования атрибута.
А вот так − при заполненном Alt.
Даже при отсутствии картинки пользователь может понять, что именно на ней должно быть изображено. Кроме того, подготовленный текст сыграет вам на руку в процессе индексации страницы поисковыми роботами, поскольку будет учитываться ботами. Также правильно оптимизированное название изображения упрощает нахождение картинок в поисковых системах.
Особенности составления атрибута Alt
Существует несколько основных правил, которых нужно придерживаться в процессе составления текста для описания изображения. Они следующие:
- общее количество слов составляет от трёх до пяти, длина текста − около 70-80 знаков, приветствуется сжатая подача информации по сути;
- в тексте должны быть ключевые запросы;
- употребление ключей по возможности в первоначальной форме (для существительных − именительный падеж, для глаголов − инфинитив);
- недопущение спама, употребление большого количества ключей через запятую нежелательно;
- соответствие текста изображению.
Особенности атрибута Title в картинках
Кроме составления текста для Alt, нужно проделывать аналогичную процедуру и для Title. Благодаря этому вы можете предоставить посетителю сайта дополнительную информацию об изображении при наведении на него курсора.
После заполнения атрибута html-код будет выглядеть таким образом:
При правильной подготовке указанного атрибута можно добиться улучшения поведенческих факторов.
Особенности составления Title для изображений
В этом случае основные правила таковы:
- соответствие текста атрибута имеющемуся изображению, ничего лишнего быть не должно;
- лучшая подсказка к картинке − короткая и по сути;
- употребление ключа.
Примеры правильного составления атрибутов Alt и Title для картинок
Теория − это хорошо, но всё же лучше всего можно продемонстрировать специфику составления атрибутов для изображений на практике. В качестве примера используем рисунок с интернет-ресурса компании, которая занимается строительством деревянных домов.
В процессе составления Alt необходимо акцентировать внимание на вашем предложении, то есть использовать не слова «дом» и «строительство», а словосочетание «строительство дома из бревна».
При подготовке второго атрибута − Title − формулировку можно немного трансформировать и представить её в таком виде: «строительство бревенчатого дома».
Основные проблемы при составлении атрибутов Alt и Title
Чаще всего трудности возникают в таких ситуациях:
- Наличие нескольких фото одной и той же товарной позиции. Во многих интернет-магазинах для удобства покупателей используются несколько изображений одного и того же товара, но с разных ракурсов. Как поступить в этом случае? Правильное решение − составление одинакового текста для указанных атрибутов.
- Представление одной и той же продукции разного цвета. В такой ситуации при описании Alt и Title мы рекомендуем добавлять в текст название того или иного цвета («женское зелёное платье», «женское красное платье»).
- Широкий ассортимент товаров. Количество позиций в больших онлайн-магазинах может исчисляться тысячами. Составить для каждой позиции Alt и Title весьма проблематично: на это уходит очень много времени. В таком случае стоит воспользоваться инструментами автоматизированной подготовки атрибутов, а потом просто добавить информацию о цвете или артикуле.
Вы хотите, чтобы составлением атрибутов Alt и Title для картинок занялись профессионалы? Специалисты нашей веб-студии всегда готовы помочь в этом.


Поделиться статьей:
Акция: Закажи любой сайт до окончания акции и получи скидку + подбор семантического ядра + поисковую оптимизацию сайта Это позволит Вам получать еще больше трафика и соответственно клиентов из Интернета!
До конца акции осталось
0
5
4
3
2
1
0
0
9
8
7
6
5
4
3
2
1
0
0
5
4
3
2
1
0
0
9
8
7
6
5
4
3
2
1
0
0
9
8
7
6
5
4
3
2
1
0
0
9
8
7
6
5
4
3
2
1
0
|
Узнайте подробности акции у менеджеров компании по телефонам: 8-924-200-7194 г.Хабаровск 8-800-550-9899 Бесплатно по России (с 2:30 до 11:30 по Мск) |
Новые статьи и публикации
- 2021-03-03 » Оптимизация канала на YouTube
- 2021-02-24 » Как попасть в Clubhouse и что там делать: гид по новой соцсети
- 2021-02-24 » ТОП-10 онлайн-консультантов для сайта
- 2021-02-16 » UX-копирайтинг: как небольшие тексты существенно повышают продажи
- 2021-02-08 » Яндекс.Кью: особенности сервиса и его польза для бизнеса
- 2021-02-01 » Покупательское поведение пользователей: как оно изменилось за последнее время?
- 2021-01-22 » PHP и регулярные выражения: азы для новичков
- 2021-01-22 » Факторы ранжирования-2021
- 2021-01-19 » Вопросы юзабилити: на что обратить внимание в 2021 году?
- 2021-01-12 » Алгоритм YATI: новая разработка Яндекса
- 2020-12-29 » DdoS-атаки: суть и способы защиты от них
- 2020-12-21 » Оплата за конверсии в Яндекс.Директе: в чём выгода и как проходит подключение?
- 2020-12-14 » Предновогодняя суета: как привлечь клиентов и активизировать продажи?
- 2020-12-03 » Ведение блога: на своём сайте или на специальной платформе?
- 2020-11-30 » Виджеты для веб-сайтов: влияние кнопок на продажи
- 2020-11-30 » CRM: что это и как помогает бизнесу?
- 2020-11-13 » Тепловые карты сайта: особенности и возможности для продвижения
- 2020-11-11 » Яндекс.Клиенты: всё о новых возможностях георекламы
- 2020-10-27 » Описания товаров для интернет-магазинов: секреты успешных продаж
- 2020-10-27 » Увеличиваем мобильный трафик: 10 способов привлечь новых клиентов
- 2020-10-14 » Определение CMS сайта: как это сделать?
- 2020-10-13 » Сайты-агрегаторы: сотрудничать или бороться за ТОП?
- 2020-10-05 » Интернет-магазин в Instagram: как его открыть?
- 2020-09-28 » Интернет-тролли: как с ними бороться и не подмочить репутацию?
- 2020-09-17 » Bing: обновление для веб-мастеров
- 2020-09-15 » Подключение платформы Яндекс.Диалоги на веб-сайт
- 2020-09-07 » Яндекс.Вордстат: как это работает?
- 2020-08-27 » Настройка аудиорекламы в социальных сетях: как её выполнить?
- 2020-08-21 » Текст для карточки товара: как сделать идеальное описание?
- 2020-08-17 » Сайты-визитки: какими они должны быть?
Предоставляем полный комплекс услуг по созданию, обслуживанию и продвижению сайтов по всей России и ближнему зарубежью с 2006 года!
Как мы работаем
Заявка
Позвоните или оставьте заявку на сайте.
Консультация
Обсуждаем что именно Вам нужно и помогаем определить как это лучше сделать!
Договор
Заключаем договор на оказание услуг, в котором прописаны условия и обязанности обеих сторон.
Выполнение работ
Непосредственно оказание требующихся услуг и работ по вашему заданию.
Поддержка
Сдача выполненых работ, последующие корректировки и поддержка при необходимости.
Хотелось бы ещё отметить, что теги Title и Alt, можно смело использовать для продвижения. Для этого следует только ввести в состав атрибутов необходимые ключевые фразы. И не стоит забывать, что боты поисковиков даже в этих тегах не приветствуют спам.