Атрибут title для картинки

Атрибут title для картинки

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

Во-первых, title универсален и может прописываться не только изображениям, но и практически любому элементу на веб-странице. Если содержимое alt вы в обычных условия увидеть не сможете (только при выключенных картинках), то title — запросто.

Появляется title в виде небольшого белого блока, в который и помещается текст атрибута. Происходит это плавно. Основная цель – подсказывать и пояснять, а не помочь продвинуть ваш сайт. Понимая это, можно научиться его правильно заполнять.

Как заполнять

Рекомендации по заполнению такие же, как и по alt. В частности, описание не должно быть слишком длинным, в нем не должно быть спама ключевыми словами и оно должно максимально точно описывать то, что изображено на картинке.

Не путайте атрибут с тегом title. Тег помещается в секции head и отвечает за заголовок страницы. С точки зрения поисковой оптимизации тег title намного важнее атрибута, который существенной роли не играет.

Самый простой способ заполнить этот атрибут для картинки – просто скопировать значение alt. Другой вариант – вообще не писать атрибут. Третий (для перфекционистов) – составить уникальные описания.

Как и в случае с альтернативным текстом, заполнять атрибут нужно в зависимости от того, какие цели преследует ваш сайт. Например, если у вас простой блог, то вам это не нужно. Например, на своем блоге у меня вставлено более 300 картинок и ни для одной не прописан title. И все отлично, трафик из поиска нормальный.

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

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

Используйте title по назначению

Что значит по назначению? Не пытаться спамить в нем ключами, а просто писать подсказку к картинке. Например, выложили фотографию горы, а в title написали: “Гора Килиманджаро”. А то не все мы знатоки географии, такое описание будет полезным.

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

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

Практика монетизации блога: от раскрутки до реальных денег

Пошаговая система по созданию, раскрутки и монетизации блога.

Научиться

Метки:

Комментарии Вконтакте:

Комментарии Facebook:

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree