Текстовое описание, добавляемое к изображениям для улучшения доступности и помощи поисковым системам в понимании визуального контента.
Почему альтернативный текст важен сегодня
Хотя это может показаться незначительной деталью, альтернативный текст (alt text) — важнейший компонент современной поисковой оптимизации (SEO) и доступности веб-сайтов. С точки зрения SEO, он помогает поисковым системам понимать содержание ваших изображений, что может привести к повышению рейтинга как в результатах поиска, так и в результатах поиска изображений. Для поискового алгоритма изображение без альтернативного текста — это просто нечитаемый фрагмент данных. С альтернативным текстом изображение становится ценной частью контента страницы, подчёркивая её тему и добавляя семантическую релевантность. С точки зрения пользовательского опыта, альтернативный текст играет ключевую роль в обеспечении доступности. Он позволяет программам чтения с экрана описывать изображения для пользователей с нарушениями зрения, делая ваш сайт доступным для более широкой аудитории. Такая приверженность доступности — весомый сигнал качества для поисковых систем.
На разных платформах CMS
Процесс добавления альтернативного текста прост во всех системах управления контентом, но конкретный пользовательский интерфейс может отличаться.
WordPress
WordPress упрощает добавление альтернативного текста. При загрузке изображения в медиатеку вы увидите специальное поле «Альтернативный текст». Рекомендуется заполнять его для каждого загружаемого изображения, будь то графика для постов в блоге или фотографии продукта.
Shopify
Для электронной коммерции альтернативный текст невероятно важен для изображений товаров. В Shopify вы можете добавлять альтернативный текст к изображениям прямо из редактора страницы товара. Это помогает вашим товарам ранжироваться. Google Image Search, что может стать значительным источником трафика для интернет-магазинов.
Wix
Wix предлагает удобный интерфейс для добавления альтернативного текста. При выборе изображения появляется панель настроек, где можно ввести описание. Встроенные SEO-инструменты платформы часто предлагают напоминания или проверки, чтобы убедиться, что вы ничего не пропустили.
WebFlow
Webflow предлагает простой и интуитивно понятный способ добавления alt-текста к изображениям. При перетаскивании элемента изображения на холст на панели настроек появляется поле для добавления атрибута alt. Это простой, но важный шаг в процессе веб-дизайна.
Пользовательская CMS
В пользовательской CMS возможность добавления альтернативного текста встроена в поля ввода контента. Вы можете создать отдельное поле для атрибута alt изображения, чтобы у создателей контента всегда было удобное место для добавления описания. Такой уровень контроля позволяет реализовать эффективную и последовательную стратегию SEO.
В разных отраслях
Способ использования альтернативного текста в бизнесе должен соответствовать отрасли и целевой аудитории.
Электронная коммерция
Для сайта электронной коммерции альтернативный текст для изображений товаров должен быть описательным и включать название и номер модели. Например, вместо просто «кроссовки» используйте «Черные кроссовки Nike Air Force 1». Это поможет клиентам найти ваши товары как через поиск в интернете, так и через изображения.
Местные бизнесы
Местные компании могут использовать альтернативный текст для акцентирования своего местоположения. Изображение витрины пекарни может содержать альтернативный текст: «Вид спереди на пекарню The Daily Crumb в центре Сиалкота». Это повышает местную релевантность и может улучшить местные SEO.
SaaS-компании
SaaS-компании часто используют скриншоты и диаграммы для пояснения своего программного обеспечения. Альтернативный текст для этих изображений должен описывать демонстрируемую функциональность. Например, для изображения панели мониторинга можно использовать альтернативный текст следующего содержания: «Скриншот панели мониторинга аналитики продаж, показывающий динамику выручки за четвёртый квартал».
Блог
В блогах альтернативный текст должен описывать содержание изображения и одновременно отражать основную тему статьи. Изображение в блоге о дрессировке собак может иметь альтернативный текст, например: «Золотистый ретривер вежливо сидит по команде». Это подчёркивает тему статьи.
Что можно и чего нельзя делать при написании альтернативного текста
Написание эффективного альтернативного текста — простой, но важный навык.
Что нужно делать
- Будьте описательны. Цель — нарисовать ясную картину изображения для тех, кто его не видит.
- Будьте кратки. Хотя текст должен быть описательным, он не должен быть абзацем. Перейдите к сути.
- Естественно, включайте релевантные ключевые слова. Если ключевое слово подходит, используйте его, но не переусердствуйте. Главная цель — точно описать изображение.
Чего нельзя делать
- Не перегружайте текст ключевыми словами. Повторное использование одного и того же ключевого слова в каждом альтернативном тексте на странице — устаревшая тактика, которая может привести к штрафам.
- Не используйте «изображение», «картинка» или «фотография». Это лишнее. Программы чтения с экрана и так распознают, что это изображение.
- Не оставляйте поле пустым. Каждое недекоративное изображение должно иметь alt-текст. Оставить его пустым — значит упустить возможность как для SEO, так и для доступности.
Распространенные ошибки, которых следует избегать
Основываясь на многолетнем опыте аудита веб-сайтов, я составил список наиболее распространенных ошибок альтернативного текста, которые я вижу.
- Забываем про alt-текст на новых изображениях. Это самая распространённая ошибка. В процессе создания контента обязательно заполняйте альтернативный текст для каждого изображения.
- Использование одинакового альтернативного текста для всех изображений на странице. Каждое изображение уникально, и его альтернативный текст тоже должен быть уникальным.
- Использование общих или расплывчатых описаний. Альтернативный текст «автомобиль» не так полезен, как «старинный красный спортивный автомобиль на извилистой горной дороге».
Часто задаваемые вопросы (FAQ)
Какой длины должен быть мой альтернативный текст?
Официального ограничения на количество символов нет, но лучше всего ориентироваться на 125. Этого вполне достаточно, чтобы сделать текст информативным, но при этом не слишком длинным для программ чтения с экрана.
Влияет ли альтернативный текст на рейтинг моего сайта?
Да. Хотя это и не основной фактор ранжирования, альтернативный текст помогает поисковым системам понимать контекст ваших изображений и общее содержание страницы. Это может способствовать повышению рейтинга как в поиске по веб-страницам, так и в поиске изображений.
А как насчёт декоративных изображений? Нужен ли для них alt-текст?
Нет, декоративные изображения, которые не добавляют никакого смысла содержанию, должны иметь пустой атрибут alt (альт =»»). Это дает указание программам чтения с экрана пропустить изображение и не анонсировать его пользователю.
Альтернативный текст — это то же самое, что и подпись?
Нет. Альтернативный текст — это описание для поисковых систем и программ чтения с экрана. Подпись — это текст, который отображается под изображением на странице и доступен для прочтения всем пользователям. Они служат разным целям, но оба важны для удобства пользователя.
Можно ли использовать альтернативный текст для оптимизации под определенное ключевое слово?
Да. Если ключевое слово релевантно изображению, его следует включить естественным образом. Однако не стоит вставлять ключевое слово в альтернативный текст, если оно неточно описывает изображение.
