Замещающий текст (alt text) для SEO — это описательный текстовый атрибут, добавляемый к тегу изображения HTML, который информирует поисковые системы и программы чтения с экрана о визуальном контенте. Google использует замещающий текст вместе с алгоритмами компьютерного зрения и контекстом страницы для правильной категоризации изображений. Внедряя четкие и лаконичные описания, вы помогаете поисковым системам точно индексировать ваши медиа-активы, обеспечивая при этом доступность вашего цифрового контента для всех пользователей.
Почему замещающий текст для изображений важен для вашего веб-сайта?
Основная функция замещающего текста — доступность. Пользователи, полагающиеся на программы чтения с экрана, зависят от этих текстовых описаний, чтобы понять, что изображено на картинке. Когда изображение не загружается, замещающий текст также отображается как заполнитель, предоставляя контекст посетителю.
С точки зрения поисковой системы, замещающий текст выступает в роли моста. Хотя компьютерное зрение улучшилось, оно не всегда может интерпретировать конкретный замысел или предмет сложной фотографии или диаграммы. Предоставление описательного замещающего текста вручную гарантирует, что ваши изображения будут способствовать общей релевантности вашей страницы для конкретных поисковых запросов.
Что делает описание замещающего текста эффективным?
Эффективный замещающий текст является описательным, конкретным и релевантным контенту на странице. Избегайте переспама ключевыми словами, так как это создает негативный опыт как для пользователей, так и для поисковых систем. Вместо этого сосредоточьтесь на описании изображения так, как если бы вы объясняли его тому, кто не может его видеть.
Характеристики качественных alt-тегов
- Будьте конкретны: опишите предмет, действие или контекст, показанный на изображении.
- Будьте лаконичны: держите текст в пределах 125 символов для обеспечения совместимости с большинством программ чтения с экрана.
- Будьте релевантны: используйте термины, относящиеся к окружающему тексту на странице.
- Избегайте слов-заполнителей: не включайте фразы вроде ‘изображение’ или ‘фотография’, так как это избыточно для пользователей программ чтения с экрана.
Как писать замещающий текст для разных типов изображений?
Разные изображения требуют разных подходов. Фотография товара в магазине Shopify нуждается в другом описании, чем декоративный фоновый элемент. Например, если вы продаете синюю кожаную сумку, замещающий текст должен указывать тип товара, цвет и материал. Если изображение является общим элементом дизайна, оно может вообще не требовать описательного текста.
Работа с декоративными и функциональными изображениями
- Изображения товаров: включите бренд, название товара и ключевые визуальные атрибуты.
- Информационные изображения: обобщите данные или основной смысл изображения.
- Декоративные изображения: используйте пустой атрибут alt (alt=””), чтобы сказать программам чтения с экрана пропустить элемент.
- Текст на изображениях: транскрибируйте текст точно, если он выполняет функциональную роль.
Можно ли использовать ключевые слова в замещающем тексте изображения?
Вы можете включать релевантные ключевые слова, но они должны появляться естественно в описании. Если ваша страница посвящена горному велосипеду, замещающий текст вроде ‘горный велосипедист едет по каменистой тропе’ — отличный вариант. Он точно описывает сцену, естественно включая ключевое слово.
Избегайте создания списков ключевых слов в ваших alt-тегах. Если у вас есть изображение кроссовка, не подписывайте его как ‘кроссовок, лучшие кроссовки, дешевая обувь, спортивная обувь’. Эта практика активирует спам-фильтры и не приносит пользы пользователям. Придерживайтесь одного четкого, понятного человеку предложения.
Где внедрять замещающий текст в вашей CMS?
Большинство систем управления контентом упрощают добавление замещающего текста. В WordPress вы можете найти поле ‘Alt Text’ в медиабиблиотеке или в редакторе блоков при выборе изображения. В Shopify вы обычно редактируете это в настройках медиа страницы товара или коллекции.
Если вы редактируете чистый HTML, синтаксис прост. Вы добавляете атрибут alt прямо внутри тега изображения, например: 
. Всегда следите за тем, чтобы правильно закрывать кавычки.
Как провести аудит вашего сайта на предмет отсутствующего замещающего текста
Проведение аудита сайта — лучший способ найти отсутствующие или плохие alt-теги. Вы можете использовать такие инструменты, как Screaming Frog, или встроенные функции аудита в Google Lighthouse. Эти инструменты пометят изображения, у которых отсутствуют атрибуты alt, что позволит вам расставить приоритеты для самых важных страниц вашего сайта.
В типичном аккаунте исправление замещающего текста для 20% ваших страниц, приносящих наибольший трафик, дает наиболее значительный эффект. Начните с ваших страниц товаров, целевых страниц услуг и записей в блоге, содержащих оригинальные фотографии или диаграммы. Не беспокойтесь об исправлении тысяч устаревших изображений сразу; отдайте приоритет тем, которые появляются в результатах поиска.
С чего начать на этой неделе
Начните с определения десяти изображений на вашем веб-сайте, которые появляются на ваших самых посещаемых страницах. Откройте эти страницы и осмотрите изображения с помощью инструментов разработчика вашего браузера или медиа-редактора вашей CMS. Проверьте, существует ли замещающий текст, и если да, оцените, является ли он описательным и свободным от переспама ключевыми словами.
Как только вы обновите эти десять изображений, переходите к следующему набору. Уделяя всего тридцать минут в неделю этой задаче, вы создадите привычку, которая улучшит как ваши стандарты доступности, так и эффективность поиска. Помните, что Alien Road фокусируется на долгосрочной выгоде от этих небольших, последовательных обновлений контента.
Последовательность остается самым важным фактором в SEO. Когда вы загружаете новые изображения, сделайте написание замещающего текста стандартной частью вашего рабочего процесса перед нажатием кнопки публикации. Это предотвращает накопление неоптимизированных изображений и гарантирует, что каждый новый контент, который вы добавляете, соответствует вашим целям доступности с первого дня.
Имейте в виду, что замещающий текст — это лишь одна часть вашей стратегии оптимизации изображений. Убедитесь, что имена файлов ваших изображений являются описательными, например ‘red-leather-tote-bag.jpg’ вместо ‘IMG_001.jpg’. Когда вы сочетаете описательные имена файлов с точным замещающим текстом, вы предоставляете поисковым системам наилучшие данные для понимания вашего контента.
Наконец, следите за эффективностью вашего сайта через Google Search Console, чтобы увидеть, меняется ли ваш трафик из поиска по изображениям с течением времени. Хотя результаты не приходят в одночасье, предоставление четкого контекста является фундаментальным шагом в создании сайта, который одновременно удобен для пользователей и готов к поисковым системам. Продолжайте совершенствовать свой подход, основываясь на конкретных потребностях вашей аудитории.
Читать далее: SEO (Поисковая оптимизация) · SEO