Атрибуты Alt и Title для картинок
Привет всем. кто зашел на сайт!
В html атрибуты Alt и Title — это альтернативный текст, описывающий изображение. Благодаря его наличию можно не только получать дополнительный трафик или подняться в поиске, но и сделать использование сайта для посетителей более удобным и информативным.

Для чего нужен атрибут Alt
Для описания картинки. Именно текст этого тега будет вводиться на сайте, если у пользователя будет отключено отображение картинок. Рекомендуется прописывать максимально правильное описание, например, если изображен график населения Москвы по годам, то лучше всего так и писать.
Именно он отображается при наведении на изображение. Это позволяет пользователю получить описание просматриваемой картинки. Именно по этой причине лучше всего максимально точно прописывать альтернативный текст, но с использованием ключей.
Ранжирование. Как Google, так и Яндекс учитывают наличие атрибута alt на странице и дают бонус, если он совпадает с введенным ключевым словом. Чем больше изображений, заточенных под возможные вариации ключей, тем чаще страница будет появляться в поиске.
Ранжирование в сервисах картинок. Атрибут Alt также будет показывать, то по какому слову будет выводиться изображение в сервисах https://yandex.ru/images/ и https://www.google.ru/imghp?hl=ru. Соответственно, если выполнять правильную оптимизацию картинок, то можно привлекать большое количество посетителей с этих сервисов.
Продажа и покупка ссылок. Этот тег выступает в качестве анкора для ссылки-картинки, поэтому многие оптимизаторы предпочитают ставить именного такого рода бэклинки, так как они безопасны и хорошо повышают страницу по нужному запросу.
Атрибут Title для изображений
Также у картинки имеется атрибут title, которые может не совпадать с альтернативным тестом. Среди примеров можно выделить:
- Фото знаменитостей. Здесь, как правило, атрибуты alt и title идентичны, например, Наполеон Бонапарт в 1812 г;
- Графики и диаграммы. В подписи рекомендуется указывать обозначение цветов и расшифровки данных, когда в альте лучше всего описать смысл графика, как пример, «режимы работы компании Google».
- Особую трудность вызывают фразы не имеющие нормальной картинки, например, «какой вес у слона». В данном случае лучше всего прописать сам ключ и поставить тематическую картинку, чем и пользуются многие информационные сайты;
- В изображениях товаров рекомендуется указывать полное наименование товара, что позволит найти его не только в обычном поиске, но и по картинкам;
- В случае с услугами, также используется ключ для продвижения в поиске, а на место картинки ставиться тематическое изображение.
Если речь идет о покупке ссылок, то необходимо подбирать для изображения баннер компании, призывающий к действию или показывающий рекламу. Это позволит повысить кликабельность и, как следствие, показать поисковым системам, что сайт интересен читателям и пользователям.
Некоторые вебмастера для расширения вводов ключей и безопасного продвижения используют переводы, когда аналогичный запрос в Alt прописывается с переводом на английский.
Само по себе использование атрибута Alt в html представляет собой <img src=’images/home.png’ alt=’Альтернативный текст’>. Среди особенностей следует выделить то, что прописывается он для всех форматов изображения, например, png, jpg или gif.
Использование этого атрибута рекомендовано поисковыми системами, такими, как Google и Яндекс, а прочитать о них можно на страницах: https://support.google.com/webmasters/answer/114016?hl=ru и https://yandex.ru/support/webmaster/recommendations/using-graphics.html.