Як писати alt-текст, який справді допомагає
Не «опишіть зображення» — це правда, але марна порада. Ось що насправді писати в те поле.
В альтернативного тексту дві реальні аудиторії — програма зчитування з екрана, що описує сторінку людині, яка її не бачить, і пошукова система, яка теж її не бачить, — і обом потрібне те саме: просте, точне й достатньо коротке пояснення того, чим є або що робить зображення. Не ключові слова. Не «зображення». Те, чим воно справді є. (Перевіряєте цілу сторінку, а не одне зображення? Ширший список — у чек-листі внутрішньої SEO-оптимізації.)
Змістові зображення та декоративні
Що саме писати
Опишіть, що бачить зрячий відвідувач, дивлячись на зображення, — достатньо конкретно, щоб бути корисним, і достатньо коротко, щоб залишатися зручним для читання. «Фото товару» нічого не каже користувачу програми зчитування з екрана; «матовий синій керамічний кухоль, 350 мл, з бічною ручкою» каже, що саме продається. Практична межа, якою зазвичай користуються, — приблизно 125 символів. Понад це шість звичок відрізняють корисний альтернативний текст від баласту:
Пропустіть «зображення» Програма зчитування з екрана вже оголошує, що це зображення, — ці слова є чистими зайвими витратами, які повторюються на кожному з них.
Зображення, що є також посиланням, описує дію «Пошук» краще за «іконка лупи» для кнопки пошуку: користувачу програми зчитування потрібно знати, що станеться після кліку, щоб вирішити, чи клікати.
Графік описує висновок, а не форму «Стовпчикова діаграма, що показує зростання місячних продажів із 2000 € у січні до 9500 € у червні» — корисно; «діаграма з шістьма стовпчиками» — ні.
Не повторюйте підпис Якщо видимий текст поруч із зображенням уже все каже, нехай альтернативний текст додає те, чого немає в підписі, або посилається на нього — інакше програма зчитування двічі поспіль читає те саме речення.
Приберіть оцінні слова «Прекрасний» і «вражаючий» описують вашу реакцію, а не зображення — вони мають сенс лише для того, хто вже на нього дивиться.
Не впихуйте ключове слово силоміць Якщо зображення справді відповідає ключовому слову, чесний опис уже його міститиме; якщо ні — примусове додавання лише робить текст менш точним.
Не забудьте перекласти й це
Цей текст має бути в alt, слово в слово (або майже): програма зчитування з екрана не вміє читати пікселі, тож якщо «знижка 20% ці вихідні» існує лише як частина зображення, відвідувач, який його не бачить, про це так і не дізнається. Це вагомий привід усюди, де можна, залишати справжній текст справжнім текстом, а не вплавляти його в графіку.
Це один із багатьох сигналів і сам по собі доволі незначний, — але сторінка, рясна на пропущені alt-тексти, зазвичай є симптомом того, що сторінку робили поспіхом і в іншому, тож кореляція зі слабшими сторінками справжня, навіть якщо прямий вплив невеликий. Як загальна SEO-оцінка сторінки зважує його супроти решти 17 перевірок — тема окремого посібника, якщо вам потрібна повна картина.
Опишіть так, як описали б уголос людині по телефону, яка питає, що є на сторінці: достатньо конкретно, щоб вона впізнала зображення, і достатньо коротко, щоб не говорити цілий абзац. Якщо навіть так не виходить, це часто ознака того, що саме зображення не виправдовує своє місце на сторінці.
Кожне зображення, що несе зміст, — так; суто декоративні зазвичай виключаються, а не штрафуються, за умови що вони справді позначені як декоративні, а не просто випадково залишені з порожнім описом. Сторінка, на якій справді немає жодного змістовного зображення, зазвичай проходить цю перевірку за замовчуванням — провалювати нічого.
Сам альтернативний текст тримайте коротким — одне-два речення про те, що зображено загалом, — а всі подробиці виносьте у видимий текст поруч із зображенням: підпис, абзац, таблицю, що краще пасує змісту. Альтернативний текст задуманий як швидкий рівноцінний опис, а не місце, куди построково переписують цілу інфографіку.