Нехай ШІ пише ваш альтернативний текст.

Вивчення DXPR BuilderСтворення сторінокНаписання й дизайн із ШІ

Альтернативний текст описує фото для екранних читачів і пошукових систем. Коли ви завантажуєте фото через елемент Image, ШІ може написати його за вас: один натиск, поки фото ще у формі завантаження. DXPR Builder потім копіює текст в Alt attribute зображення. Відео завантажує фото кампуса й дозволяє ШІ його описати.

Перш ніж почати

  • ШІ ввімкнено, як описано в Увімкніть ШІ в DXPR Builder.
  • Модуль AI Image Alt Text увімкнено. DXPR CMS вмикає його за вас.
  • Ваша роль має дозвіл Generate AI Alt Tags. DXPR CMS надає його редакторам вмісту, адміністраторам вмісту та збирачам сайтів.

Налаштування

  1. Додайте елемент Image на сторінку. Відкриється його діалогове вікно налаштувань.
  2. Натисніть Select Image.
  3. У розділі Add file натисніть Choose File і виберіть своє фото.
  4. Натисніть Generate with AI під полем Alternative text.
  5. Натисніть Save, щоб додати фото до медіабібліотеки.
  6. Натисніть Insert selected.
  7. Відкрийте SEO: Alt attribute тримає опис ШІ.
  8. Натисніть Save у діалоговому вікні.

Для зображення, яке вже є на сторінці, відкрийте його налаштування через More > Settings і почніть із кроку 2. Якщо ваш сайт питає «Transfer image and meta data to chosen AI service?», прийміть: фото надсилається службі ШІ для опису.

Що ви бачите

Поки ШІ дивиться на фото, під полем показується «Generating alt text...». Потім Alternative text заповнюється описом з одного речення. Він зберігається з фото в медіабібліотеці, тож кожна сторінка, яка використовує фото, його отримує. В елементі Image Alt attribute в SEO показує той самий текст; змініть його там лише для цієї сторінки.

Панель SEO елемента Image, чий Alt attribute каже Five laptops and a teapot on a table, поруч із тим фото стола

Звідки береться альтернативний текст

Джерело Що потрапляє в Alt attribute
Фото, взяте з медіабібліотеки Альтернативний текст фото з бібліотеки, якщо воно його має
Зображення, створене або відредаговане ШІ Ваш опис або інструкція; скоротіть його до простого опису
Введене вручну Усе, що ви вводите в SEO > Alt attribute

Елемент Image carousel має ті самі поля SEO. Його Alt attribute описує тему всієї каруселі.

Коли Alt attribute порожній, зображення взагалі не має альтернативного тексту, і екранні читачі можуть прочитати ім’я файла. Для суто декоративного зображення натомість використайте фонове зображення розділу або колонки: фони не потребують альтернативного тексту.

Налаштування

Налаштування AI Image Alt Text знаходяться в Configuration > AI > AI Image Alt Text settings (/admin/config/ai/ai_image_alt_text).

Налаштування Що робить Типово
Alt text generation prompt Інструкція, якої дотримується ШІ Промпт із правилами гарного альтернативного тексту
Image style Зменшує фото перед надсиланням, що коштує менше кредитів Власний стиль модуля
AI provider/model Модель, яка описує фото Use Default Image Vision Model: DXPR, коли ви спершу зберегли провайдера DXPR
Autogenerate on upload Пише альтернативний текст одразу після завантаження фото, без натискання Вимкнено
Hide button Ховає Generate with AI, коли альтернативний текст пишеться під час завантаження Вимкнено

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

  • Опишіть, що показує фото, одним-двома реченнями.
  • Включіть деталь, яка важлива на цій сторінці.
  • Не починайте з «image of» або «picture of».
  • Будьте конкретними, а не загальними.
Фото Поганий альтернативний текст Гарний альтернативний текст
Фото команди «Image» «Five team members in the office lobby»
Open Day «Event» «Students touring the new library on Open Day»
Діаграма «Graph» «Bar chart showing 40% more applications in 2026»

Якщо ви не бачите альтернативного тексту

  • Під Alternative text немає кнопки Generate with AI. Фото ще не завантажено, вашій ролі бракує Generate AI Alt Tags, або жодна модель ШІ не може читати зображення. Спершу завантажте фото, перевірте дозвіл за шляхом /admin/people/permissions і збережіть форму провайдера DXPR, як описано в Увімкніть ШІ в DXPR Builder.
  • З’являється «We could not create an Alt Text, please try again later.» Служба ШІ не відповіла. Зачекайте мить і знову натисніть Generate with AI.
  • Alt attribute лишається порожнім після Insert selected. Фото було вставлено до того, як із ним зберегли альтернативний текст. Введіть текст у SEO > Alt attribute або вилучіть фото й знову виберіть його з бібліотеки.

Що далі?