суббота, 17 января 2015 г.

Как писать теги alt и title у картинок

Как писать теги alt и title у картинок

У картинок в HTML-коде есть теги alt и title.
Для чего они нужны и почему советуют их писать?

Тег alt дает возможность вместо отсутствующего изображения вывести его описание.
Во-первых, чтобы картинка была понятной не только смотрящему, но и тому, у кого она по каким-то причинам не загрузилась (напр., если отключен показ изображений, что часто делают при просмотре блога с мобильных устройств). На месте, где картинка должна быть, может появится надпись о ее содержании.
Во-вторых, поисковики Гугл и Яндекс (думаю, что и остальные) ищут картинки не по внешнему виду, а по их коду. И если в коде есть нужные слова, то выдают эту картинку в результатах поиска.

Тег  title - это тот текст, который появиться при наведении на картинку курсора мыши.
Для поисковиков он не так важен. Но, все равно, его советуют прописывать.

Как прописать теги alt и title у картинок:

С недавних пор эта функция появилась во встроенных возможностях Блоггера. Во время редактирования сообщения при нажатии на картинку выдается контекстное меню "Маленький-Средний-Крупный-Исходный размер-....-Добавить подпись-Свойства-Удалить".
Надо выбрать "Свойства" и заполнить поля для title ("текст заголовка") и alt ("альтернативный текст").



Второй способ - править HTML-код сообщения. Об этом я писала в посте "Код картинки и его оптимизация".

Как писать текст в alt и title:
  • Теги должны быть короткими - одно-два слова.
  • Описание должно соответствовать картинке, лучше обойтись без метафор и ничего не значащих фраз типа: "Прелесть!"
  • Слова в тегах должны быть ключевыми.
  • alt и title в одной картинке не должны быть одинаковыми.
  • В title лучше писать чуть-чуть развернутей, чем в alt.

0 коммент.:

Отправить комментарий