От автора: атрибут title для картинки прописывают обычно для того, чтобы при наведении на нее появлялась подсказка. Некоторые также заполняют его для поисковой оптимизации. Давайте подробнее разберемся, как его правильно использовать.
Во-первых, title универсален и может прописываться не только изображениям, но и практически любому элементу на веб-странице. Если содержимое alt вы в обычных условия увидеть не сможете (только при выключенных картинках), то title — запросто.
Появляется title в виде небольшого белого блока, в который и помещается текст атрибута. Происходит это плавно. Основная цель – подсказывать и пояснять, а не помочь продвинуть ваш сайт. Понимая это, можно научиться его правильно заполнять.
Как заполнять
Рекомендации по заполнению такие же, как и по alt. В частности, описание не должно быть слишком длинным, в нем не должно быть спама ключевыми словами и оно должно максимально точно описывать то, что изображено на картинке.
Не путайте атрибут с тегом title. Тег помещается в секции head и отвечает за заголовок страницы. С точки зрения поисковой оптимизации тег title намного важнее атрибута, который существенной роли не играет.
Самый простой способ заполнить этот атрибут для картинки – просто скопировать значение alt. Другой вариант – вообще не писать атрибут. Третий (для перфекционистов) – составить уникальные описания.
Как и в случае с альтернативным текстом, заполнять атрибут нужно в зависимости от того, какие цели преследует ваш сайт. Например, если у вас простой блог, то вам это не нужно. Например, на своем блоге у меня вставлено более 300 картинок и ни для одной не прописан title. И все отлично, трафик из поиска нормальный.
Другое дело, если вам нужно проделать качественную работу с изображениями на коммерческом сайте. В интернет-магазине каждая картинка товара имеет значение. К тому же, можно будет получить небольшой трафик из поиска по картинкам. Хотя люди не так часто ищут картинки, все же это случается, и в таком случае преимущество имеют картинки с хотя бы одним заполненным атрибутом.
Самым оптимальным я считаю просто копирование описания из alt в title. Можно писать разное описание для них, но это потребует от вас серьезных усилий. На данный момент я не видел ни одного эксперимента или исследования, которое доказало бы, что заполнение обоих атрибутов увеличивает трафик с поиска.
Используйте title по назначению
Что значит по назначению? Не пытаться спамить в нем ключами, а просто писать подсказку к картинке. Например, выложили фотографию горы, а в title написали: “Гора Килиманджаро”. А то не все мы знатоки географии, такое описание будет полезным.
Если уже говорить о всплывающей подсказке, то атрибут title справляется с этим, но не идеально. Во-первых, внешний вид такой подсказки не оформить – он всегда один и тот же. Во-вторых, эффект появления тоже нельзя сменить.
Если ваша основная цель не оптимизация, а так называемый вау-эффект, то есть вы хотите сделать красивые описания, тогда придется использовать другие приемы верстки. В частности, такую подсказку можно сделать на css или с помощью скриптов. Но это уже другой разговор. Это уже не относится к теме этого поста, а по сегодняшней теме у меня исчерпались мысли. Остальные рекомендации смотрите в статье про заполнение альтернативного текста, которая на днях должна появится на нашем сайте.
