Альтернативний текст: Що це таке і як його писати

Вступ

У цьому посібнику ви дізнаєтеся про альтернативний текст (так званий альтернативний текст): що це таке, чому він важливий для SEO на сторінці, як його правильно використовувати та багато іншого.

Альтернативний текст часто не помічають, але він повинен бути під кожним зображенням на вашому сайті. Чим більше інформації, тим краще, а переклад візуальної інформації в текст має вирішальне значення для пошукових роботів і користувачів з пристроями для читання з екрану. Альтернативний текст - це джерело інформації, яке пов'язує ідеї та контент на вашому сайті.

Цей практичний посібник містить поради та рекомендації, які ви можете негайно використати для покращення іміджевого SEO та доступності вашого веб-сайту.

Що таке альтернативний текст?

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

Як використовується альтернативний текст?

Початкова функція альтернативного тексту полягала в описі зображення, яке не може бути завантажене. Багато років тому, коли інтернет був повільнішим, альтернативний текст допомагав користувачам зрозуміти зміст зображення, яке було занадто важким для завантаження.

Сьогодні альтернативний текст допомагає пошуковим ботам зрозуміти зміст і контекст зображення. Що ще важливіше, альтернативний текст є критично важливим для забезпечення доступності та для людей, які використовують зчитувачі з екрану:

• Для доступності: Альтернативний текст допомагає людям з обмеженими можливостями (наприклад, тим, хто користується програмами для читання з екрана) зрозуміти зміст зображення.

• Для SEO: Альтернативний текст надає додатковий контекст для пошукових систем, допомагаючи їм краще зрозуміти вміст сторінки.

Чому важливий альтернативний текст

Інтернет - це візуальний досвід, тому альтернативний текст має вирішальне значення. Він переводить зміст зображення в слова, роблячи його доступним для ширшої аудиторії, включаючи людей з обмеженими можливостями та пошукових ботів, які ще недостатньо розумні, щоб повністю зрозуміти кожне зображення, його контекст і значення.

Чому альтернативний текст важливий для SEO

Альтернативний текст є важливим елементом SEO-оптимізації на сторінці. Правильна оптимізація альтернативного тексту підвищує шанси вашого сайту на ранжування в пошуковій видачі Google за зображеннями, що може бути значним джерелом трафіку, особливо для сайтів електронної комерції, де користувачі часто починають пошук товарів з пошуку за зображеннями в Google.

Чому альтернативний текст важливий для доступності

Окрім SEO, альтернативний текст життєво важливий для доступності, роблячи Інтернет інклюзивним для всіх, включаючи людей з обмеженими можливостями, які використовують зчитувачі з екрану. Опис вмісту зображення в альтернативному тексті допомагає таким користувачам зрозуміти зображення і вміст сторінки.

Приклади альтернативного тексту

Хороші приклади альтернативного тексту

Розглянемо посібник з SEO-аудиту, що містить скріншоти з таких інструментів, як Google Search Console і Screaming Frog. Хороші приклади альтернативного тексту включають

<img src="google-search-console-coverage-report.jpg" alt="Звіт про покриття в Google Search Console, що показує кількість проіндексованих та виключених сторінок"> <img src="google-search-console.jpg" alt="Інструмент Google Search Console від Google"> <img src="screaming-frog-html-pages.jpg" alt="Список HTML-сторінок в Screaming Frog"> <img src="screaming-frog.jpg" alt="Screaming Frog в процесі сканування">

Приклади поганого та/або спам'ятного альтернативного тексту

Прикладами поганого альтернативного тексту є переповнення ключовими словами або спам:

<img src="google-search-console-coverage-report.jpg" alt="seo аудит безкоштовно, seo аудит дешево, seo аудит фахівець, seo аудит, seo аудити"> <img src="google-search-console.jpg" alt="google seo, seo google, google, seo, пошукова консоль google seo"> <img src="screaming-frog-html-pages.jpg" alt="seo аудитор, seo аудит, seo аудити"> <img src="screaming-frog.jpg" alt="seo аудит">

Поширені помилки в альтернативному тексті

• Невикористання альтернативного тексту або використання порожнього альтернативного тексту.

• Використання однакового альтернативного тексту для різних зображень.

• Використання дуже загального альтернативного тексту, який не описує зображення.

• Автоматично використовуючи назву файлу як альтернативний текст.

Поради щодо написання альтернативного тексту

• Не вставляйте ключові слова в альтернативний текст.

• Опишіть зображення детально, але відносно коротко.

• Використовуйте цільові ключові слова в описі зображення природним чином.

• Не використовуйте текст на зображеннях. Додайте весь текст в HTML-код.

• Не пишіть "це зображення". Просто опишіть зміст зображення.

• Переконайтеся, що ви можете візуалізувати вміст зображення, просто прочитавши його альтернативний текст.

Як усунути несправності з альтернативним текстом зображення

Перевірка елементів

Огляньте елемент (клацніть правою кнопкою миші і виберіть пункт "Оглянути" при наведенні на зображення), щоб перевірити, чи має дане зображення альтернативний текст.

Об'ємний аналіз

Для масового аналізу використовуйте такі інструменти, як Screaming Frog або Sitebulb, щоб сканувати сайт і переглядати альтернативний текст усіх зображень на ньому.

Альтернативний текст може здатися не пріоритетним, але він важливий

Кожне джерело інформації про ваш контент має цінність. Незалежно від того, чи це користувачі з вадами зору, чи боти, альтернативний текст допомагає контекстуалізувати зображення на вашому веб-сайті. Демонстрація прихильності до доступності також є важливою складовою сучасного цифрового маркетингу.

ПОШИРЕНІ ЗАПИТАННЯ

Для чого потрібен альтернативний текст в HTML?

Альтернативний текст надає текстовий опис зображення, якщо воно не може бути відображено, допомагаючи користувачам зрозуміти зміст зображення і допомагаючи пошуковим роботам зрозуміти тему зображення.

Чи може альтернативний текст покращити доступність веб-сайту?

Так, альтернативний текст життєво важливий для доступності веб-сайтів. Він перетворює візуальну інформацію в описовий текст, який може бути прочитаний пристроями для читання з екрану, що використовуються користувачами з порушеннями зору, що робить Інтернет більш інклюзивним.

Дотримуючись цих порад, ви зможете забезпечити доступність і оптимізацію зображень вашого веб-сайту для SEO, що покращить користувацький досвід і результати роботи пошукових систем.