Атрибут title

Атрибут title в HTML

Атрибут title создаёт всплывающую подсказку при наведении курсора мышки на элемент. Внешний вид подсказки изменить нельзя.

<mark title="всплывающая подсказка">содержимое</mark>
Значением атрибута может быть только текст. Но возможен его перенос на другую строку: навести на меня
<mark title="строка 1
строка 2
строка 3">содержимое</mark>
Для того, чтобы внутри title сделать кавычки, их следует заменить на специальные символы.
<a href="#" title="&quot;какой-то текст&quot;">специальные символы</a>

Атрибут title не индексируется (не будет найдена страница, на которой он располагается) и не передаёт динамический вес (не будет найдена страница-акцептор): Яндекс, Google. Иначе говоря, для SEO абсолютно бесполезен. Но он удобен для пояснения второстепенных деталей посетителям, например, как это сделано на shpargalkablog.ru в верхнем меню.

title в изображениях | SEO

Атрибут title в картинках не индексируется, но в Гугл передаёт анкорный вес странице-акцептору. В Google атрибут alt индексируется и передаёт анкорный вес: будет ли передан вес по alt title в ссылке: Яндекс, Google
title в картинке: Яндекс, Google
alt в картинке: Яндекс, Google

Вывод:

  1. меню из ссылок-картинок или логотип веб-проекта сможет "прочитать" и оценить только Google,
  2. только Гугл будет учитывать атрибут alt у изображения внутри тега h в структуре заголовков страницы сайта (подробнее).

По результатам эксперимента Devaka от 2011 года (нужна перепроверка) [devaka.ru] title в теге img индексируют только Яндекс.Изображения. Сервис учитывает 275-280 символов текста, который берётся в равных частях из alt и из title. Для Картинок.Google нужен только alt.

Также следует обязательно ознакомиться с support.google.com и help.yandex.ru.

Rookee — инструменты для привлечения клиентов на сайт
в f t
наверх ↑

11 комментариев:

Rusylev
"При неосторожном его использовании можно угодить и под фильтр Яндекса за переоптимизацию."
Почему вы так решили?
NMitra
См. переписка Дмитрия с Платонами: http://ktonanovenkogo.ru/seo/filtr-za-pereoptimizaciyu-yandeks-gugl.html
У Елены Камской много кейсов выхода из под фильтров и один из факторов - чистка alt и title - http://optimizatorsha.ru/yandex/sankcii-za-perespam/
Rusylev
http://help.yandex.ru/webmaster/recommendations/using-graphics.xml

Прочитал статью ktonanovenkogo - он сам видно грешил, раз использовал одинаковые названия. Но если названия, хотя бы немного уникальны друг от друга, то ничего не произойдет, по крайней мере у меня никогда проблем не возникало с этим.

Камскую не читал, т.к. в большинстве случаев пишет ерунду и раздувает сео-мифы.
NMitra
У меня проблем тоже не было.

Но думаю, что теоретически такое возможно. Робот читает HTML-код. И ему, собственно говоря, всё равно что там текст или alt изображения. По заявлению Google они alt даже ниже чем текст рассматривают, но это и не особо важно. Количество ключевиков увеличивает релевантность текста, особенно, когда поведенческие на высоте. Google индексирует только alt. И ему действительно по барабану. По выводам Деваки в Яндекс попадает где-то 140 символов alt и 140 символов title, если применяются оба. Это практически полностью дублирующийся текст. За что там фильтр за переоптимизацию накладывают? - Когда количество ключевиков превышает некую цифру. И в данном случае это возможно. Особенно когда изображений довольно много. А прибавьте к этому ещё и подпись под картинкой вида: Рис.1. Трам-барам-барам.
Rusylev
Насчет такой возможности соглашусь, если делать это бездумно.

"По выводам Деваки в Яндекс попадает где-то 140 символов alt и 140 символов title, если применяются оба. Это практически полностью дублирующийся текст."

На самом деле alt и title должны отличаться, title - это более развернутое описание изображения:

img alt="Пушистые котята" title="Рыжие коты, автор: Василий, который любит фотографировать" src="/images/cats.jpg"

Взято отсюда: http://platon.ya.ru/replies.xml?item_no=2540
NMitra
Да, такое описание приветствуется. Здесь title и alt можно легко объединить в только alt. Текст не будет отталкивать.

Предполагаю, что когда alt и title полностью одинаков, в расчёт берётся только один из них. Причина: многие CMS автоматом генерируют одинаковое содержимое этих тегов.

А всё, что остаётся, идёт в карму минусом

img alt="Пушистые котята идут купаться" title="Как купаются мохнатые котятки" src="/images/cats.jpg"

Моя мысль основана на примере спамной конструкции в Гугле:

<img src="schenok.jpg" alt="щенок собачка щеночек щенята маленькие щенки собака ретривер лабрадор волкодав сеттер пойнтер щенок джек-рассел терьер
щенки собачий корм дешевый собачий корм корм для щенков"/>

Хотя и тут должен быть комплекс факторов, чтобы на сайт наложили ссанкции.

Итого, чтобы угодить под фильтр нужно сильно постараться. Но зачем провоцировать ситуацию, когда можно всю информацию прописать в alt? Искл. когда человеку нужно это описание, например, на сайте с рецептами блок с последними статьями состоит из картинок 100*100, а title - это названия статей.
NMitra
Ещё пару доказательств, что можно безбоязненно alt и title делать одинаковыми:
1) пример тут http://help.yandex.ru/images/robot-search.xml
2) нигде не сказано, что они обязательно должны отличаться, поскольку они выполняют разные функции. Мы можем делать одинаковый текст и во всплывающей подсказке, и при отсутствии загрузки изображения.

Лично мне позиция Гугла в этом вопросе больше по душе. Лучше использовать alt вместо анкора, чем создавать "альтернативное текстовое меню", которое по сути никогда не будет видимо, то есть это лишний html-код, это лишние ссылки, которые тянут статический вес.

Во многих блогах атрибут title у изображений - это заголовок статьи, на которую можно перейти по клику по картинке. Этот заголовок, как правило, не имеет никакого отношения к изображению. Например, http://ktonanovenkogo.ru/image/knnvnkg_ref-konkurs.jpg не об "Конкурс рефоводов от WebArtex.ru – призовой фонд $1 500". Ааааа..., теперь понятно, почему Яшка рекомендует title прописывать не картинке, а ссылке. Не для того, чтобы её использовать в качестве анкора, а затем, чтобы совсем его не учитывать!
NMitra
Тихо сам с собою я веду беседу )))
Хорошо хоть к любопытным выводам прихожу..
RusyLev
"2) нигде не сказано, что они обязательно должны отличаться, поскольку они выполняют разные функции. Мы можем делать одинаковый текст и во всплывающей подсказке, и при отсутствии загрузки изображения."

Полностью согласен. Просто раз Яндекс "тонко" показывает, для чего предназначен title, то этим иногда не стоит пренебрегать =))

"Лично мне позиция Гугла в этом вопросе больше по душе. Лучше использовать alt вместо анкора, чем создавать "альтернативное текстовое меню", которое по сути никогда не будет видимо, то есть это лишний html-код, это лишние ссылки, которые тянут статический вес."

Поддерживаю.

"Ааааа..., теперь понятно, почему Яшка рекомендует title прописывать не картинке, а ссылке. Не для того, чтобы её использовать в качестве анкора, а затем, чтобы совсем его не учитывать! "

да не, я думаю тут подвоха не стоит искать, раз он так советует =))))

Анонимный
Есть ли способ что бы всплывающий текст показывался сразу, а не с некоторой задержкой?
NMitra
Нет, её контролирует браузер. Можно сделать свою подсказку http://shpargalkablog.ru/2011/02/vsplyvayushchiye-podskazki.html