header-logo
Узнайте как использовать Wix для создания своего сайта и бизнеса.
Создавайте и управляйте своим сайтом, используя интуитивно понятные функции Wix.
Управляйте подписками, планами и счетами.
Управляйте своим бизнесом и общайтесь с пользователями.
Узнайте, как приобрести, подключить или перенести домен на свой сайт.
Получите инструменты для развития вашего бизнеса и присутствия в интернете.
Повышайте свою видимость с помощью инструментов SEO и маркетинга.
Получайте расширенные функции, которые помогут вам работать более эффективно.
Находите решения, узнавайте об известных неполадках или свяжитесь с нами.
placeholder-preview-image
Совершенствуйте навыки с помощью наших курсов и учебных статей.
Получайте рекомендации по веб-дизайну, маркетингу и многому другому.
Узнайте, как увеличить органический трафик из поисковых систем.
Создайте собственный сайт на нашей полнофункциональной платформе.
Найдите подходящего специалиста, который поможет вам достичь целей.
placeholder-preview-image
В этой статье
  • Рекомендации по написанию alt-текста
  • Добавление alt-текста в редакторе
  • Добавление alt-текста к отдельным изображениям
  • Добавление alt-текста в галереи
  • Добавление alt-текста в Помощнике по специальным возможностям
  • Создание alt-текста с помощью ИИ
  • Пометка изображений как декоративных
  • Отображение текста на изображениях на сайте
  • Отображение изображений с текстом на сайте
  1. Главная
  2. Создание сайта
  3. Специальные возможности
  4. Специальные возможности на вашем сайте
  5. Специальные возможности: подготовка изображений и галерей

Специальные возможности: подготовка изображений и галерей

13 мин.
Посетители с нарушениями зрения могут использовать вспомогательные технологии, такие как программы экранного доступа, для просмотра вашего сайта. Добавьте описания к изображениям и галереям, используя Alt-текст, чтобы сделать их доступными для таких посетителей.
Alt-текст предоставляет информацию о медиафайлах на сайте и помогает поисковым системам и программам чтения с экрана «читать» их.
Откуда Wix берет информацию?

Рекомендации по написанию alt-текста

При написании Alt-текста для специальных возможностей мы рекомендуем учитывать следующее:
  • Выберите фокус: определите самое важное сообщение или информацию на изображении и сосредоточьте Alt-текст вокруг этой информации.
  • Будьте описательны и конкретны: Alt-текст должен четко, достаточно и точно объяснять содержание изображения посетителям. Убедитесь, что вы не используете один и тот же Alt-текст для двух или более изображений на одной странице сайта.
  • Учитывайте контекст: подумайте, как изображение соотносится с контентом страницы.
  • Будьте кратки: мы рекомендуем делать Alt-текст коротким. Включайте только релевантные детали и избегайте избыточной или повторяющейся информации (например, не нужно использовать такие фразы, как «изображение» или «фотография»).
Совет:
Добавьте ключевые слова сайта, чтобы также оптимизировать Alt-текст для SEO.

Добавление alt-текста в редакторе

Alt-текст гарантирует, что посетители, использующие программы экранного доступа, смогут получить доступ к контенту на сайте и понять его, поэтому мы рекомендуем добавлять его ко всем соответствующим изображениям при их загрузке.
Совет:
Обязательно опубликуйте сайт, чтобы Alt-текст появился онлайн.

Добавление alt-текста к отдельным изображениям

Добавьте alt-текст к изображениям в конструкторе сайтов (редактор Wix, редактор Studio и редактор Wix Harmony) в панели настроек.
  1. Перейдите в редактор.
  2. Нажмите на изображение на странице.
  3. Нажмите на иконку Настройки  .
  4. Введите описание изображения в поле Что на изображении?.
  5. Нажмите Enter на клавиатуре, чтобы сохранить изменения.
Панель настроек изображения в редакторе. Поле alt-текста заполнено, и над ним находится курсор.

Добавление alt-текста в галереи

Используйте Менеджер медиа вашего сайта, чтобы добавить Alt-текст — к изображениям галереи.
  1. Перейдите в редактор.
  2. Нажмите на галерею на странице.
  3. Нажмите Управлять медиа или Заменить изображения.
  4. Нажмите на изображение, чтобы выбрать его.
  5. Введите название изображения справа.
  6. (Для галереи Wix Pro Gallery) Отредактируйте alt-текст для изображения в поле Alt-текст —, если хотите, чтобы он отличался от названия изображения.
  7. Нажмите Готово.
Галерея Wix Pro Gallery в менеджере медиа. Поле alt-текста выделено.
Что насчет всплывающих подсказок?
Возможно, ранее вы добавляли подсказки к изображениям в редакторе Wix. Эта функция больше недоступна, и все существующие подсказки были удалены с опубликованного сайта.

Добавление alt-текста в Помощнике по специальным возможностям

При проверке сайта с помощью Помощника по специальным возможностям вам может быть предложено добавить Alt-текст к изображениям. Вы можете использовать задачу в помощнике, чтобы предоставить краткое и четкое описание для посетителей сайта.
Помощник доступен в каждом конструкторе сайтов, поэтому вы можете улучшить специальные возможности любого сайта, над которым работаете.
Совет:
Вы можете нажать Применить в процессе работы, чтобы сохранить изменения при добавлении Alt-текста.

Чтобы добавить alt-текст в Помощнике по специальным возможностям:

  1. Перейдите в редактор.
  2. Нажмите Настройки в верхней части и выберите Помощник по специальным возможностям.
  3. Нажмите Сканировать сайт в панели Помощника по специальным возможностям справа.
  4. Выберите вкладку Обнаруженные проблемы.
  5. Выберите страницу, с которой хотите работать.
  6. Нажмите Добавить alt-текст к изображениям и выберите нужный вариант:
    • (Если не у всех изображений есть alt-текст) Нажмите Начать.
    • (Если вы ранее добавили alt-текст ко всем изображениям) Нажмите Редактировать.
  7. Нажмите на иконку Редактировать рядом с нужным изображением и введите текст в поле.
  8. Нажмите Применить.
Карточка alt-текста открыта для изображения. Курсор нажат на текстовое поле, которое содержит описание.

Создание alt-текста с помощью ИИ

Много изображений? Вы можете использовать инструмент ИИ в Помощнике по специальным возможностям для создания Alt-текста. Выберите, создавать ли Alt-текст для конкретных изображений или для каждого изображения на странице.
Важно:
  • Мы не можем гарантировать, что созданный ИИ Alt-текст всегда абсолютно точен. Поэтому мы рекомендуем проверять созданный текст для каждого изображения и редактировать его по мере необходимости.
  • Изображения SVG или GIF не поддерживаются инструментом создания Alt-текста с помощью ИИ. Вам необходимо вручную написать Alt-текст для этих файлов.

Чтобы создать alt-текст с помощью ИИ:

  1. Перейдите в редактор.
  2. Нажмите Настройки в верхней части и выберите Помощник по специальным возможностям.
  3. Нажмите Сканировать сайт в панели Помощника по специальным возможностям справа.
  4. Выберите вкладку Обнаруженные проблемы.
  5. Выберите страницу, с которой хотите работать.
  6. Нажмите Добавить alt-текст к изображениям и выберите нужный вариант:
    • (Если не у всех изображений есть alt-текст) Нажмите Начать.
    • (Если вы ранее добавили alt-текст ко всем изображениям) Нажмите Редактировать.
  7. Выберите, создавать ли текст для одного изображения или массово:
    • Создать alt-текст для одного изображения:
      1. Нажмите на иконку Редактировать рядом с нужным изображением.
      2. Нажмите Создать.
    • Массово создать alt-текст для всех изображений на странице: Нажмите Создать.
  8. Проверьте созданный текст и при необходимости внесите изменения.
  9. Нажмите Применить.
Курсор наведен на кнопку «Создать» для alt-текста.
Примечания:
  • При массовом редактировании инструмент не создает Alt-текст для изображений, которые помечены как декоративные или уже содержат Alt-текст.
  • Иногда вы можете увидеть, что инструменту ИИ не удалось создать Alt-текст для изображения или нескольких изображений на странице. Вы можете нажать Повторить попытку при необходимости.

Пометка изображений как декоративных

Декоративные изображения — это изображения, которые не несут смысловой нагрузки, так как они используются только в эстетических или декоративных целях.
Если изображение на сайте является декоративным и не относится к контексту, добавлять alt-текст необязательно. Вы можете отметить изображение как «декоративное» в Помощнике по специальным возможностям, чтобы поисковые системы и программы чтения экрана автоматически его пропускали.

Чтобы пометить изображения как декоративные:

  1. Перейдите в редактор.
  2. Нажмите Настройки в верхней части и выберите Помощник по специальным возможностям.
  3. Нажмите Сканировать сайт в панели Помощника по специальным возможностям справа.
  4. Выберите вкладку Обнаруженные проблемы.
  5. Выберите страницу, с которой хотите работать.
  6. Нажмите Добавить alt-текст к изображениям и выберите нужный вариант:
    • (Если не у всех изображений есть alt-текст) Нажмите Начать.
    • (Если вы ранее добавили alt-текст ко всем изображениям) Нажмите Редактировать.
  7. Нажмите на иконку Редактировать рядом с нужным изображением.
  8. Установите флажок Это декоративное изображение, ему не нужен alt-текст.
  9. Нажмите Применить.
Скриншот, на котором показано, как в Помощнике по специальным возможностям отмечен параметр «Декоративное изображение».
Полезно знать:
Вам следует добавлять Alt-текст к любым изображениям, содержащим ссылки, и не помечать их как декоративные.

Отображение текста на изображениях на сайте

Это относится к изображениям, которые содержат запечатленный или добавленный текст.
Текст на изображениях не может быть «прочитан» поисковыми системами или программами экранного доступа. Однако, если изображение необходимо и текст имеет отношение к контексту сайта, вы можете добавить его в описание изображения.
Если текст не имеет контекста или не вносит вклад в содержание сайта, вам не нужно добавлять его в описание изображения.
Выберите вариант ниже, чтобы узнать подробнее о тексте на изображениях, который следует или не следует добавлять в описание изображения.

Отображение изображений с текстом на сайте

Изображения текста содержат только текст и никаких других графических элементов. Примерами могут служить изображения шрифтов или логотипы, состоящие только из текста.
Поскольку изображения текста не являются «настоящими» текстовыми элементами, они не могут быть прочитаны поисковыми системами или программами экранного доступа. Мы рекомендуем избегать их по возможности и заменять настоящими текстовыми элементами, чтобы улучшить SEO и специальные возможности на вашем сайте.
Следующий шаг:
Вернитесь к Контрольному списку специальных возможностей, чтобы продолжить работу над специальными возможностями сайта.

Была ли статья полезна?

|

Helpmate

Привет,

Нужны дополнительные рекомендации?
Краткое содержание этой статьи
Unlock personalized helpLog in to get the most out of Helpmate.