Як оптимізувати зображення для сайту: рекомендації від Ланет CLICK

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

Як створити картинки, оптимізовані для пошукових систем

Є чотири основні вимоги до створення картинок:

1. Формат. Найпопулярнішим форматом картинок є Webp, він важить найлегше, однак не всі браузери його підтримують. Також використовують формати JPEG (для звичайних картинок), PNG (для графіки від дизайнера) і SVG (для векторної графіки). 
2. Якість. Звісно, передусім картинка повинна подобатися користувачеві. Але водночас вона повинна бути чіткою, різкою й відповідати контенту, представленому на сторінці.
3. Вага. Чим більше важить зображення, тим довше воно завантажується. Тож радимо стиснути картинку за допомогою спеціальних сервісів.
4. Розміщення. Зображення варто зберігати виключно на домені вашого сайту або його піддомені.  

Секрети стиснення зображень без втрати якості

Як зазначалося вище, для досягнення високої швидкості завантаження картинок, бажано стиснути їх. Але як зробити це без втрати якості? Використовуйте:

• десктопні програми, як-от Caesium, Light Image Resizer та Adobe Photoshop;
• мобільні додатки, зокрема Image Compressor, Pictools і Photo Compress 2.0.;
• онлайн-сервіси, які доступні без завантаження, наприклад, Iloveimg, Compressor і Resize Pixel.

SEO для зображень: як правильно оптимізувати ваші картинки

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

1. Назва файлів. Зазвичай назви файлів генеруються випадковим чином, що негативно впливає на подальшу оптимізацію. Тому радимо витратити час на створення коректних назв файлів. Для цього використовуйте латиницю й замість дефісів ставте пробіл, оскільки він читається пошуковою системою як дефіс.
2. Зберігання. Якщо ви зберігатимете всі ваші зображення в одному місці, ваш сайт надзвичайно довго завантажуватиметься. Щоб цього уникнути, розробіть структуру й розподілить картинки по всьому хостингу.
3. Розташування. Картинки, розміщені на сайті, повинні відповідати контенту поруч. Уявімо, що ви пишете статтю про домашніх улюбленців. Ви ж не будете розміщувати фото песика поруч з абзацом, який присвячений котикам, чи не так? Не забувайте, що зображення повинні відповідати не лише загальній темі, але й тексту, що поруч. 
4. Беклінки. Це анкори посилань на зображення з зовнішніх ресурсів. Під час їх розміщення врахуйте, що текст анкора та зміст картинки повинні збігатися.
5. Метатеги. Атрибути Alt та Title важливі для оптимізації. Тож варто не лише заповнити їх, але й додати до описів ключові слова.
6. Карта зображень. Якщо ви користуєтеся Java Script, вам необхідно створити карту зображень, аби користувачі знайшли ваші картинки. У разі її відсутності картинки просто не будуть індексуватись.
7. Мікророзмітка. Вона допомагає розділити зображення на категорії, що значно сприяє подальшій оптимізації та ранжуванню сайту.
8. Унікальність. Усім відомо, що унікальність тексту відіграє суттєву роль під час ранжування сайту. Те ж стосується і картинок. Якщо зображення на сайті неавтентичні, ви ризикуєте втратити позиції у пошуковій видачі.

Але тут постає цікаве питання: де ж взяти унікальні картинки? Звісно, використовувати Google, а точніше пошук за картинками Google. Щоправда, є одне велике але. Перш ніж починати пошук, переконайтеся, що ви вибрали фільтр Creative Commons. Його автори дозволяють використання картинок із посиланням на джерело. Також можна скористатися платформою Reddit, адже її користувачі автоматично погоджуються, що весь опублікований контент є публічним. 

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