Атрибуты ALT и TITLE тега IMG

Атрибут “alt” для картинок на блоге. Все знают, что атрибут alt нужен как альтернативный источник информации. Если в браузере по каким-то причинам не показываются изображения, тогда “ALT” пропишет “что изображено на фотографии”. Итак, alt прописывают внутри тега img. Общая схема выглядит так:

<img src="путь до изображения (ссылка)" alt="описание фото">
альт для img

Кстати, Google поведал нам о том, что при поиске по изображениям, его алгоритмы будут анализировать именно то, что прописано текстом в атрибуте “ALT” и в зависимости от этого ранжировать картинку в результатах поиска.

Добавить alt на WordPress

В редакторе записи после загрузки изображения необходимо прописать альтернативный текст. Порядок действий:

  1. Кликните в редакторе по загруженной картинке, чтобы появилась рамка вокруг него.
  2. В правом меню активируйте вкладку "Блок".
  3. Спуститесь до настроек изображения и пропишите альтернативный текст, который и станет атрибутом. Смотрите скриншот ниже.
атрибут для тега img

Автоматический способ добавления alt для WP

Существует также автоматический способ добавления альтернативного текста к тегам img во всех записях сайта вордпресс. Для этого нужно установить плагин Clearfy Pro от wpshop. В разделе SEO установите флажок напротив "Автоматически проставить alt". Надо упомянуть, что этот способ не всегда оправдан в виду возможности переоптимизации.

Прописать alt в редакторе Blogger (Blogspot)

Загрузите изображение в редактор Blogspot, кликните по нему мышкой, появится меню под картинкой, нажмите на шестеренку и пропишите так значение alt и title (всплывающая подсказка, возникающая при наведении на встроенное изображение блога).

прописать альтернативный текст к изображению на blogspot
дополнительные атрибуты изображения

Универсальный способ добавления ALT к картинкам

Вне зависимости от платформы, где вебмастер размещает изображения, а также без привязки к части сайта (будь то тело записи блога или размещение картинки в сайдбаре, шапке или футоре), есть один универсальный способ добавления alt к изображениям. Это прописать alt внутри кода картинки. Не забудьте, что если вы работаете в редакторе записи, то перейдите в режим HTML (редактор кода, разметки), в случае добавления виджета (элемента или гаджета) - добавляйте виджет, который поддерживает HTML код (например, HTML/Javascript в Blogger или блок HTML код на WordPress).

Код изображения в этом случае будет иметь вид:

<img src="ссылка" alt="альтернативный текст" title="текст-подсказка">

Различия атрибутов Alt и Title

“title” для тега img это не совсем тоже, что и alt. Alt показывает что именно на картинке при отключенном в браузере показе изображений, а title дает пользователю дополнительную информацию об изображении. При наведении курсора на картинку появляется надпись. Эта надпись и есть работа title. Для поисковой оптимизации рекомендовано прописывать оба атрибута, но лучше текст в них не дублировать, избегая переспама ключевых слов.

Добавить комментарий

Ваш адрес email не будет опубликован.