Навчання
Alt-текст зображень: доступність і SEO без помилок
Практичний гайд про alt-текст зображень: для чого він, як його писати, коли зображення декоративне і як він живить доступність та пошук зображень.
Запусти свіжий аудит DomainLens і використовуй звіт як список пріоритетів.
Для чого потрібен alt-текст
Атрибут alt — це короткий текстовий опис зображення. Його головна робота — доступність: скрінрідер зачитує його вголос, щоб незряча людина чи людина зі слабким зором знала, що на зображенні. Він також показується, коли зображення не завантажилось, і дає пошуковикам контекст, який вони не отримають з пікселів — так він і працює як SEO-сигнал.
Тож alt-текст служить спершу реальним людям, а вже потім краулерам. Хороша новина: писати його для людини, що не бачить зображення, майже завжди дає саме те, що хочуть і пошуковики — чіткий, чесний опис того, що там є.
Як писати хороший alt-текст
- Опиши, що показує зображення і чому воно на сторінці, природним реченням чи фразою.
- Тримай його стислим — приблизно коротке речення; скрінрідер зачитує все повністю.
- Включай релевантне ключове слово, лише якщо воно справді описує зображення; ніколи не напихай.
- Для зображень, що є ще й посиланнями, опиши, куди веде посилання, бо alt стає доступним іменем посилання.
- Не починай з «зображення» чи «фото» — скрінрідер уже оголошує, що це зображення.
Декоративні проти змістовних зображень
Не кожне зображення потребує опису. Змістовне зображення (фото товару, графік, інфографіка) потребує alt-тексту, що передає його інформацію. Суто декоративне зображення (фоновий елемент, роздільник, іконка поряд із текстом, що вже каже те саме) має мати порожній атрибут alt: alt="".
Порожній alt — це навмисно, а не помилка: він каже скрінрідерам пропустити зображення, а не оголошувати назву файлу чи читати надлишковий текст. Повністю прибрати атрибут гірше, бо деякі скрінрідери тоді зачитують назву файлу вголос.
Alt-текст і пошук зображень
Google Images — це реальне джерело трафіку, і alt-текст один із головних сигналів, які він використовує для розуміння зображення, поряд із назвою файлу, довколишнім текстом і structured data. Описовий alt-текст і розумні назви файлів (running-shoes-blue.jpg, а не IMG_4821.jpg) роблять твої зображення придатними до ранжування за релевантними запитами.
Але це не важіль ключів. Ранжуються зображення, які справді релевантні, добре описані й на швидкій, crawlable сторінці — ті самі основи, що й у решті SEO.
Типові помилки alt-тексту
- Відсутні атрибути alt на змістовних зображеннях, тож скрінрідери й пошуковики не отримують нічого.
- Напханий ключами alt-текст, що читається як спам і шкодить досвіду доступності.
- Використання назви файлу (IMG_4821.jpg) як фактичного опису через повну відсутність alt.
- Писати alt-текст для декоративних зображень замість alt="", щоб їх пропустити.
- Описувати зображення-посилання за виглядом, а не за призначенням.
Як DomainLens перевіряє alt-текст
DomainLens сканує rendered зображення на сторінці й повідомляє ті, у яких немає атрибута alt, тож ти з першого погляду бачиш, які змістовні зображення невидимі для скрінрідерів і пошуковиків.
Використовуй висновок як привід переглянути, а не автозаповнити: додай описи до зображень, що несуть зміст, познач декоративні як alt="" — і ти покращиш і доступність, і image SEO за один прохід.