Ответ
Атрибут alt у изображения (<img>) предоставляет альтернативный текст, который отображается, если изображение не загрузилось. Он также используется скринридерами для описания изображения пользователям с нарушениями зрения.
Пример:
<img src="logo.png" alt="Логотип компании">Нюансы:
- Если изображение декоративное, используй
alt="", чтобы скринридеры его игнорировали. - Для важных изображений (например, инфографики) описание должно быть подробным.
altтакже влияет на SEO — поисковики учитывают его при индексации.
Плохой пример:
<img src="cat.jpg" alt="Изображение">Хороший пример:
<img src="cat.jpg" alt="Рыжий кот спит на подоконнике">Ответ 18+ 🔞
О, слушай, про этот ваш alt у картинок! Ну, это же пиздец как важно, а все проёбываются, как последние мартышлюшки.
Вот смотри, есть тег <img>. Картинка. Атрибут alt — это как запасной парашют, если основной не раскрылся. Картинка не загрузилась — у пользователя хоть текст будет, а не пустое место. Но главная-то фишка не в этом! Это же глаза для тех, кто не видит! Скринридеры этот текст зачитывают. Представь, сидит человек, а ему: "Изображение". И всё. Ну ёпта, спасибо, конечно, просветил. А могло бы быть: "Рыжий кот спит на подоконнике". Чувствуешь разницу? Охуенная разница!
<!-- Вот так — норм, человеку понятно -->
<img src="logo.png" alt="Логотип компании 'Рога и копыта'">А теперь про важный нюанс, который все хуярят. Если картинка чисто для красоты, фоновая какая-нибудь линия-разделитель, то ставим пустой alt. Вот так: alt="". Это как сказать скринридеру: "Э, дружок-пирожок, проходи мимо, тут ничего интересного, чисто для глаз". А то он начнёт зачитывать "декоративная полоска синего цвета" и только людей ебать мозг.
<!-- Декорашка, её не надо озвучивать -->
<img src="divider.png" alt="">А если картинка — это, блядь, целая инфографика про миграцию уток, то опиши её подробно, в рот меня чих-пых! Не "график", а "График, показывающий, что количество уток, летящих на юг, выросло на 15% за последние 5 лет".
И да, поисковики этот текст тоже читают. Так что если ты пишешь alt="Изображение 12345.jpg", то ты не просто ленивая жопа, ты ещё и SEO-специалист из говна и палок.
Пиздец как плохой пример (так делать не надо):
<img src="cat.jpg" alt="картинка">Ну что это, блядь, такое? "Картинка". Сам-то понял, что сказал? Пизда с ушами.
Охуенный пример (делай так):
<img src="cat.jpg" alt="Пушистый рыжий кот породы мейн-кун сладко спит, свернувшись калачиком на солнечном подоконнике.">Вот и вся наука. Не проёбывайся, пиши нормально. И всем будет хорошо: и людям, и поисковикам, и совесть твоя программистская не будет ебать тебя в сраку по ночам.