TechBlogSD - Все для WordPress і WEB розробки
WEB і WordPress інструкції, новини, огляди тем та плагінів

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

3

Додатковий текст-це атрибут 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.

Джерело запису: www.webnots.com
Залиште відповідь

Цей веб -сайт використовує файли cookie, щоб покращити ваш досвід. Ми припустимо, що з цим все гаразд, але ви можете відмовитися, якщо захочете. Прийняти Читати далі