Заповнюємо атрибут ALT або як підписувати зображення на комерційному сайті

1. Як підписувати зображення
2. Кілька фотографій одного і того ж товару
3. Багато схожих товарів
4. Категорії vs картка товару
5. Атрибут ALT важливий тільки для пошуку по зображеннях або для органіки також?
6. А що на рахунок тайтла?

Часто власники комерційних проектів нехтують таким джерелом трафіку, як пошук по зображеннях. Хтось випадково закриває зображення від індексації в robots.txt, інші забувають підписати фотографії товарів, треті використовують малоінформативні підписи типу загальних фраз або просто слово "фото". Пропоную виправити цю ситуацію і оптимізувати підпису, так як це може дати, нехай і не великий, але додатковий цільовий трафік.

Якщо ми говоримо про комерційні сайтах, то людина яка прийшла з пошуку по зображеннях не обов'язково має інформаційний Интент. Часто ці люди мають комерційний Интент, просто не знають, як виглядає той чи інший товар / виріб (наприклад, запити "ніж для різання лінолеуму" або "samsung 4220 картридж") або шукають модель по сподобалася фотке (приклад запитів з практики: "стільчик для годування "," домашній телескоп ").

Щоб отримувати весь цей трафік, перше, про що потрібно подбати - розповісти пошуковим системам, з допомогою атрибута ALT, що зображено на картинці, але в тих словах, як це шукали б ваші клієнти.

Наприклад, як можна підписати наведене нижче фото, якщо у вас магазин дитячого одягу?

1. "Фото 1" - Невдалий варіант, так як зовсім не описує зображення, а має суто технічний характер. Також відсутність змістовного тексту погано позначається на індексації зображень (див. Докладніше в хелпе Яндекса ).

2. "Усміхнений хлопчик в жовтій шапці" - добре описує зображення, але зовсім не підходить для комерційного сайту, так як тут потрібна аудиторія, яка шукає шапку, а не хлопчиків. Хлопчик на фото потрібен чисто для збільшення конверсії.

3. "Шапка в'язана" - вже краще, цей напис зможе залучити потрібних людей. Але у вас на сайті може бути багато в'язаних шапок, та й краще описати зображення трошки детальніше.

4. "В'язана шапочка Huppa Bros" - оптимальний варіант, так як є назва фірми вироби, а також слово "шапочка" краще відображає розмір. Якщо на сайті є подібні шапочки різних кольорів, то можна в ALT додавати в тому числі колір.

5. "В'язана шапка Huppa Bros, дитяча шапка, шапочка для дитини Huppa Bros, жовта в'язана шапочка відгуки" - не займайтеся дурницями переоптмізаціей. У наш час за такі тексти можна отримати санкції від пошукових систем, плюс такий опис в ALT не дасть великих переваг сайту, якщо у вас великий асортимент.

Як підписувати зображення

Які загальні принципи підписів зображень можна виділити з наведеного вище прикладу?

- Короткий і правдивий опис зображення.

Якщо опис фото не буде збігатися з його вмістом, то це зображення просто не отримає кліків з пошуку. Звідси, автоматично створені підписи в ALT необхідно перевірити ще раз.

- Довжина не менше 3-4 слів і не більше 250 символів.

Менше ніж 3 словами складно описати товар, вставивши всі необхідні ключові слова. А на рахунок верхньої межі, судячи з даними експериментів , Зараз пошукачі не беруть з альта більше ніж 250-255 символів.

- Наявність важливих ключових слів.

Аналогічно заголовкам H1 і TITLE, атрибут ALT повинен містити важливі для просування цього зображення (не цільовий сторінки) ключові фрази.

- Відсутність спаму.

Переоптімізірованние і заспамленності альти можуть стати причиною накладення санкцій, як від Яндекса, так і від Google. Тому, не треба вставляти в ALT всі потрібні вам ключові слова, обмежуйтеся найнеобхіднішими і найбільш точно описують зображення. Також не потрібно додавати в альти слова "купити", "відгуки" або "ціна" (якщо це звичайно не скріншот відгуків або прайсу), але можна використовувати слово "фото".

- Порожні альти для декоративних зображень.

Якщо якісь картинки на сайті є частиною дизайну - логотипи, кнопочки і стрілочки, а також інші декорації, для них краще використовувати порожні теги ALT. Дехто примудряється і сюди вставляти ключові слова, але це марно. Оптимальним рішенням буде взагалі винести подібні зображення в CSS -спрайти .

Тут більше нічого додати, хіба що приділити увагу кількох моментів.

Кілька фотографій одного і того ж товару

Зазвичай інтернет-магазини на картці товару содеражат кілька зображень товару в різних ракурсах, щоб можна було його детальніше розглянути.

Як надходити з підписом в такому випадку? Найпростіший варіант - залишити один і той же опис для всіх фото. Це нормальний і часто використовуваний випадок. Пошуковику важливіше унікальність самих фото, і зрозуміло, що на фотографіях картки товару скоріше за все зображено один і той же, тобто, описувати детальніше сенсу немає. Хіба що додати до основного тексту: "вид 1", "вид 2" і так далі.

Як приклад, спробуйте пошукати модель телескопа, зображення вище: результати в Google , результати в Яндексі . Незважаючи на однакові підписи ALT на самому сайті Штурмана, в пошуку можна знайти різні зображення з однієї і тієї ж картки товару.

Багато схожих товарів

Уявімо, що у вас на сайті кілька різних спідниць.

Як вчинити з описами зображень в цьому випадку? Як і в попередньому пункті, тут можна використовувати один і той же ALT, наприклад, "Спідниця джинсова дитяча", так як тут складно описати картинку детальніше. Google і Яндекс вже будуть показувати різні фото з одного сайту з урахуванням їх унікальності та загального числа хороших фоток в мережі на цю тему (конкуренції). Для назв / заголовків варто витрачати час, щоб зробити їх унікальними для кожної спідниці, додати бренд, колір, наявність якихось фішок або інші характеристики, але для тега ALT в даному випадку це не так важливо.

Категорії vs картка товару

В інтернет-магазині зображення повторюються на картці товару і в категорії, до якої вона належить. Як бути в такому випадку? Чи варто писати унікальні ALT для одного зображення на різних сторінках?

Тут аналогічна ситуація, ALT картинки в категорії можна залишати таким же (так найчастіше робить більшість інтернет-магазинів), як і на картці товару. А вже в залежності від запиту, пошукова система покаже найбільш релевантний документ.

Наприклад, за запитом "Шапка huppa" Google в пошуку по зображеннях виведе жовтого хлопчика з посиланням на категорію сайту / huppa. Але якщо ми додамо в запит назву моделі "Шапка huppa bros" , То відобразитися той же хлопчик, але вже з посиланням на більш релевантну запиту сторінку картки товару / huppa-vyazanaya-shapka-bros-8337-047.

Атрибут ALT важливий тільки для пошуку по зображеннях або для органіки також?

Атрибут ALT для тега IMG грає велику роль в пошуку по зображеннях, як в Google, так і в Яндексі. А чи допомагає він для ранжирування в звичайних органічних результатах пошуку? Судячи з даних проведених експериментів , Google використовує ALT як звичайний текст, і якщо ви тут використовуєте унікальні ключові слова, то по ним також буде знаходитися документ з картинкою. Що стосується Яндекса, цей атрибут ігнорується при органічному пошуку.

Іншими словами, оптимізація альтів не вплине на трафік з органіки в Яндексі (хіба що опосередковано), але може вплинути на веб-трафік з Google.

А що на рахунок тайтла?

Атрибут зображення TITLE враховується тільки Яндексом при пошуку по зображеннях (виходячи з того ж експерименту), і ніде не враховується гуглом. Його краще використовувати для юзабіліті, ніж для підписів зображень, так як написати туди щось відмінне від ALT буде складно, якщо на сайті є тисячі картинок. Іншими словами, я б рекомендував або не використовувати title = "", або дублювати його разом з alt = "", або ж задурити і прописати унікальні тайтли для зображень, відмінні від альтів, але також красиво, коротко і ємко описують фотки, але на мій погляд останній варіант це зайве.

А які опису ALT використовуєте ви?