Освойте alt-текст для SEO и доступности. Почему он важен, как его писать и какие главные ошибки допускает большинство сайтов.

Кратко
alt-текст (альтернативный текст): это краткое описание изображения, которое используют поисковые системы и программы экранного доступа. Он помогает и SEO, и доступности.
Хотите узнать больше? Спросите
Alt-текст (сокращение от «альтернативный текст»): это краткое текстовое описание изображения. Он решает две важные задачи: помогает поисковым системам понимать и индексировать изображения и позволяет пользователям с нарушениями зрения понять, что изображено. Тем не менее большинство сайтов ошибаются с alt-текстом. Они либо вообще его пропускают, либо пишут бессмысленные описания вроде «image1.jpg» или «скриншот». Это создаёт барьеры для доступности и упускает возможности для SEO.
В 2026 году alt-текст важен как никогда, потому что поиск по картинкам растёт, а Google всё чаще использует изображения и визуальный контент как ранжирующие сигналы. Кроме того, доступность становится юридическим и этическим требованием. Наконец, системы ИИ используют описания изображений, чтобы понять контекст и релевантность. Хороший alt-текст служит всем этим аудиториям: поисковым системам, пользователям с нарушениями зрения и системам ИИ. Это руководство научит вас правильно писать alt-текст.
Web.dev объясняет, что alt-текст служит нескольким аудиториям: поисковым системам, программам экранного доступа и браузерам, когда изображения не загружаются. Если изображение не загрузилось из-за плохого соединения или битой ссылки, браузер показывает alt-текст вместо изображения. Программы экранного доступа зачитывают alt-текст вслух пользователям с нарушениями зрения. Google использует alt-текст, чтобы понимать изображения и сопоставлять их с поисковыми запросами.
С точки зрения SEO alt-текст помогает Google понимать изображения в вашем контенте и повышает релевантность и полноту страницы. Страница о «рецептах шоколадного торта» с релевантными, правильно описанными изображениями помогает Google понять, что страница авторитетна в этой теме. В рекомендациях Google по изображениям в поиске объясняется, как alt-текст влияет на индексацию изображений и их отображение в Google Картинках.
Alt-текст: это HTML-атрибут, который описывает изображение. Заголовок изображения: это отдельный атрибут, который обычно отображается как всплывающая подсказка при наведении курсора на изображение. Многие сайты путают их. Alt-текст должен описывать содержимое изображения. Заголовок может быть более творческим или шутливым, хотя это не рекомендуется. Пример: alt-текст для скриншота: «Скриншот панели Sorank с данными отслеживания упоминаний в ИИ». Заголовок: «Проверяйте цитирования в ИИ в реальном времени».
Всегда добавляйте alt-текст. Заголовок необязателен. Одни сайты указывают оба атрибута, другие только alt-текст. Для доступности и SEO важен именно alt-текст. Отдавайте ему приоритет. Если можете добавить только один атрибут, добавьте alt-текст.
Пишите alt-текст как короткое описательное предложение о том, что показано на изображении и каков его контекст на странице. Будьте конкретны. «Скриншот» расплывчато. «Скриншот дашборда GEO в Sorank с отслеживанием упоминаний в ИИ в ChatGPT, Perplexity и Claude» конкретно и описательно. Описывайте предмет, действие и контекст.
Когда возможно, укладывайтесь в 100-125 символов. Обычно хватает одного предложения. Включайте целевое ключевое слово, если оно вписывается естественно и не выглядит натянуто. «Скриншот: лучшие практики для тега title» подходит, если речь идёт о тегах title. Если изображение декоративное (разделительная линия, фоновое изображение, значок маркера списка), используйте пустой alt-текст: `alt=""`, чтобы программы экранного доступа его пропускали. Декоративные изображения не должны занимать место в потоке alt-текстов.
Скриншоты и схемы: «Скриншот [инструмента/интерфейса] с [тем, что он показывает]». Пример: «Скриншот Google Search Console с данными Core Web Vitals». Диаграммы и графики: опишите данные и тенденцию. «Столбчатая диаграмма сравнения времени загрузки страниц на 5 популярных CMS: WordPress самая медленная, Webflow самая быстрая». Инфографика: дайте краткое резюме. «Инфографика с 7 шагами SEO-процесса от подбора ключевых слов до измерения результатов».
Фотографии: «Фото [предмета] [что делает/показывает]». Пример: «Фото разработчика, проверяющего код на нескольких мониторах». Логотипы: только название бренда. «Логотип Sorank». Значки: опишите их назначение. «Зелёная галочка, обозначающая завершение». Изображения продуктов: «Интерфейс дашборда GEO в Sorank на экране ноутбука».
Включайте целевое ключевое слово в alt-текст, если оно вписывается естественно. Если вы пишете статью об «оптимизации тега title», а на изображении показан пример тега title, естественно включите ключевое слово: «Пример тега title с лучшими практиками по длине и размещению ключевых слов». Это помогает Google понять релевантность и изображения, и страницы.
Однако никогда не вставляйте ключевые слова неестественно. «Тег title оптимизация тега title скриншот тега title»: это набивка ключевыми словами, которая вредит читаемости и удобству пользователей. Ставьте на первое место ясность для людей. Если ключевые слова не вписываются естественно, пропустите их. Рекомендации Google для веб-мастеров советуют сосредоточиться на полезном alt-тексте, а не на оптимизации ключевых слов. Алгоритмический выигрыш от естественного включения ключевых слов минимален по сравнению с выигрышем в доступности и ясности от хороших описаний.
Google Картинки: важный источник трафика. Оптимизация alt-текста может повысить вашу видимость в результатах Google Картинок. В рекомендациях Google по изображениям объясняется, как alt-текст влияет на индексацию и ранжирование изображений. Изображения с описательным alt-текстом с большей вероятностью индексируются и занимают высокие позиции по релевантным запросам в поиске по картинкам. По запросам вроде «примеры тега title» или «чек-лист SEO» результаты поиска по картинкам появляются рядом с веб-результатами. Хорошо оптимизированное изображение с правильным alt-текстом может приносить значительный трафик из поиска по картинкам.
Релевантные ключевые слова в alt-тексте помогают Google сопоставить ваше изображение с поисковыми запросами. Скриншот панели SEO с alt-текстом «Панель бесплатного SEO-аудита с позициями и отслеживанием ключевых слов» будет ранжироваться по запросам «панель SEO-аудита», «инструмент отслеживания SEO» и смежным ключевым словам. Это диверсифицирует источники трафика, а не ограничивает их ранжированием в обычном веб-поиске.
Ошибка 1: пустой или отсутствующий alt-текст. У каждого изображения должен быть alt-текст, если оно не чисто декоративное. Ошибка 2: избыточный alt-текст, повторяющий подпись к изображению. Если под изображением есть подпись, alt-тексту не нужно её повторять. Добавьте контекст или детали, которых нет в подписи. Ошибка 3: набивка ключевыми словами. «Оптимизация тега title ключевые слова лучшие практики SEO теги title»: это спам.
Ошибка 4: слишком длинный текст. Больше 125 символов обычно слишком много. Ошибка 5: описание очевидного. «Красная кнопка» не нужно. «Кнопка подписки на еженедельные советы по SEO» полезно. Ошибка 6: использование имени файла изображения как alt-текста. «IMG_12345.jpg» никому ничего не говорит. Ошибка 7: ненужное использование слов «изображение» или «картинка». Alt-текст уже является описанием изображения, слово «изображение» не нужно. Описывайте сразу.
Правильный alt-текст необходим для доступности. Пользователи с нарушениями зрения пользуются программами экранного доступа, которые зачитывают alt-текст вслух. Если ваш alt-текст расплывчат или отсутствует, эти пользователи не смогут понять ваш контент. С юридической точки зрения сайты должны быть доступными по американскому закону об американцах с ограниченными возможностями (ADA) и Европейскому закону о доступности (EAA). Отсутствие alt-текста может повлечь юридическую ответственность. Доступность: это не только юридическое требование, но и этический долг: сделать контент доступным для всех пользователей независимо от их возможностей.
Инициатива W3C по веб-доступности даёт подробные рекомендации по написанию хорошего alt-текста для разных типов изображений. Принцип прост: если убрать изображение, поймёт ли человек, читающий только alt-текст, содержание? Если нет, alt-тексту нужно больше деталей. Проверьте свой сайт с помощью программы экранного доступа, чтобы услышать, как звучит ваш alt-текст вслух и понятен ли он в контексте.
Проведите аудит сайта на предмет отсутствующего или плохого alt-текста. Используйте инструменты разработчика в браузере для проверки изображений или SEO-инструменты, которые сканируют сайт и находят отсутствующие атрибуты alt. Составьте таблицу страниц с изображениями, текущим alt-текстом и улучшенным alt-текстом. Начните со страниц, важных для вашей SEO-стратегии (страницы с высокочастотными ключевыми словами, опорный контент). Даже одна страница с 20 изображениями без alt-текста: возможность одновременно улучшить доступность и SEO.
Проверьте свой alt-текст, отключив изображения в браузере и прочитав страницу. Понятен ли один только alt-текст? Можно ли понять, что показывает каждое изображение и как оно связано с контентом? Если нет, улучшите alt-текст. Отслеживайте трафик из Google Картинок в Google Search Console. Улучшенный alt-текст со временем должен коррелировать с ростом трафика из поиска по картинкам. Следите, какие изображения приносят больше всего трафика, и дальше оптимизируйте их alt-текст по мере совершенствования стратегии.
Alt-текст описывает изображения и для SEO, и для доступности. Пишите описательный и лаконичный alt-текст (100-125 символов), который объясняет, что показано на изображении и каков его контекст. Включайте ключевые слова естественно, но ставьте на первое место ясность. Для скриншотов, схем, фотографий и значков применяйте разные подходы. Избегайте набивки ключевыми словами и избыточных описаний. Проведите аудит сайта на предмет отсутствующего или плохого alt-текста и последовательно обновляйте его, начиная с самых важных страниц. Хороший alt-текст умножает ценность вашего контента для разных аудиторий.
Хороший alt-текст служит нескольким аудиториям: индексации изображений в Google, пользователям с нарушениями зрения и системам ИИ, анализирующим визуальный контент. Это небольшие усилия с непропорционально большой отдачей для доступности, удобства пользователей и SEO. Начните сегодня с самых приоритетных страниц и выработайте привычку писать хороший alt-текст для каждого нового изображения. Для полного SEO-аудита, включая анализ alt-текста изображений, запустите бесплатный SEO-аудит Sorank.
Источники
Да. Alt-текст помогает Google понимать изображения и индексировать их для поиска по картинкам. Он также улучшает доступность страницы для пользователей с нарушениями зрения, которые используют программы экранного доступа. Хотя alt-текст не является основным фактором ранжирования, как обратные ссылки или качество контента, он важен, потому что помогает Google понять тему страницы и улучшает удобство для пользователей. Страницы с хорошо оптимизированными изображениями и alt-текстом, как правило, ранжируются лучше страниц с плохим alt-текстом.
Делайте alt-текст кратким: идеальная длина 100-125 символов. Опишите, что показано на изображении и какую функцию оно выполняет на странице. Обычно хватает одного предложения. «Скриншот панели Sorank с метриками отслеживания упоминаний в ИИ»: хорошо. «Скриншот с метриками, который показывает разные числа разными цветами на платформе Sorank»: слишком длинно и многословно. Будьте конкретны, но не вдавайтесь в излишние детали.
Включайте целевое ключевое слово, если оно вписывается естественно, но ясность важнее оптимизации ключевых слов. Alt-текст в первую очередь нужен для доступности. Пользователь с нарушениями зрения должен понять, что показано на изображении. Если ваше ключевое слово естественно описывает изображение, включите его. Если из-за него текст становится непонятным, пропустите. Сначала описание и удобство пользователей, затем SEO.
ОНИ ПОПРОБОВАЛИ SORANK ДО ВАС
