Зображення часто є найбільшою втраченою можливістю в SEO сторінки. Вони приводять трафік із Google Images, впливають на те, як швидко завантажується сторінка (реальний фактор ранжування), і роблять контент доступним для людей, що користуються екранними читачами. Зробіть правильно чотири речі — назви файлів, alt-текст, розмір і формат та поведінку завантаження — і зображення стануть активом, а не мертвим вантажем.
Ось чек-лист, який я використовую, у порядку, у якому його застосовую.
1. Дайте файлам описові назви
IMG_4823.jpg не каже пошуковику нічого. golden-retriever-puppy-training.jpg каже йому точно, що зображення показує. Назви файлів — справжній сигнал ранжування для пошуку зображень, тож перейменовуйте перед завантаженням.
Настанови:
- Використовуйте справжні слова, що описують зображення, розділені дефісами.
- Тримайте коротко й конкретно — трьох-чотирьох слів зазвичай достатньо.
- Уникайте набивання ключовими словами;
best-cheap-dog-training-puppy-tips-guide.jpgчитається як спам.
2. Пишіть alt-текст передусім для людей
Alt-текст — це речення, яке екранний читач вимовляє вголос, і текст, що показується, якщо зображення не завантажилося. Google також читає його, щоб зрозуміти картинку. Пишіть його так, ніби ви описуєте зображення тому, хто не може його бачити.
- Добре:
alt="Цуценя золотистого ретривера сидить за командою під час тренування" - Слабко:
alt="цуценя" - Погано:
alt="дресура собак цуценя поради найкращий кінолог поруч зі мною"
Описуйте те, що насправді в кадрі. Якщо зображення суто декоративне, використайте порожній alt="", щоб екранні читачі його пропустили. Не починайте зі «Зображення» — пошуковики й екранні читачі вже знають, що це зображення.
3. Задайте правильний розмір і осучасніть кожен файл
Ось де SEO й швидкість сторінки зустрічаються. Завелике зображення сповільнює сторінку, а повільні сторінки ранжуються гірше й втрачають читачів. Два ходи це виправляють.
Віддавайте той розмір, у якому показуєте. Картинка, показана завширшки 1000 пікселів, не має бути файлом на 4000 пікселів. Спочатку змініть розмір.
Використовуйте сучасний формат. WebP — розумний вибір за замовчуванням у 2026; він на 25–35% менший за JPEG із повсюдною підтримкою браузерів. AVIF стискає ще сильніше. Конвертер зображень може цілитися в AVIF і автоматично відкочується до WebP, коли AVIF не підходить, тож ви завжди відвантажуєте найменший формат, який дозволяє ситуація.
Потім стисніть. Стиснення зображень перекодовує з обраною вами якістю, квантує PNG до 256 кольорів і ніколи не виводить файл більший за оригінал. Для зображень цілої сторінки обробіть їх пакетно й завантажте ZIP.
Швидка таблиця цілей:
| Застосування | Формат | Ширина |
|---|---|---|
| Hero | WebP / AVIF | 1600–2000 px |
| Всередині статті | WebP | 1000–1400 px |
| Мініатюра | WebP | 300–500 px |
| Логотип / іконка | PNG чи SVG | за потреби |
4. Керуйте тим, як завантажуються зображення
- Лінива підгрузка зображень нижче лінії згину через
loading="lazy", щоб вони завантажувалися лише коли читач прогортає близько. - Задавайте атрибути width і height, щоб зарезервувати місце й запобігти зсуву макета — добре і для досвіду користувача, і для Core Web Vitals.
- Надавайте адаптивний
srcset, щоб телефони отримували малі файли, а десктопи — великі.
5. Підтримуйте свої зображення сторінкою
- Розміщуйте кожне зображення поруч із текстом, що обговорює ту саму тему; контекст допомагає пошуковикам його інтерпретувати.
- Додайте запис sitemap для зображень для важливих зображень, якщо ваша CMS це підтримує.
- Використовуйте підписи там, де вони справді допомагають читачеві — їх читають частіше за основний текст.
Проведіть аудит, перш ніж вважати справу зробленою
Вгадувати, які зображення заважкі, — марнування часу. Проженіть сторінку через Аудит швидкості сторінки, який використовує Google PageSpeed Insights плюс звіт про вагу зображень, щоб перелічити ваші найважчі ресурси й позначити все, що завелике чи в старому форматі. Цей аудит потребує інтернет-з'єднання, бо звертається до живого API Google — це єдиний тут інструмент, що не працює офлайн. Виправте найбільших порушників першими й перезапустіть.
Коротка версія
Описові назви файлів, чесний alt-текст, файли правильного розміру у WebP чи AVIF і лінива підгрузка. Робіть ці чотири речі послідовно — і ваші зображення допомагатимуть вам ранжуватися і в веб-, і в пошуку зображень, тримаючи сторінку швидкою. Аудит, виправлення найважчих файлів, повтор.