SEO альт текст для изображения Tilda: как заполнить

Зачем картинке alt и что он даёт сайту

Alt — атрибут тега img, короткое текстовое описание изображения. Его зачитывает экранный диктор для незрячих посетителей, браузер показывает его вместо картинки, если файл не загрузился (при слабом мобильном интернете в регионах это случается нередко), а поисковая система использует как подсказку, что изображено на фото.

С точки зрения SEO alt даёт два эффекта. Во-первых, страница точнее раскрывает тему: поисковик видит не только текст, но и смысл иллюстраций. Во-вторых, появляется дополнительный вход через поиск по картинкам. Чудес ждать не стоит: alt сам по себе не поднимет сайт в топ. Но в нишах, где клиент выбирает глазами, — мебель, ремонт, одежда, торты на заказ, недвижимость — пустые описания означают потерянные переходы.

На Tilda поле alt существует, но спрятано в настройках блока или элемента. Поэтому при сборке страницы про него забывают, а потом сайт из пятидесяти страниц оказывается без единого описания.

Где искать поле alt в стандартных блоках

В большинстве блоков с изображениями поле описания находится в контенте блока, рядом с загрузкой картинки; часто оно отнесено к SEO-настройкам. Точное название и расположение зависят от блока и версии редактора, поэтому при первом знакомстве откройте контент блока и пройдитесь по всем полям у изображения.

• Карточки, преимущества, команда: поле у каждой картинки своё, заполняется по одной.
• Галереи и слайдеры: у каждого снимка отдельное описание, для больших галерей заложите на это время.
• Обложки: фоновое изображение не является img и alt не имеет, поэтому смысл обложки должен быть в заголовке и тексте.
• Блоги и статьи: проверьте и обложку материала, и картинки внутри текста.

Zero Block и каталог магазина

В Zero Block изображение — отдельный элемент. Выделите его и найдите поле alt в панели параметров. Если фото добавлено как заливка фигуры, то есть как фон, alt задать не получится. Правило простое: всё, что несёт смысл (товар, команда, объект, результат работы), ставьте элементом-изображением; фоном оставляйте декор.

В каталоге Tilda фото добавляются в карточке товара. Посмотрите, какие поля описания доступны для фотографий в вашей версии, и заполните их. Если отдельного alt нет, поисковик, как правило, опирается на название товара, поэтому делайте названия понятными, а не вроде «Модель 2». Когда у товара несколько снимков, различайте их: «шкаф-купе в открытом виде», «шкаф-купе, вид сбоку».

SEO альт текст для изображения Tilda: пошаговая инструкция

Чтобы описания получались быстро и одинаково качественно, держитесь простого порядка действий.

• Посмотрите на картинку и ответьте: что на ней и зачем она на этой странице.
• Опишите это одной фразой, как для человека, который не видит экран.
• Если на снимке важный текст (название акции, срок, условие), перенесите его в описание.
• Добавьте ключевое слово только если оно естественно описывает фото; иначе пропустите.
• Не начинайте со слов «картинка», «фото», «изображение» — диктор и так сообщает тип элемента.
• Для чисто декоративных элементов оставьте поле пустым, не пишите «иконка» или «декор».
• Опубликуйте страницу и проверьте код: alt должен появиться в теге img.

Примеры: плохо и хорошо на узбекском рынке

Представьте мастерскую мягкой мебели в Ташкенте. Описание «диван ташкент купить недорого заказать диван» — это список запросов, а не описание. Название файла «IMG_4521» ничего не сообщает. Хороший вариант: «Угловой диван серого цвета в гостиной с деревянным журнальным столиком».

Другой пример — кондитерская с тортами на заказ. Для фото торта подойдёт «Двухъярусный торт с цветами из крема на день рождения». Если на баннере написано «Доставка по Ташкенту, оплата через Click или Payme», этот текст нужно продублировать на странице обычным текстом, а не оставлять только на картинке: условия оплаты и доставки читают и клиенты, и поисковик.

Ориентир по длине — одна фраза. Если описание получилось на три строки, часть смысла лучше вынести в текст рядом с фото.

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

Если у сайта две языковые версии на отдельных страницах, alt пишется на языке страницы. Самая частая ситуация: страницу скопировали, перевели заголовки и абзацы, а описания картинок остались русскими. Для узбекскоязычного посетителя и для поиска по картинкам на узбекском это пустое место.

Добавьте в процесс простое правило: перевод страницы считается законченным, когда переведены и alt, и названия кнопок, и подписи. Для Ташкента это особенно актуально: аудитория запросов смешанная, и обе версии должны работать самостоятельно.

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

Эти ошибки встречаются на сайтах чаще всего, и их легко исправить за один проход.

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

Как проверить и в каком порядке работать

Проверка занимает немного времени. Откройте исходный код опубликованной страницы и просмотрите теги img. Затем запустите краулер, который выгружает изображения без alt, и посмотрите раздел доступности в Lighthouse: он отдельно показывает картинки без альтернативного текста.

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

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