SEO изображений: alt, вес и размеры
Изображения — это и трафик из поиска по картинкам, и заметная часть веса страницы. Проверка SEO изображений показывает, что не так: отсутствующие описания, тяжёлые файлы, неверные размеры.
Что проверяется
- Атрибут alt — текстовое описание для тех, кто не видит картинку, и для поиска.
- Вес файла — главный источник медленной загрузки на большинстве сайтов.
- Размеры — не масштабируется ли огромное изображение до маленького блока средствами браузера.
- Формат — современные форматы весят заметно меньше при том же качестве.
- Указанные ширина и высота — без них вёрстка прыгает при загрузке.
Что делать со скриншотами интерфейса
Скриншоты живут дольше, чем интерфейс на них: через полгода кнопки переехали, а картинка осталась. Поэтому полезно держать исходники и снимать однотипно, чтобы обновление было механическим. В нашей базе знаний скриншоты сняты по рецептам и переснимаются одной командой — иначе поддерживать сотню статей было бы невозможно.
Как писать alt
| Плохо | Хорошо |
|---|---|
| Пусто | Описание того, что на картинке |
| «img_2024.jpg» | «Отчёт по каскаду: публикации по уровням» |
| Перечисление ключевых слов | Естественная фраза, в которой запрос уместен |
| Одинаковый alt у всех картинок | Свой для каждой |
Декоративным элементам — фонам, разделителям — alt оставляют пустым: так их пропускают программы чтения с экрана.
Трафик из поиска по картинкам
Это отдельный источник, и он заметен там, где картинка и есть ответ: рецепты, интерьеры, схемы, товары. Чтобы им пользоваться, нужны три вещи: осмысленное имя файла, описание в alt и подпись рядом с изображением. Плюс сама картинка должна быть доступна для обхода — закрытая в robots.txt папка с изображениями встречается чаще, чем кажется.
Порядок работы
- Найдите самые тяжёлые изображения и сожмите их — поможет сжатие в браузере.
- Задайте ширину и высоту, чтобы убрать сдвиги вёрстки — см. Core Web Vitals.
- Пропишите осмысленные alt на страницах, которые продвигаете.
- Проверьте результат замером скорости.