Alt-текст для SEO: что это и как его написать

Альтернативный текст (alt-текст) - это короткое текстовое описание изображения, которое хранится в его HTML-коде. Поисковые системы не видят картинки, поэтому читают alt-текст, чтобы понять, что изображено, а программы экранного доступа зачитывают его вслух людям, которые не могут увидеть изображение. Понятный и описательный alt-текст - один из самых простых способов улучшить SEO изображений, получать трафик из поиска по картинкам и сделать сайт доступным для всех.

Что такое alt-текст изображения?

Alt-текст - это значение атрибута alt в HTML-теге изображения. Он в нескольких словах описывает содержание и назначение картинки. Вот как это выглядит:

<img src="golden-retriever-puppy.jpg" alt="Щенок золотистого ретривера сидит на травяном поле">

Обычно этот текст не виден на странице. Поисковые системы используют его, чтобы проиндексировать изображение, программы экранного доступа - чтобы описать его вслух, а браузер показывает его вместо картинки, если она не загрузилась.

Чем атрибут alt отличается от атрибута title

Не путайте атрибут alt с атрибутом title. Атрибут alt описывает изображение для SEO и доступности, и он нужен каждой значимой картинке. Атрибут title только показывает всплывающую подсказку при наведении курсора, он необязателен, и поисковые системы и программы экранного доступа используют его иначе. Для SEO важен именно alt-текст.

Влияет ли alt-текст на SEO?

Да. Alt-текст - настоящий фактор ранжирования для изображений, и он помогает SEO всей страницы. Вот как это работает:

Он выводит ваши изображения в Google Картинках. Google понимает изображение по alt-тексту, имени файла и тексту вокруг картинки. Хороший alt-текст - это то, что приводит на ваши фото трафик из поиска по картинкам.
Он добавляет странице релевантности и контекста. Описательный alt-текст подкрепляет тему страницы, и это может помочь самой странице ранжироваться по смежным запросам.
Он улучшает пользовательский опыт. Если изображение не загрузилось, на его месте появляется alt-текст, и посетители всё равно понимают содержание.
Он повышает доступность. Доступная, хорошо структурированная страница - это лучшая страница, и поисковые системы стремятся вознаграждать именно такие.

Один alt-текст не выведет страницу в топ Google, но это быстрое улучшение без больших усилий, и его эффект складывается по каждому изображению на сайте.

Как написать хороший alt-текст

Хороший alt-текст описывает изображение ясно и естественно, как будто вы рассказываете о нём человеку, который его не видит. Следуйте этим правилам:

Пишите конкретно и описательно. "Красная кожаная сумка с золотой пряжкой" лучше, чем "сумка", а "сумка" лучше, чем "IMG_2024".
Будьте краткими. Ориентируйтесь примерно на 125 символов или меньше. Программы экранного доступа часто обрезают длинный текст, а Google не нужно сочинение.
Используйте ключевые слова естественно. Если подходящее ключевое слово вписывается в описание, добавьте его. Никогда не вставляйте его насильно.
Не начинайте со слов "изображение" и "фото". Программы экранного доступа и так сообщают, что это изображение, поэтому такие слова только занимают место.
Учитывайте контекст. Лучший alt-текст зависит от того, зачем изображение на странице. Одно и то же фото кроссовка может быть "Синий беговой кроссовок" в галерее и "Синий беговой кроссовок Nike Pegasus 40, вид сбоку" на странице товара.
Оставляйте декоративные изображения пустыми. Если изображение чисто декоративное, например разделитель или фоновый узор, задайте ему пустой атрибут alt (alt=""), чтобы программы экранного доступа его пропускали.

Примеры alt-текста: хорошие и плохие

Фото товара. Плохо: "обувь". Хорошо: "Белые высокие кеды из канваса с красными шнурками".
Фото для блога. Плохо: "DSC_0453". Хорошо: "Женщина работает за ноутбуком в залитом солнцем кафе".
Инфографика. Плохо: "график". Хорошо: "Столбчатая диаграмма: трафик сайта вырос на 40 процентов с 2024 по 2025 год".
Логотип. Плохо: "лого". Хорошо: "Логотип MyIMGs.org".
Декоративный разделитель. Хорошо: alt="", чтобы программы экранного доступа его пропускали.

Частые ошибки в alt-тексте, которых стоит избегать

Переспам ключевыми словами. Список ключевых слов в alt-тексте, например "дешёвая обувь купить обувь беговая обувь лучшая обувь", выглядит для Google как спам и бесполезен для пользователей программ экранного доступа. Опишите изображение, и пусть одно естественное ключевое слово делает свою работу.
Отсутствие alt-текста. Значимые изображения без атрибута alt невидимы для поисковых систем и программ экранного доступа.
Имя файла вместо описания. "IMG_2024.jpg" в качестве alt-текста никому ничего не говорит.
Слишком длинный текст. Если нужен целый абзац, поместите его в текст страницы, а alt оставьте коротким.
Описание декоративных изображений. Из-за этого программы экранного доступа зачитывают лишний шум. Используйте alt="".

Alt-текст и доступность

Alt-текст нужен не только для SEO. Это основа веб-доступности. Незрячие и слабовидящие люди пользуются программами экранного доступа, которые зачитывают alt-текст вслух, поэтому отсутствующее или бесполезное описание закрывает для них ваш контент. Хороший alt-текст:

Даёт пользователям с нарушениями зрения ту же информацию, которую зрячие получают из изображения.
Помогает соответствовать стандартам доступности, таким как WCAG, которые во многих странах обязательны по закону.
Делает сайт удобнее для всех, а именно это поисковые системы и хотят вознаграждать.

Короткий чек-лист для alt-текста

У каждого значимого изображения есть атрибут alt?
Alt-текст точно и конкретно описывает изображение?
Он укладывается примерно в 125 символов или меньше?
Он читается естественно, без переспама ключевыми словами?
Вы убрали слова "изображение" и "фото" в начале?
У чисто декоративных изображений стоит alt=""?

Когда вы загружаете изображения на MyIMGs.org, к каждому можно добавить описание, а наши бесплатные инструменты для изображений помогут изменить размер и сжать картинки перед публикацией. Это ещё одно простое улучшение для SEO изображений и скорости страницы.

Часто задаваемые вопросы

Помогают ли теги alt для SEO?

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

Влияет ли alt-текст на SEO?

Да. Alt-текст улучшает видимость в поиске по картинкам, подкрепляет тему страницы и повышает доступность, и всё это работает на SEO.

Насколько важны теги alt для SEO?

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

Какая длина alt-текста оптимальна?

Хороший ориентир - примерно 125 символов или меньше. Этого достаточно, чтобы ясно описать большинство изображений, и достаточно коротко, чтобы программы экранного доступа не обрезали текст.

Почему интернет-маркетологу не стоит перегружать alt-текст изображений на сайте ключевыми словами?

Потому что alt-текст, перегруженный ключевыми словами, выглядит для поисковых систем как спам и может навредить позициям, а ещё он не выполняет свою главную задачу: описать изображение для тех, кто пользуется программами экранного доступа. Пишите естественное описание и добавляйте ключевое слово, только если оно действительно подходит.

Что такое alt-текст изображения в SEO?

Alt-текст изображения в SEO - это описательный текст в теге изображения, который сообщает поисковым системам, что на картинке, чтобы они могли проиндексировать её и показать в результатах поиска по изображениям.

Нужен ли alt-текст декоративным изображениям?

Нет. Для чисто декоративных изображений используйте пустой атрибут alt (alt=""), чтобы программы экранного доступа их пропускали. Alt-текст нужен изображениям, которые несут смысл.

Итоги

Alt-текст - одна из самых выгодных и наименее трудоёмких задач в SEO изображений. Ясно описывайте каждое значимое изображение, пишите кратко, используйте ключевые слова естественно и ставьте alt="" декоративным картинкам. Делайте это постоянно, и вы получите больше трафика из поиска по картинкам, а ваш сайт станет доступным для всех.