Альтернативний текст: корисний для доступності, корисний для SEO
Автор The AsasWeb team 1 хв читання
Хороший альтернативний текст описує, що зображення означає у своєму контексті, приблизно одним природним реченням, щоб користувач зчитувача екрана отримав ту саму інформацію, що й зрячий відвідувач. Суто декоративні зображення мають нести порожній alt, щоб допоміжні технології їх пропускали. Не напихайте ключові слова і не починайте зі слів на кшталт зображення чогось, адже зчитувачі екрана і так оголошують зображення. Ті самі слова, що включають незрячих відвідувачів, допомагають вашим зображенням ранжуватися в пошуку.
Альтернативний текст це короткий письмовий опис зображення. Користувачі читачів екрана чують його замість картинки, а пошукові системи читають його, щоб зрозуміти, що зображено. Одна маленька звичка служить обом аудиторіям, проте більшість сайтів роблять це неправильно.
Описуйте призначення, а не пікселі
Хороший альтернативний текст передає те, що зображення означає в контексті, а не дослівний піксельний звіт. Для фото продукту в дії опишіть продукт і те, що відбувається, а не «зображення» чи назву файлу. Запитайте себе: якби картинка зникла, які слова виконали б тут її роботу?
Декоративні зображення отримують порожній альтернативний текст
Не кожне зображення потребує опису. Суто декоративна графіка, що не додає інформації, має мати порожній альтернативний текст, щоб читач екрана пропускав її, а не читав шум. Знати, коли не казати нічого, це частина того, щоб робити це добре.
Тримайте його стислим і природним
Зазвичай достатньо одного речення. Не напихайте ключові слова й не починайте з «зображення», адже допоміжна технологія вже оголошує, що це зображення. Пишіть так, як описали б картинку комусь по телефону.
Це допомагає вас знайти
Добре написаний альтернативний текст це тиха перемога для SEO. Він допомагає вашим зображенням з’являтися в пошуку зображень і дає пошуковим системам більше контексту про сторінку. Ті самі слова, що включають незрячого відвідувача, також допомагають пошуковій системі, а це повторювана тема в нашій роботі.
Кожне зображення на цьому сайті, зокрема знімки екрана в нашому портфоліо, має змістовний альтернативний текст. Якщо ваш сайт повний неописаних зображень, розпочніть проєкт, і ми це виправимо.