Ефективна оптимізація зображень

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

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

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

оптимізація зображень

Наявність на сайті якісних зображень – одна зі складових успіху більшості інтернет -проектів. Користувачі воліють одержувати інформацію у вигляді графічних образів, а не тексту. Вона швидше і краще сприймається, простіше запам’ятовується. Для підвищення конверсії сайту і покращення поведінкових факторів необхідно постійний розвиток графічного контенту. Потрібно намагатися максимально візуалізувати всі аспекти і нюанси наявної інформації. Таким чином користувачі захочуть переглядати більше сторінок сайту, їм буде простіше визначитися з вибором і здійснити конверсійне дію.

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

Атрибути зображень alt і title

Найважливішими атрибутами зображень, які можна вказати у відповідному теге HTML – коду, є атрибути alt і title. Їх значення – одні з головних джерел інформації про зображення для пошукових систем.

Атрибут alt – це альтернативне джерело інформації для користувачів, у яких показ зображень в браузері вимкнено. Якщо атрибут alt визначений, то, коли показати картинку буде неможливо, на її місці відобразиться текст атрибута :

Без заданого атрибуту alt зображення буде показано як пусте :

Особливо важливо опис картинок за допомогою атрибуту alt для сайтів, контент яких складають переважно зображення.

Атрибут title надає додаткову інформацію про зображення. Текст, укладений в цьому атрибуті, з’являється при наведенні курсору на картинку :

Рекомендації пошукових систем

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

Повні рекомендації щодо оптимізації зображень від Google можна почитати тут – https://support.google.com/webmasters/answer/114016?hl=ru. Рекомендації Яндекса тут – http://help.yandex.ru/images/indexing.xml.

Коротке резюме рекомендацій Google з поясненнями:

Не вбудовуйте значимий текст у зображення. Іншими словами, всі важливі написи повинні бути в текстовій формі.

Давайте файлів зображень докладні, інформативні назви. У назві файлу краще всього використовувати 1-2 слова, що описують зображення.

Вносьте докладний текст в тег alt.

Оптимальний варіант:

<img src=”puppy.jpg” alt=”песик далматинця грає з палкою”>

Текст посилання. У текстах зовнішніх посилань краще уточнювати, що зможе побачити користувач на цільовій сторінці. Наприклад: « Фотографії нашої поїздки до Ірландії в червні 2008 року».

Надавайте достатньо контексту для зображень. Навколишній зображення текст повинен відповідати тому, що на ньому зображено.

Подумайте про те, як найкраще захистити свої зображення. Це можуть бути різні варіанти, наприклад, нанесення водяних знаків, розміщення коду для вставки зображення на інший сайт, також можна зробити зображення доступними за ліцензії, що вимагає посилання на джерело, наприклад, ліцензії Creative Commons.

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

Створити для кожного зображення окрему цільову сторінку, де буде зібрана вся пов’язана з ним інформація. Це актуально для сайтів, де зображення – одні з основних елементів контенту, або для інтернет -магазинів.

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

Намагайтеся структурувати каталоги таким чином, щоб схожі зображення зберігалися разом.

Вкажіть ширину і висоту всіх зображень. Це дозволить прискорити завантаження сторінок, тому що браузери можуть відображати їх ще до завантаження зображень, якщо відомі розміри місця, яке зарезервоване для незаменяемих елементів.

Коротке резюме рекомендацій Яндекса з поясненнями:

Не забудьте про тексти, що описують картинку :

Підписи до картинок ( alt, title );
Прилеглий до картинки текст;
Імена файлів і скриптів, у тому числі з урахуванням транслітерації та спрощеного підрядкового перекладу;
Тексти посилань на картинки з інших сторінок і з інших сайтів;
Тексти і заголовки коротких документів, що обрамляють одиночну картинку.

Саме за текстами, які відносяться до картинок, Яндекс знаходить зображення за запитами користувачів.

Яндекс індексує картинки тільки стандартних графічних форматів (JPEG, GIF і PNG). Перед завантаженням зображення на сайт варто переконатися, що воно збережено в одному з цих форматів.

    На ранжування також впливає якість самого зображення.

У результатах пошуку для кожної знайденої картинки показується посилання на сторінку, на якій текстовий опис картинки краще відповідає словами запиту. Таким чином, текстовий контент сторінки – важливий фактор ранжування в пошуку по картинках. Як і у випадку з Google, він повинен містити максимум інформації про те, що зображено на картинці, а вона повинна доповнювати текст.

    Дії, які необхідно виконати для оптимізації зображень

1. Зображення повинні зберігатися і відкриватися на тому ж сервері і хостингу, що і сам сайт. Це один з показників якості сайту для пошукових систем. Тільки серйозні сайти і компанії можуть дозволити собі зберігати зображення на своєму хостингу або сервері, тому що це вимагає додаткових матеріальних витрат. Крім цього, такі зображення будуть швидше завантажуватися.

2. Використовувати оригінальні високоякісні зображення з максимальною роздільною здатністю. Ці зображення, у свою чергу, повинні оброблятися системою управління сайту і показуватися на відповідних сторінках у меншому розмірі, щоб сторінка швидко завантажувалася. При натисканні на зображення воно повинно відкриватися в максимально можливому оригінальному розмірі, який тільки доступний.

3. Атрибути alt і title у зображень повинні бути заповнені таким чином, щоб максимально точно описувати його вміст. У них необхідно використовувати 1-2 ключових слова, під які оптимізована сторінка. Краще всього, якщо це буде основне ключове слово, що збігається із заголовком сторінки і анкором посилання на неї з основного меню сайту.

4. Під зображеннями розмістити підпис, яка буде також показуватися знизу при натисканні на нього. Підпис може бути ідентичною атрибуту alt. Підпис має стояти в тому ж абзаці ” P “, комірці таблиці ” TD ” або тезі ” DIV “, що й зображення.

5. Сторінка, на якій розміщено зображення, повинна містити відповідний текст. Текст повинен бути в тому числі і про те, що представлено на зображенні. Воно, у свою чергу, доповнює цей текст.

6. У атрибутах вказати висоту і ширину зображення.

7. Перейменувати файли зображень, написавши їх транслітом. В імені файлу в 1-2 словах вказати те, що міститься в зображенні.

8. До зображень можна додатково додати атрибут LONGDESC. Детальніше про нього: http://htmlbook.ru/html/img/longdesc.

9. У властивостях jpg – файлів оригінальних зображень заповнити наступні поля:

– Назва: збігається з атрибутом alt зображення;

– Тема : назву розділу, до якого належить товар;

– Оцінка : 5 зірок;

– Ключові слова: keywords зі сторінки розділу, до якого належить товар;

– Коментарі: опис товару з поля « Про товар » зі сторінки товару;

– Автори : назва компанії;

– Дата зйомки: дата зйомки;

– Авторські права : назва компанії;

– Розміри: максимальний оригінальний розмір;

– Ширина: максимальний оригінальний розмір;

– Висота : максимальний оригінальний розмір;

– Горизонтальний дозвіл: максимальне оригінальне значення;

– Дозвіл по вертикалі: максимальне оригінальне значення;

– Глибина кольору : Максимальна оригінальне значення;

– Власник : назва компанії;

– Комп’ютер: назва компанії.

Висновок

Як видно, порад і рекомендацій щодо оптимізації зображень від самих пошукових систем цілком достатньо, щоб мати загальне уявлення про те, що потрібно робити, щоб сайт зміг нормально ранжуватися в пошуку по картинках. Багато з рекомендацій перетинаються між собою, деякі – унікальні. Щоб реалізувати більшість з рекомендацій, досить едіноразових дій, завдяки яким буде досягнутий стабільний позитивний результат. Не варто нехтувати можливістю отримати значну кількість відвідувачів на свій ресурс. Завжди слід розміщувати якомога більше графічного контенту, завдяки якому сайт зможе завоювати довіру постійних і нових відвідувачів.