Как прописать Alt и Title для картинок

Alt и Title правильно

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

Alt или Атрибут описания

В Alt вносится текст, описывающий изображение в <img>. Формат: <img src=”путь к картинке”” alt=”текст-описание”>. Этот текст пользователь видит в том случае, если на экране у него по какой-то причине не загрузилось изображение. На его месте появляется текст-описание.

Так выглядит незагруженная картинка без “Альт”.

Картинка без Альт

А так – с “Альт”:

Картинка с Альт

Текст-описание в Alt ПС учитывает при индексации страницы, при этом упрощается поиск по картинками.

Упрощение поиска

Также атрибут облегчает веб-серфинг слабовидящим людям. Специальные программы распознают текст с экрана и зачитывают его вслух.

Пример – как можно описать картинку “Немецкая овчарка”

  • В качестве описания используется текст типа “Картинка 1” или “Фото 2”. Такой текст бесполезен, так как не описывает изображение, не несет пользы для посетителя сайта, не содержит ключевые слова.
  • В Alt необходимо написать “Немецкая овчарка” или “Немецкая овчарка чепрачного окраса”. Такое описание будет наиболее полным.
  • Вариант с описанием “Купить немецкую овчарку” больше подойдет для сайта-питомника. Но так как однотипных фото собак на таком сайте будет много, то данный запрос в каждой картинке лучше конкретизировать, например “Купить немецкую овчарку для племенного разведения”. 
  • Вариант “Немецкая овчарка купить, купить НО, приобрести немецкую овчарку, овчарка из питомника” и т.п. может восприниматься ПС как спам. А за него поисковики жестко наказывают.

Правила написания Alt

  • Длина тега – до 250 символов. Оптимально – до 80.
  • Количество слов – не более 5.
  • Используйте сжатую, но содержательную информацию.
  • Вписывайте “ключи”, которые желательно употреблять в именительном падеже.
  • Не спамьте – избегайте перечисления множества ключевых слов через запятую.
  • Не используйте коммерческий запрос, например, слово “купить”, если он не относится к изображению непосредственно.
  • Описание в Альт должно относиться к контенту страницы и описывать картинку наиболее точно.

Пример Alt с ключевыми словами:

Альт с ключевыми словами

Атрибут Title или Дополняем картинку заголовком

Текст, который написан в теге Title, всплывает над изображением при наведении на него курсора мыши. В Title вносится текст так же в теге <img>. 

<img src=”путь к картинке”” title=”заголовок-описание”>. 

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

Так выглядит изображение с прописанным Title при наведении курсора:

Прописанный тайтл

Требования к Title те же, что и к Alt – определенное количество символов, наиболее точное описание, отсутствие спамности, применение ключевых запросов.

Важно! Текст в Title могут видеть только пользователи за компьютерами. Поэтому если вы через этот тег хотите донести до них важную информацию – разместите ее в виде обычного текста.

Резюме

  • Alt используйте обязательно, а Title – по возможности.
  • Писать контент в атрибутах можно с заглавных или прописных букв.
  • Для русскоязычного сайта используйте кириллицу.
  • Оптимизируйте картинки в любое время – как до, так и после заполнения атрибутов.

Создавайте правильные описания к изображениям и помните: в SEO нет мелочей!

Можно ли использовать два атрибута для одной картинки одновременно?

Да. Это будет полезным для SEO и улучшит поведенческие факторы.

Можно ли использовать одинаковые Alt и Title?

Грамотные SEO-оптимизаторы используют оба варианта заполнения (одинаковые и разные атрибуты для одной картинки). И все сайты выходят в ТОП.

Можно внести описания для изображений в старую проиндексированную статью?

Да. После того, как ПС проиндексирует страницу снова, она “заберет” новые описания.

Где прописывать атрибуты?

В HTML-коде или в системе управления сайтом. В каждой системе управления предусмотрены свои поля для описания изображений.

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

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

Предыдущий пост
ПРямой эфир ТикТок

Как сделать прямой эфир в Тик Токе

Следующий пост
Белая товарка

Белая товарка — список партнерок для заработка

Похожие посты
Total
0
Share