Атрибуты ALT и TITLE тега IMG
Содержание
Атрибут “alt” для картинок на блоге. Все знают, что атрибут alt нужен как альтернативный источник информации. Если в браузере по каким-то причинам не показываются изображения, тогда “ALT” пропишет “что изображено на фотографии”. Итак, alt прописывают внутри тега img. Общая схема выглядит так:
<img src="путь до изображения (ссылка)" alt="описание фото">
Кстати, Google поведал нам о том, что при поиске по изображениям, его алгоритмы будут анализировать именно то, что прописано текстом в атрибуте “ALT” и в зависимости от этого ранжировать картинку в результатах поиска.
Добавить alt на WordPress
В редакторе записи после загрузки изображения необходимо прописать альтернативный текст. Порядок действий:
- Кликните в редакторе по загруженной картинке, чтобы появилась рамка вокруг него.
- В правом меню активируйте вкладку "Блок".
- Спуститесь до настроек изображения и пропишите альтернативный текст, который и станет атрибутом. Смотрите скриншот ниже.
Автоматический способ добавления alt для WP
Существует также автоматический способ добавления альтернативного текста к тегам img во всех записях сайта вордпресс. Для этого нужно установить плагин Clearfy Pro от wpshop. В разделе SEO установите флажок напротив "Автоматически проставить alt". Надо упомянуть, что этот способ не всегда оправдан в виду возможности переоптимизации.
Прописать alt в редакторе Blogger (Blogspot)
Загрузите изображение в редактор Blogspot, кликните по нему мышкой, появится меню под картинкой, нажмите на шестеренку и пропишите так значение alt и title (всплывающая подсказка, возникающая при наведении на встроенное изображение блога).
Универсальный способ добавления ALT к картинкам
Вне зависимости от платформы, где вебмастер размещает изображения, а также без привязки к части сайта (будь то тело записи блога или размещение картинки в сайдбаре, шапке или футоре), есть один универсальный способ добавления alt к изображениям. Это прописать alt внутри кода картинки. Не забудьте, что если вы работаете в редакторе записи, то перейдите в режим HTML (редактор кода, разметки), в случае добавления виджета (элемента или гаджета) - добавляйте виджет, который поддерживает HTML код (например, HTML/Javascript в Blogger или блок HTML код на WordPress).
Код изображения в этом случае будет иметь вид:
<img src="ссылка" alt="альтернативный текст" title="текст-подсказка">Различия атрибутов Alt и Title
“title” для тега img это не совсем тоже, что и alt. Alt показывает что именно на картинке при отключенном в браузере показе изображений, а title дает пользователю дополнительную информацию об изображении. При наведении курсора на картинку появляется надпись. Эта надпись и есть работа title. Для поисковой оптимизации рекомендовано прописывать оба атрибута, но лучше текст в них не дублировать, избегая переспама ключевых слов.
