Применение тегов title и alt в изображениях

08.06.2009   |  

HTML / CSS   |  

Комментарии (10)

тег title и alt в изображениях

Вопрос связан с применением title и alt в изображениях.
У меня друг спросил на днях:
1. Правильно ли оставлять alt пустым, или же надо написать тоже, что и в title?
2. Как правильно?
3. Как на это реагируют поисковики?

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

<a href="адрес"><img title="идеальный титл" src="адрес" alt="идеальный алт" width="100" height="100" /></a>

А Название изображения это title – показывает юзеру  или посетителю дополнительную информацию, текст: она должна относиться к теме, должна быть краткой. В броузерах, title название всплывает, когда мы наводим  мышку на изображение.

Подходим к тегами alt и title со стороны «SEO»

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

А вот title — во всех тегах, в которых используется (в ссылках и т.п.) — это всего лишь вспомогательная информация, но достаточно важная. Вся его функция — показывать текст при наведении на элемент, что на ссылку, что на картинку.

Где-то недавно читал, что  поисковики уже давно при  поиске картинок не только анализируют alt, но и частично title, и  текст вокруг.  Новые технологии, которые скоро будут введены, будут распознавать саму картинку.
Технологии на месте нестоят :)

У поисковой системы Яндекс есть поиск по картинкам, который выводится одновременно с результатами основного поиска. Кроме того, практически в любой тематике есть запросы со словом «фото» — эти низкочастотники способны собрать хороший траф.

Пару советов от меня:
1. Оба тега прежде всего предназначены для посетителей — поэтому заполните их оба, чтобы заинтересовать посетителей.
2. Включайте в эти теги главные ключевые слова, но делайте их разными.
3. Делайте описания этих тегов соответствующими теме текста
4. Одним из пунктом в оптимизации картинок- это давать файлам понятные имена, не 00009385. jpg, а divan.jpg

Интересные статьи:

  1. Graff 28.06.2009 12:51

    Жаль что я об этом поздно узнал,походу картинки без названия в поисковиках высвечиваться не будут…

  2. Александр 18.07.2009 19:31

    Спасибо за совет, я всегда заполнял только alt с использованием ключевого слова и обязательным точным соответствием того, что изображено на картинке и что в атрибуте написано.

  3. voland 22.08.2009 21:57

    Требую продолжения банкета! Точнее проведения эксперимента :-)

  4. Webchester 22.08.2009 22:45

    Эксперимент проводит не буду. Но приведу пример: вот статья которую я продвигал по запросу разворачивающийся список. Пробился по нему на первое место. В Яндекс картинки по данному запросу появляется картинка с поста. В ней теги title и alt заточены под кейворт, я считают что, оба тега важны, как два сапога пара :)

  5. Co-worker 16.11.2009 10:56

    Читал в одной статье (там проводился эксперимент на примере нового сайта), что title не учитывается ни Я. ни G. Получается что он нужен только для удобства пользователя. Что же касается alt, то G. “учитывает этот атрибут при поиске, а также передает ссылочный вес акцептору по тексту из alt для ссылки-изображения”.

  6. Webchester 17.11.2009 20:11

    title очень нужный тег, мы в него затачивают ключевые слова :) мне мало верится что title не учитывается Я и G. Деже если не учитывается мы все равно будем его использовать, потому что это заголовок страницы.

  7. HOK 10.04.2010 11:23

    Я где то читал, уж не знаю правда ли нет ли, о том, что поисковики будут понижать в выдаче те сайты, у которых тэг img не имеет alt’а, или если alt состоит из набора ключевиков. Аргументируется это тем, что люди с недостаточным зрением просматривают сайты с помощью програм-читалок, которые читают, то, что написано в теге alt.

  8. Я проводил “эксперимент”! После того, как пораставлял везде alt трафик вырос на 30-35%, хотя в результатах поиска по картинкам Гугль показывает текст который идет до картинки (а картинки все подписывают ниже), но все равно очень доволен. Сейчас вот по расставляю тайтлы на некоторых страницах и сравню.

    Кстати, у меня блог пока с 0 PR, после апдейта ожидаю 2, может кто-то сказать насколько ПР влияет на выдачу?

  9. Юлия 20.07.2010 21:47

    спасибо за информацию! оч познавательно! только для чайников было бы еще хорошо указать как прописывается тег…

  10. Webchester 02.08.2010 21:34

    Юлия:
    Посмотрите в примере, там есть и title и alt

Оставь свое мнение:




Подпишись на обновление блога