Як оптимізувати зображення для SEO у 2026 році
SEO зображень виходить за межі альтернативного тексту. Дізнайтеся, як розмір файлу, формат, найменування, структуровані дані та Core Web Vitals впливають на ваше ранжування в пошуку зображень.
Зображення впливають на SEO більшою кількістю способів, ніж усвідомлює більшість людей. Погана оптимізація зображень — одна з головних причин, чому сторінки не проходять Core Web Vitals і втрачають ранжування. Ось повний контрольний список SEO зображень для 2026 року.
1. Розмір файлу: найвпливовіший фактор
- Надто великі зображення — єдина найбільша причина повільної швидкості сторінки. Google PageSpeed Insights регулярно визначає «правильно встановлюйте розмір зображень» та «надавайте зображення у форматах наступного покоління» як головні рекомендації. Цілі:
- Головні зображення: менше 150–200КБ
- Мініатюри блогу: менше 80–100КБ
- Зображення товарів: менше 100–150КБ
- Використовуйте Стискач зображень для зменшення розмірів файлів, або досягніть точних цілей за допомогою Стиснути до 100КБ.
2. Формат: перейдіть на WebP
Google прямо рекомендує надавати зображення у форматі WebP як частину свого керівництва PageSpeed. Конвертація зображень JPG у WebP зменшує розмір файлу на 25–35% без помітної втрати якості. Конвертуйте JPG у WebP — вплив на вашу оцінку LCP миттєвий і вимірюваний.
3. Описові назви файлів
- Пошукові системи читають назви файлів як сигнали про контент зображення.
- Погано: `IMG_4823.jpg`
- Добре: `як-змінити-розмір-зображення-для-instagram.webp`
- Використовуйте дефіси, а не підкреслення. Тримайте менше 5 слів. Включайте вашу цільову ключову фразу природно.
4. Альтернативний текст: описовий, не переповнений ключовими словами
- Альтернативний текст повідомляє пошуковим системам, що показує зображення. Рекомендації:
- Точно опишіть зображення в 5–15 словах
- Включіть цільове ключове слово, якщо воно природно вписується
- Не пишіть «зображення» чи «фото»
- Залиште декоративні зображення з порожнім alt=""
- Приклад: `alt="чоловік стискає фото на ноутбуці за допомогою безкоштовного онлайн-інструмента"`
5. Розміри: надавайте у розмірі відображення
Надсилання зображення 2000px для заповнення контейнера 600px марнує пропускну здатність і сповільнює LCP. Завжди змінюйте розмір зображень до фактичного розміру відображення. Використовуйте Зміну розміру зображень для встановлення точних розмірів перед завантаженням.
6. Структуровані дані для SEO зображень
Для рецептів, товарів і статей додайте структуровані дані `ImageObject` до вашої схеми. Google використовує це для розширених результатів, що включають зображення в SERP. Статті з властивостями `image` у схемі Article мають право на функції SERP зображень Google.
7. Карти сайту зображень
Включіть URL-адреси зображень у вашу карту сайту, використовуючи розширення `<image:image>`. Це допомагає Google виявляти та індексувати зображення, які він міг би пропустити, зокрема зображення, відрендерені JavaScript.
8. Відкладене завантаження
Додайте `loading="lazy"` до всіх зображень нижче згину. Це відкладає завантаження, доки користувач не прокрутить близько до них, покращуючи початковий час завантаження сторінки та LCP для контенту над згином.
Core Web Vitals: цілі для зображень
- LCP (Largest Contentful Paint): менше 2,5 секунди. Зазвичай спричинений головним зображенням. Стисніть до менше 150КБ і надавайте як WebP.
- CLS (Cumulative Layout Shift): менше 0,1. Завжди включайте атрибути `width` і `height` на тегах `<img>`, щоб браузер резервував місце до завантаження зображення.
- FCP (First Contentful Paint): Попередньо завантажте ваше головне зображення за допомогою `<link rel="preload">`.
Спробуйте безкоштовно — без реєстрації
Змінюйте розмір, стискайте та конвертуйте зображення прямо в браузері.