Що таке альтернативний текст і як додати альтернативний текст до зображень?

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

Існує три основні способи додавання альтернативного тексту до елемента зображення:

• На допомогу користувачам з вадами зору
• Відображається в несумісних веб -переглядачах
• Допоможіть пошуковим роботам

Для користувачів з вадами зору

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

Для несумісних браузерів

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

Додатковий текст у несумісному зображенні

Для пошукових роботів

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

Синтаксис

Атрибут Alt використовується як частина тегу тегу зображення HTML з атрибутом alt:

<img src="image URL" alt="short image description">

Додавання альтернативного тексту до зображення

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

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

Додатковий текст для зображення Weebly

На саморозміщеній платформі WordPress під час завантаження зображення є опції додавання заголовка, підпису, опису та альтернативного тексту.

Додавання альтернативного тексту в WordPress

Вказівки щодо альтернативного тексту

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

• Додатковий текст потрібен лише для того, щоб користувачі та пошукові системи зрозуміли змістовні зображення. Наприклад, зображення галочки, що використовується для маркованого списку на веб -сторінці, дійсно не потребує замісного тексту як "галочки". Так само декоративні зображення можуть мати підпис без тексту заміни.
• Надайте короткий, простий і змістовний текст для зображень. Подумайте, що робити з текстом, який потрібно ввести, якщо нетекстовий елемент не можна використовувати на цьому місці.
• Якщо зображення містять слова, добре б використати ті ж слова, що й альтернативний текст.
• Переконайтеся, що альтернативний текст відповідає основним ключовим словам усієї статті. Використання нерелевантного тексту для зображень знизить рейтинг пошуку, оскільки веб -сканери вважають, що немає відповідності між зображеннями та вмістом цієї сторінки.

1 Справжня назва зображення не впливає на SEO та досвід користувача.

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

3 У WordPress є плагіни високого класу, такі як Yoast SEO, який обчислює рейтинг SEO сторінки, враховуючи альтернативні текстові описи зображень на цій сторінці. Це допоможе скорегувати альтернативний текст та покращити рейтинг SEO.