Як підготувати зображення для SEO: назва файлу, заголовок, альтернативний текст і опис
На вашому сайті кілька сотень фотографій товарів. Кожна щось показує: лампу, пам’ятник, кросівку, крісло. Але якщо файл називається IMG_4821.JPG, не має альтернативного тексту і не має заголовка, то для пошукових систем і для моделей штучного інтелекту це зображення порожнє. Ніхто не знає, що на ньому.
Цей текст описує, що саме заповнюють, чим ці поля відрізняються і які правила вирішують, чи опис щось дає, чи він лише наповнювач.
Чотири поля, а не одне
Біля кожного зображення у WordPress є чотири місця для заповнення. Вони роблять різні речі й не є взаємозамінними.
| Поле | Що це | Хто це читає |
|---|---|---|
| Назва файлу | фізична назва на сервері, частина URL зображення | пошукові системи |
| Заголовок | підпис запису в медіабібліотеці | пошукові системи, іноді видно на сторінці |
| Альтернативний текст | що показує зображення, коли воно не завантажується | читачі екрана, пошукові системи |
| Опис | довший контекст | сторінка вкладення, пошукові системи |
Різниця на одному зображенні:
погано: IMG_4821.JPG
(заголовок: IMG_4821, alt: порожній, опис: порожній)
добре: nastilna-lampa-latun.webp
заголовок: Настільна лампа з латуні — лляний абажур
alt: Латунна настільна лампа з лляним абажуром на дерев'яному столі
опис: Настільна лампа зі шліфованої латуні, висота 42 см. Абажур
із натурального льону. Знято збоку на тлі гладкої стіни.Назва файлу заслуговує окремої згадки, бо більшість SEO-розширень її взагалі не чіпає — а Google читає її як підказку, що зображено на фото.
Правило понад усі: пишіть те, що люди шукають
Найчастіша помилка в альтернативному тексті й заголовку — описувати кадр замість товару:
- ❌ «великий план», «вигляд згори», «кадр збоку», «товар на білому тлі»
- ✅ «настільна лампа латунь», «гранітний пам’ятник одинарний», «керамічна урна»
Ніхто не пише в пошук «великий план». Пишуть назву речі, яку хочуть купити. Описи кадру мають своє місце — у полі опису, не в заголовку і не в альтернативному тексті.
Те саме стосується квітчастих речень. За фразою «настільна лампа латунь» стоїть реальний попит. За фразою «елегантна настільна лампа, ідеальна для вітальні в класичному стилі» — жодного: що довша й описовіша фраза, то певніше, що ніхто її не набирає.
Фрази ПОВИННІ повторюватися. Речення — ні
Звучить суперечливо, тож варто розписати.
Якщо у вас двадцять фотографій настільних ламп, фраза «настільна лампа» має бути при всіх двадцяти. Саме вона дає видимість — прибрати її, «щоб не повторювалося», означає вистрелити собі в ногу.
Повторюватися не мають цілі заголовки. Двадцять однакових записів «Настільна лампа» — для пошукової системи двадцять копій тієї самої інформації. Змінюється будова речення й деталь, що їх відрізняє:
Настільна лампа з латуні — лляний абажур
Настільна лампа з латуні, висота 42 см
Лампа зі шліфованої латуні для вітальні
Настільна лампа з масивної латуні зі скляним абажуромТа сама фраза, щоразу інший заголовок.
Назва файлу має жорсткі правила
Назва файлу стає частиною URL, тож має пройти через сервери, кеші, CDN і файлові системи. Безпечний зразок — малі латинські літери, цифри й дефіси, більше нічого:
^[a-z0-9]+(-[a-z0-9]+)*$Тобто: nastilna-lampa-latun.webp — так. Настільна Лампа (2).JPG — ні.
Що це означає на практиці:
- Без кирилиці.
настільна лампа→nastilna-lampa,ж→zh,х→kh. - Без пробілів і підкреслень. Звичайний дефіс, не
_. - Без номерів версій.
lampa-2-final-ostatochnyiнікому нічого не каже.
Тут є пастка, яка стосується саме українських сайтів: тримайтеся однієї системи транслітерації. Слово «оптимізація» можна записати як optymizatsiia або optymizatsiya, і обидва виглядають правильно. Але для пошукової системи це два різні рядки, і якщо в бібліотеці є обидва варіанти, сигнал розщеплюється навпіл. Офіційна транслітерація (КМУ 2010) дає iia — оберіть одну систему й тримайтеся її в усіх файлах.
Крім того, транслітерація здатна зламатися посеред слова — виходять назви на кшталт dizain-na-fotьойл, наполовину латинізовані, наполовину ні. Краще нав’язати зразок технічно, ніж сподіватися, що вийде добре.
Чого в описах бути не повинно
Персональних даних із фотографії. Імен, прізвищ, дат народження і смерті — у жодному полі, зокрема й у назві файлу.
Це стосується кількох ремесел водночас: каменярство, весільна й портретна фотографія, меморіальні таблиці, скрізь, де на знімку видно чиєсь ім’я. Назва файлу публічна й індексується — прізвище в ній це прізвище, виставлене в інтернет.
Замість pamiatnyk-ivan-kovalenko-1943-2019.webp → pamiatnyk-chornyi-hranit-khrest.webp.
Зображення, на яких немає товару
Не все на сайті — товар. Настроєві знімки, інтер’єри, краєвиди, люди за роботою — їм теж потрібен альтернативний текст, але не можна приписувати їм товар, якого на них немає.
Фото майстерні описують як майстерню, а не як «гранітний пам’ятник у майстерні». Її прив’язують до ремесла загальнішою фразою — «каменярська майстерня», «столярна майстерня» — і все. Альтернативний текст, який обіцяє товар, а показує інше, гірший за загальний.
Вага файлу — теж частина цієї роботи
Описати зображення й полегшити його — дві різні справи, але роблять їх за один підхід, бо стосуються того самого файлу.
Розумна мета — близько 130 КБ на фото товару. Не 50 КБ — нижче певного порогу зображення починає розсипатися, а ваш список «до виправлення» стає таким, який ніколи не вдасться очистити, бо частина фотографій фізично не опуститься нижче без шкоди.
Формат WebP дає файли приблизно на 25–35% легші за JPG при тій самій видимій якості. Кілька реальних вимірювань:
PNG 2000 × 2000 px, 5,6 МБ → WebP 1229 × 1229 px, 79 КБ (−98,6%)
настільна лампа 1254 px, 75,9 КБ → 700 px, 14,7 КБУ другому випадку різниця для ока невимірна на retina-екрані (RMS 1,97/255) — файл уп’ятеро легший і має той самий вигляд.
Ваги фотографій товарів 440 × 440 px після стиснення, для масштабу: шафа 7,5 КБ, кросівка 8,3 КБ, шолом 14,0 КБ, крісло 15,4 КБ.
Закордонні ринки: опис пишуть заново, а не перекладають
Якщо ви продаєте до Німеччини чи Іспанії, переклад українського альтернативного тексту — найгірше з можливих рішень. Ви отримаєте українські фрази, записані німецькими словами — мовно правильні, але це не те, що німець набирає в пошуку.
Приклад із вимірювання попиту: у Німеччині люди шукають англійське «alt text generator», а не німецьке «Alternativtext». У Фінляндії ніхто не пише слово «конвертер» — пишуть просто «webp jpg». Швед і норвежець віддають перевагу дієслову («конвертувати»), а не іменнику («конвертер»). Переклад цього не виявить, бо він працює з реченням, а не з тим, як люди шукають.
Опис для закордонного ринку треба написати з нуля з фраз, зібраних для цього ринку.
З чого почати: порахуйте, скільки маєте роботи
Перш ніж щось писати, з’ясуйте масштаб. Число на кшталт «412 зображень без альтернативного тексту» каже більше, ніж будь-який намір «колись цим зайнятися».
Порядок, який має сенс:
- Порахуйте. Скільки зображень без alt, скільки називаються
IMG_xxxx, скільки важать понад мегабайт. - Стисніть усе. Це безкоштовно, механічно й не потребує думання.
- Опишіть зображення, які продають. Картки товарів, категорії, головна сторінка.
- Решту залиште на потім. Фото з допису чотирирічної давнини зачекає.
Контрольний список для одного зображення
- Назва файлу: малі латинські літери, дефіси, без кирилиці, каже, що на фото
- Заголовок: містить товарну фразу, але не збігається з іншими
- Alt: описує товар, а не кадр; це не список ключових слів
- Опис: тут можна писати про ракурс, тло, розміри, контекст
- Жодних імен, прізвищ і дат у всіх чотирьох полях
- Вага близько 130 КБ, формат WebP
- Якщо продаєте за кордон: опис написаний заново, а не перекладений
Скільки це триває
Чесно: за дотримання всіх наведених правил одне зображення — це 2–4 хвилини роботи. На трьохстах зображеннях це більше за цілий день у медіабібліотеці.
Саме в цій точці більшість людей здається — і тому в більшості магазинів бібліотека повна IMG_4821.JPG. Автоматизувати цю роботу має сенс, але варто знати, що саме автоматизується, бо інструмент, який пише в alt «великий план товару на білому тлі», не зробив нічого.
ConverterSEO пише описи зображень за правилами, наведеними вище — стиснення безкоштовне й без ліміту та працює на вашому власному сервері, тож фотографії його не покидають. Аудит бібліотеки, який дає вам число, працює без реєстрації.
Що ви з цього маєте
Назва файлу, заголовок, альтернативний текст і опис — чотири поля, яких пошукова система не здогадається сама. Заповніть їх за правилами вище, і зміняться три речі.
- Ваші зображення починають знаходити. Google Картинки мають власний трафік, а єдиний шлях туди веде через текст навколо фото. Зображення без опису для них порожнє.
- Сторінки перестають важити як камінь. Фото просто з фотоапарата — це кілька мегабайтів; те саме фото у WebP із заданою максимальною шириною — кілька десятків кілобайтів. На двадцяти зображеннях на сторінці цю різницю чути в часі завантаження.
- Alt перестає бути порожнім атрибутом. Його читає читач екрана незрячої людини — і пошукова система, коли зображення не завантажилося.
Жодна з цих речей не потребує технічних знань. Потребує часу — і це єдина справжня проблема всієї цієї роботи.
Як скоротити цей день
ConverterSEO — це розширення для WordPress. Ви його встановлюєте й працюєте там, де й так є: у медіабібліотеці. Немає окремої панелі, куди треба завантажувати зображення, ані експорту назад.
Дві речі працюють без реєстрації: аудит, який порахує, скільки зображень не має опису, має назву просто з фотоапарата або ніколи не було стиснуте — і саме стиснення, безкоштовне й без ліміту. Стиснення відбувається на вашому сервері, тож фотографії його не покидають. Облікового запису потребує лише написання описів, бо це єдина частина, яка чогось коштує. Безкоштовний план не просить картки.