Что такое атрибут alt у картинки

Атрибут alt — текстовое описание картинки в коде: <img src="akpp.jpg" alt="Разобранная АКПП на стенде">. Его зачитывают программы для незрячих людей, его показывает браузер, если картинка не загрузилась, и по нему поисковик понимает, что на изображении.

Зачем нужен

• Поиск по картинкам — изображения с понятным alt чаще показываются в Яндекс Картинках.
• Доступность — сайтом могут пользоваться люди с нарушениями зрения.
• Тема страницы — подписи картинок дополняют текст.

Как писать

• описывайте, что изображено: «Замена масла в вариаторе на подъёмнике»;
• коротко, одной фразой;
• без перечня ключевых слов — это переспам;
• для декоративных картинок — пустой alt="", чтобы их пропускали.

Пример

Плохо: alt="ремонт акпп ремонт акпп калининград недорого". Хорошо: alt="Мастер проверяет гидроблок АКПП".

Как проверить

Аудит SerpWatch найдёт картинки без alt; каждая картинка показывается один раз, даже если стоит на многих страницах.

Частые вопросы

Alt и title у картинки — одно и то же?

Нет. Alt описывает картинку для поиска и программ чтения, title — всплывающая подсказка при наведении.

Нужен ли alt у иконок и фонов?

Декоративным картинкам — пустой alt. Иконкам-ссылкам — короткое описание действия.