Alt-текст картинок на Tilda: где заполнять в стандартных блоках и Zero Block

Атрибут alt — текстовое описание изображения. Его читают экранные дикторы для незрячих посетителей, он показывается вместо картинки, если она не загрузилась, и он помогает поисковикам понять, что изображено. На Tilda поле для alt есть у большинства изображений, но оно спрятано в настройках, поэтому его часто пропускают.

Где заполнять alt

Стандартные блоки

У блоков с изображениями поле описания находится там, где загружается картинка: в разделе редактирования контента блока. Рядом с выбором изображения обычно есть поле для текста alt. В блоках с несколькими картинками — карточках, списках преимуществ — поле заполняется у каждой картинки отдельно.

Галереи и слайдеры

В галерее у каждого изображения своё поле описания. Заполнять приходится по одному, поэтому для больших галерей выделите на это время отдельно.

Обложки

У обложек изображение часто выводится фоном. Фоновые картинки не являются изображениями в HTML-разметке и alt не имеют. Если смысл обложки важен, он должен быть передан текстом в заголовке.

Zero Block

У элемента изображения в Zero Block есть собственное поле alt в настройках элемента. Выделите картинку и найдите его в панели параметров. Если картинка добавлена как фон фигуры, alt задать нельзя — используйте элемент изображения, когда картинка несёт смысл.

Каталог и магазин

У товаров встроенного магазина изображения добавляются в карточке товара. Проверьте, какие поля описания доступны для фото товара в вашем каталоге, и заполните их, особенно если трафик из поиска по картинкам для вас важен — например, для мебели, одежды, декора.

Как писать alt

• Описывайте, что изображено, с учётом смысла страницы
• Коротко: одно предложение или фраза
• Включайте ключевые слова, только если они естественно описывают картинку
• Не начинайте с «изображение» или «фото» — дикторы и так сообщают, что это картинка

Примеры:

• плохо: «стоматология ташкент имплантация недорого лучшая клиника»
• плохо: «IMG_4521»
• хорошо: «Врач проводит консультацию по имплантации в кабинете клиники»
• хорошо: «Угловой диван серого цвета в гостиной»

Декоративные изображения

Иконки, разделители, фоновые узоры смысла не несут. Для них alt можно оставить пустым, чтобы экранные дикторы их пропускали. Не стоит писать «иконка» или «декор».

Узбекская версия сайта

Если у сайта есть узбекская версия на отдельных страницах, alt там пишите на узбекском. Частая ошибка — скопировать страницу и забыть перевести описания картинок, тогда узбекская страница содержит русские alt.

Alt и поиск по картинкам

Для ниш, где клиенты выбирают глазами — интерьеры, ремонт, мебель, недвижимость, одежда, еда, — поиск по изображениям приводит посетителей. Помогают:

• уникальные фотографии вместо стоковых
• осмысленные alt
• текст рядом с картинкой, который описывает её
• изображения на индексируемых страницах, а не только в слайдерах

Как проверить заполненность

1. В исходном коде опубликованной страницы просмотрите все теги img и их атрибуты alt
2. Используйте краулер, который выгружает изображения без alt
3. Проверьте раздел доступности в Lighthouse — он показывает картинки без альтернативного текста

Типичные ошибки

• Одинаковый alt у всех картинок галереи
• Переспам ключевыми словами
• Текст на картинке, который не продублирован ни в alt, ни на странице
• Важная информация — цены, условия, график — только на изображении
• Alt заполнен на русском на узбекской странице

Порядок работы

Заполняйте alt сразу при сборке страницы, а не потом. Если сайт уже собран, начните с главных страниц услуг и товаров, затем перейдите к блогу. Это рутинная работа, но она улучшает доступность и даёт дополнительный источник трафика из поиска по изображениям.