Атрибуты 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.