Що таке Alt Text?
Alt text (альтернативний текст) - також відомий як "alt description" або "alt attribute" - це письмовий опис зображень на HTML-сторінках. Його основна мета - покращити доступність для людей, які не бачать зображень.
Часто можна почути, що люди називають його "тег alt", але це технічно неправильно. Альтернативний текст - це атрибут, що міститься у тезі HTML.
Як реалізовано альтернативний текст
Атрибут alt починається з alt=, за яким слідує текст alt у лапках. Зазвичай це виглядає так:
<img src="image.jpg" alt="Заголовок зображення" title="Заголовок зображення"/> <img src="image.jpg" alt="Заголовок зображення" title="Заголовок зображення"/>Чому важливий альтернативний текст?
Доступність
Додавання альтернативного тексту до зображень - це насамперед покращення веб-доступності. Мільйони користувачів з вадами зору покладаються на екранні зчитувачі для споживання онлайн-контенту. Для них наявність текстового еквівалента візуально відображуваної інформації має вирішальне значення. Без альтернативного тексту зчитувачі з екрану не можуть передати зміст зображення, що шкодить користувацькому досвіду.
Переваги SEO
Альтернативний текст також відіграє важливу роль у SEO. Хоча атрибути alt невидимі для користувачів, вони можуть бути прочитані пошуковими системами і програмами для читання з екрана. Текст допомагає пошуковим системам зрозуміти зміст зображення. Це додає зображенню семантичного значення, покращуючи тематичну релевантність сторінки в очах Google і потенційно допомагаючи їй зайняти більш високі позиції в пошуковій видачі.
Крім того, альтернативний текст може підвищити ваші шанси на ранжування в Зображеннях Google, забезпечуючи додаткове джерело трафіку для вашого веб-сайту. Коли зображення використовуються як посилання, альтернативний текст слугує текстом-прив'язкою, допомагаючи Google зрозуміти вміст сторінки, на яку є посилання.
Найкращі практики для альтернативного тексту
Додавання альтернативного тексту до зображень - це простий спосіб зробити ваші сторінки більш доступними та підтримати ваші зусилля з SEO. Ось кілька найкращих практик, про які варто пам'ятати:
1. Перевірка сайту на наявність відсутніх альтернативних текстів
Почніть з перевірки відсутності альтернативних текстів. Скористайтеся онлайн-інструментом, здатним сканувати ваш сайт, щоб знайти зображення з відсутніми або порожніми альтернативними текстами. Такі інструменти, як Google Search Console і різні інструменти SEO-аудиту, можуть допомогти в цьому завданні.
Не всім зображенням потрібен альтернативний текст. Декоративні зображення можна залишити без нього, оскільки вони не несуть змістовного наповнення і мо жуть бути проігноровані програмами для читання з екрану. Зосередьтеся на найбільш відвідуваних сторінках, які приносять багато органічного трафіку.
2. Уникайте перенасичення ключовими словами
Хоча альтернативний текст може включати релевантні ключові слова для покращення SEO, дуже важливо використовувати інформативний і цінний текст, який відповідає змісту сторінки. Уникайте перенасичення ключовими словами, оскільки Google не підтримує таку практику і вважає її неетичною та неефективною.
Використовуйте ключові слова економно і тільки там, де вони природно вписуються в опис.
3. Не більше 100 символів
Альтернативний текст зазвичай складається з одного слова або короткої фрази. Оцінювач функціональної доступності рекомендує, щоб довжина альтернативних текстів не перевищувала 100 символів. Це дає вам достатньо місця для оптимізації вашого альтернативного тексту, але переконайтеся, що ви не пишете довгі описи, які можуть бути відрізані інструментами для зчитування з екрану.
Приклад
Ось приклад добре написаного альтернативного тексту для зображення золотистого ретривера, як ий грає в парку в "принеси":
<img src="golden-retriever.jpg" alt="Золотистий ретривер грає у футбол у сонячному парку" title="Золотистий ретривер"/>Дотримуючись цих найкращих практик, ви зможете зробити свій сайт доступнішим для всіх користувачів і підтримати загальну стратегію SEO.
Для отримання додаткової інформації про веб-доступність та найкращі практики SEO зверніться до авторитетних джерел, таких як Керівництво з доступності веб-контенту (WCAG) та Початковий посібник з SEO від Google.
