Заполнение атрибутов alt и title у картинки

Заполнение атрибутов alt и title у картинки


Большинство владельцев сайтов, как организаций, так и просто личных блогов не задумываются о важности описания двух параметров для картинки, таких как alt и title.

Во-первых это дополнительный траффик с Яндекс картинок и google картинок. Хотя это не всегда имеет большой ээфект, по сравнению с основным траффиком.

Во-вторых поисковые роботы обходя страницы вашего сайта обращают на это внимание, что в последствии сказывается на ранжировании сайта - это своеобразное отношение поисковика к вашему сайту, и оно становится на один пунктик лучше.

Если у вас сайт состоит просто из html страниц, то встраиваемые в текст страницы изображения, должны иметь следующий формат:

<img src="ссылка на картинку" alt="Основное название картинки" title="Заголовок картинки" />

где alt - собственно название того что изображено на картинке, а titile - чуть более подробное описание

Например на картинке в этом посте я покажу картинкой поля для заполнения alt и title изображений для сайта на движке wordpress. В этом случае правильно будет в поле alt написать "Заполнение alt и title", а в title "Как в wordpress прописать alt и title для картинки"

Для примера, я сделал скриншот заполнения картинки из другого поста, но если посмотрите код страницы, то увидите, что я прописал эти 2 атрибута именно так, как описал выше.

Заполнение атрибутов alt и title

 

Кстати один немаловажный момент чуть не упустил.  Когда делаете скриншот или сохраняете картинку откуда-то, то не забывайте о названии самого файла картинки, желательно чтобы наименование было таким, как вы пишите в атрибуте alt. Если обратите внимание на скриншот выше, то там в поле ссылка идет полный путь до изображения и в конце именно его название переведенное на автомате самим движком сайта, но суть именно в том, что название совпадает с alt и описывает то что изображено.

Если у вас возникнут вопросы в процессе заполнения, пишите в комментариях, подскажу.

Поделитесь статьей с друзьями

Адаптивная, SEO подготовленная WordPress тема
12345 (8 голос(а), в результате: 4,50 из 5)
Загрузка...

+ Комментарии отсутствуют

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