SEO зображень: alt, вага та розміри
Зображення — це і трафік з пошуку за картинками, і помітна частина ваги сторінки. Перевірка SEO зображень показує, що не так: відсутні описи, важкі файли, невірні розміри.
Що перевіряється
- Атрибут alt — текстовий опис для тих, хто не бачить зображення, і для пошуку.
- Вага файлу — головне джерело повільного завантаження на більшості сайтів.
- Розміри — чи не масштабується величезне зображення до маленького блоку засобами браузера.
- Формат — сучасні формати важать помітно менше при тому ж якості.
- Вказані ширина та висота — без них верстка стрибає при завантаженні.
Що робити зі скріншотами інтерфейсу
Скріншоти живуть довше, ніж інтерфейс на них: через півроку кнопки переїхали, а картинка залишилась. Тому корисно тримати вихідники і знімати однотипно, щоб оновлення було механічним. У нашій базі знань скріншоти зняті за рецептами і переснімаються однією командою — інакше підтримувати сотню статей було б неможливо.
Як писати alt
| Погано | Добре |
|---|---|
| Пусто | Опис того, що на зображенні |
| «img_2024.jpg» | «Звіт по каскаду: публікації по рівнях» |
| Перелік ключових слів | Природна фраза, в якій запит уміщений |
| Один і той же alt у всіх зображень | Свій для кожного |
Декоративним елементам — фонам, роздільникам — alt залишають порожнім: так їх пропускають програми читання з екрану.
Трафік з пошуку за картинками
Це окреме джерело, і воно помітне там, де зображення і є відповідь: рецепти, інтер'єри, схеми, товари. Щоб ним користуватися, потрібні три речі: осмислене ім'я файлу, опис в alt і підпис поруч із зображенням. Плюс саме зображення повинно бути доступним для обходу — закрита в robots.txt папка з зображеннями зустрічається частіше, ніж здається.
Порядок роботи
- Знайдіть найважчі зображення і стисніть їх — допоможе стиснення в браузері.
- Вкажіть ширину та висоту, щоб прибрати зсуви верстки — див. Core Web Vitals.
- Напишіть осмислені alt на сторінках, які просуваєте.
- Перевірте результат вимірюванням швидкості.