Alt text (альтернативний текст)

Alt text (альтернативний текст) — це опис зображення, що додається до HTML-коду веб-сторінки, щоб передати інформацію про графіку користувачам, які з різних причин не можуть побачити зображення. Альтернативний текст відображається, коли зображення не завантажується коректно, або використовується програмами зчитування з екрана, що підтримують людей з вадами зору. Він також важливий для SEO, оскільки допомагає пошуковим системам зрозуміти, що зображено на картинці.

Як це працює?

Відсутність завантаження зображення: коли зображення не може завантажитись, браузер відображатиме альтернативний текст замість зображення.
Програми зчитування з екрана: програми зчитування з екрана зачитують альтернативний текст користувачам з вадами зору, дозволяючи їм повніше розуміти контент на сторінці.
SEO (Search Engine Optimization): alt text допомагає пошуковим системам краще розуміти, про що сторінка та які зображення вона містить, що може впливати на позиціонування сторінки в результатах пошуку.

Чому це важливо?

User Experience (UX): надаючи інформацію про зображення, навіть якщо воно не відображається, alt text покращує загальний досвід користувача, допомагаючи йому розуміти контекст та зміст контенту на сторінці.
Відповідність нормам: у багатьох країнах, згідно з нормами щодо доступності (наприклад, WCAG — Web Content Accessibility Guidelines), додавання альтернативного тексту є законодавчою вимогою для забезпечення доступності веб-сторінок для людей з інвалідністю.

Практичний приклад

Припустимо, що на веб-сторінці магазину одягу розміщено фото зимової куртки. Щоб забезпечити доступність фото для всіх користувачів, у полі альтернативного тексту (alt text) було вписано: «Чорна пухова зимова куртка з капюшоном, що застібається на блискавку, доступна в розмірах S, M, L та XL». Завдяки цьому люди, що користуються програмами зчитування з екрана, можуть зрозуміти, що зображено на картинці, а пошукові системи краще індексують цю сторінку, що покращує видимість у результатах пошуку.

Hire an expert

Want to grow your e-commerce engine and maximize its inherent potential? Consider onboarding an e-commerce expert who will pilot you through online sales and help reach your key metrics.

Search phrase

Looking for knowledge?
Use the search engine