Какие тексты использует робот для поиска изображений
- Текст атрибута alt тега img
- Текст атрибута title тега img
- Другие тексты
Атрибут alt
— это альтернативный источник информации для пользователей, у которых показ изображений в браузере отключен. Если атрибут alt
определен, то, когда показать картинку будет невозможно, на ее месте отобразится текст атрибута:
Без заданного атрибута alt
изображение будет показано как пустое:
Особенно важно описание картинок с помощью атрибута alt
для сайтов, контент которых составляют преимущественно изображения.
Задать атрибут alt
можно следующим образом:
<img border="0" alt="[альтернативный текст]" src="risunok.jpg" width="[ширина картинки]">
В атрибуте alt
следует писать не все ключевые слова сайта или страницы, а лишь те, которые действительно относятся к картинке. Это поможет роботу точнее найти картинку, а пользователю Яндекса — выбрать ее в результатах поиска и перейти на ваш сайт. Оставлять атрибут alt
пустым нежелательно.
Если вы добавляете несколько похожих изображений (например, фотографии товара из интернет-магазина), то стоит задать уникальные атрибуты alt
(вид спереди, вид сзади).
Атрибут title
предоставляет дополнительную информацию о картинке. Текст, заключенный в этом атрибуте, появляется при наведении курсора на картинку:
Задать атрибут
title
можно так:
<img border="0" alt="[альтернативный текст]" title="[текст подсказки]" src="risunok.jpg">
Если картинка является ссылкой, то title
лучше указывать в ссылке:
<a href="link.html" title="[текст подсказки]"><img border="0" alt="[альтернативный текст]" src="risunok.jpg"></a>
Для каждой картинки стоит указать уникальный title
. Оставлять атрибут title
пустым нежелательно.
Кроме значений атрибутов alt
и title
при поиске по картинкам используются следующие тексты:
тексты ссылок на картинки с других страниц и с других сайтов;
прилегающий к картинке текст — расположенный на странице в непосредственной близости к картинке;
тексты и заголовки коротких документов, обрамляющих одиночную картинку;
имена файлов и скриптов картинок, в том числе с учетом транслитерации и упрощенного подстрочного перевода.
Однако атрибуты alt
и title
являются наиболее универсальными, поэтому их стоит прописывать всегда.
alt атрибут HTML теґа img
- Головна
- html
- теґи
- <img>
- alt
Атрибут alt
вказує альтернативний текст для зображення, якщо зображення не може бути відображено.
HTML атрибут alt
обов’язково повинен бути вказаний.
Атрибут alt додає альтернативну інформацію до зображення, якщо користувач з якихось причин не може його побачити (через повільне з’єднання, помилка в атрибуті src чи показ зображень вимкнено).
Також атрибут alt
допомагає пошуковим системам визначити вміст зображення.
Порада: | Щоб створити підказку для зображення, використовуйте атрибут title! |
Запропонувати свою пораду чи нотатку
ПорадаНотатка
Синтакс
<img alt="text">
Атрибут alt може отримувати єдине значення :
text
Визначає альтернативний текст для зображення.
- Текст повинен описати зображення, якщо зображення містить інформацію.
- Текст повинен пояснити, куди направляє посилання, якщо зображення знаходиться всередині елемента
<a>
. - Використовуйте alt = «», якщо зображення тільки для прикраси.
Переглядачі
- Стаціонарні переглядачі
- Мобільні переглядачі
Переглядач | ||||||
---|---|---|---|---|---|---|
1+ |
1+ |
1+ |
1+ | 1+ |
12+ |
Переглядач | ||||
---|---|---|---|---|
1+ |
1+ |
1+ |
1+ |
Приклади
- Приклад 1
Приклад використання HTML атрибута alt
теґа <img>