Что такое alt-текст
Alt-текст (alt-атрибут) - текстовое описание изображения, которое не видно на странице, но читается поисковыми системами и программами для слабовидящих. Прописывается в HTML-теге <img alt="...">. Важная часть базовой SEO-оптимизации.
Alt-текст простыми словами
У каждой картинки на сайте должно быть краткое описание словами. Это "название" картинки для тех, кто её не видит: поисковика, программ для незрячих пользователей, при отсутствии интернета.
Зачем нужен alt-текст
- SEO. Поисковики "понимают" картинки только через alt. С хорошими alt сайт лучше ранжируется в Яндекс.Картинках и Google Images.
- Доступность. Программы экранного доступа для слепых читают alt вслух.
- Запасной вариант. Если картинка не загрузилась, пользователь видит alt-текст вместо неё.
- Юзабилити. Текст подсказки при наведении на картинку в некоторых браузерах.
Правила хорошего alt-текста
- Длина 5-12 слов. Достаточно для описания, но не слишком длинно.
- Описывает картинку. Что изображено, кто, где, что делает.
- Включает ключевые слова. Один из ключей страницы, если уместно. Без переоптимизации.
- Не начинается с "картинка" или "изображение". Поисковик и так знает, что это изображение.
- Уникальный. Не дублируется на разных картинках страницы.
Шаблоны для разных типов изображений
- Hero-картинка: "Разработка сайтов в СПб - веб-студия Сайты2.рф"
- Иконка: "Иконка услуги разработки лендинга"
- Кейс: "Корпоративный сайт производства в Гатчине, рост заявок в 2,4 раза"
- Команда: "Дмитрий Акиндинов, основатель веб-студии Сайты2.рф"
- Инфографика: "Этапы разработки сайта за 21 день"
- Логотип: "Логотип Сайты2.рф" (или название компании)
Чего избегать
- Длинных alt в 30+ слов
- Перечисления ключевых слов через запятую без смысла
- Универсальных описаний "красивая картинка", "качественный продукт"
- Пустого alt у важных картинок
- Полного отсутствия alt на сайте
Декоративные изображения
Если картинка чисто декоративная (например, разделительная линия, фон), можно оставить пустой alt: <img alt="">. Так поисковики поймут, что это не значимое изображение, и не учтут его в SEO.
Нужны правильные alt-тексты
В Сайты2.рф прописываем alt для каждого изображения - часть базовой SEO-оптимизации на этапе разработки.