🖼 SEO для поиска изображений: как оптимизировать картинки

(чтобы поисковик не думал, что у тебя на сайте «img_12345.jpg» с котом)

📌 Зачем вообще оптимизировать изображения?

🔍 Поисковики не «видят» картинки — они читают, что ты о них написал.

Если ты грузишь фото как «asdhgj.jpg» без alt-текста — бот в растерянности.

А значит, ни в картинках, ни в выдаче ты не появишься.

🛠 Что нужно сделать:

1. ✏️ Название файла

❌ Плохо: DSC_001.jpg, image1.png

✅ Хорошо: kedy-nike-zhenskie-chernye.jpg

Совет от мамкиного сеошника:

Пиши по-русски в транслите или по-английски, через дефисы. Без пробелов и капса.

2. 🏷 Alt-тег (альтернативный текст)

Это подпись, которую увидит бот (и человек, если картинка не загрузится).

Важен для SEO, доступности и выдачи Google Images.

Пример:

<img src="kedy-nike.jpg" alt="Женские кеды Nike черного цвета с белой подошвой">

Совет от мамкиного сеошника:

Пиши точно, по делу. Не спамь ключами, но добавь 1–2 в тему.

3. 📏 Размер и сжатие

💣 Картинка 5 МБ на главной = сайт в коме.

🚀 Сожми изображения перед загрузкой. Лучше до ~100–200 КБ.

🔧 Инструменты:

• TinyPNG
• Squoosh
• ImageOptim

Совет от мамкиного сеошника:

Сайт должен летать. А не тянуть изображения как три зарплаты.

4. 📐 Ширина и адаптив

Загружай размер, соответствующий отображению, а не «на всякий случай 4000px».

И используй srcset или WebP для адаптива и скорости.

Пример:

<img src="kedy.jpg" srcset="kedy-small.jpg 480w, kedy.jpg 1024w" alt="Кеды Nike">

5. 🌐 Формат файлов

• Фото: WebP, JPEG
• Иллюстрации: SVG, PNG
• Анимации: WebP или mp4 (а не гифки по 20 МБ)

6. 🧠 Добавь микроразметку (если нужно)

Для товаров, рецептов и т.п. можно добавить микроразметку, чтобы Google и Яндекс знали, что на картинке.

Пример:

{
"@context": "https://schema.org/",
"@type": "Product",
"image": "https://site.ru/img/kedy-nike.jpg"
}

❌ Ошибки, которые делают новички:

1. Картинка называется “новая картинка 3.jpg”
2. У всех <img> — пустой alt=""
3. Файл весит как фильм «Аватар»
4. Загружают логотип в PNG 3000×3000
5. На сайте 30 картинок, но ни одна не участвует в выдаче

🧠 Чеклист от мамкиного сеошника:

✅ Название файла — осмысленное и по ключу

✅ Alt — описывает, что на картинке

✅ Вес ≤ 200 КБ

✅ Подходящий формат (WebP, SVG)

✅ Responsive + srcset

✅ Картинки индексируются

🚀 Вывод:

Картинки — не просто «украшения». Это трафик, SEO и загрузка сайта.

Сделай 5 простых шагов — и даже Яндекс скажет: «Ух ты, какой красавчик!»

P.S. В следующем выпуске расскажу про то, что такое микроразметка. Подпишись, здесь интересно!