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

8 июня 2009 года, Размещено в категории: HTML / CSS

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

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

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

идеальный алт

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

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

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

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

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

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

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

Мой блог находят по следующим фразам
как правильно расположить ресунок на рекламе
в рассрочку авто бишкек
спутниковаякарта найти местоположение
фотогалерея для сайта html
код фотогалереи для сайта
html-тег title что это






16 комментариев

  • 8 лет назад Ответить

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

  • 8 лет назад Ответить

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

  • 8 лет назад Ответить

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

    • 8 лет назад Ответить

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

  • 8 лет назад Ответить

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

  • 8 лет назад Ответить

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

  • 8 лет назад Ответить

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

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

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

  • 7 лет назад Ответить

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

    • 7 лет назад Ответить

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

  • 7 лет назад Ответить

    Подскажите пожалуйста, если к примеру у меня 10 картинок на странице, например с изображениями природы, можно ли прописать к ним 10 alt и 10 title с ключевиком «природа» по такому принципу: 1 картинка: alt=»природа a01″ title=»природа t01″, 2 картинка: alt=»природа a02″ title=»природа t02″ и так далее. Будет ли это считаться разными описаниями для поисковика? И второй небольшой вопросик: в теги альт и тайтл к картинкам ключевики прописывать через запятую? Заранее спасибо

  • 7 лет назад Ответить

    С тегми alt и title для картинок все ясно — они однозначно нужны. Проверено! Но вот до сих пор не могу понять нужен ли title для ссылок? Кто что говорит. Я его частенько использую, но так и не понял есть ли от него толк. Кстати, на продвижение в поисковиках влияет еще и транслитерация в самой ссылке, а у Вас на блоге ссылки так и остались стандартными. Нехорошо. Советую подправить. Помогает. Только нужно сперва поставить плагин для редиректа, чтобы все текущая индексация медным тазом не накрылась, и не выпасть из индекса поисковиков. Да, и до кучи, очень хороший результат дает указание тегов к статье + обязательно облако тегов. Не сразу, но через 2-3 месяца посещаемость возрастет на 20-30% за счет этого.

    • 7 лет назад Ответить

      Валерий:
      Title для ссылок не влияет на вес ссылки, он применяется для информирования пользователей, не больше.
      На счет транслита, я поздно уже вспомнил о нем когда уже было за 100 стр. на блоге, а делать редирект для всех стр. было впадло 🙂
      А что за плагин для редиректа WP есть, можно ссылку??

  • 7 лет назад Ответить

    Как я понял из всего выше сказанного, хуже от title не будет,не для ссылки, не для img. Спасибо.

  • 7 лет назад Ответить

    Путешественник, PR вроде как не влияет на выдачу, как и ТИЦ.
    Хотя… Если показатели ТИЦ и PR наращены «белим методом, то вполне возможен рывок в результате выдачи. Если наращивать «черными методами», то ТИЦ уменьшится однозначно, плюс возможность попасть под -30 (фильтр) резко увеличится!

  • 6 лет назад Ответить

    Спасибо за статью! Я как раз искал подобную, не мог понять важность этих тегов. Теперь понимаю что они обязательны для привлечения посетителей.

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

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

Перед отправкой формы: