Оптимізуйте зображення для Інтернету
Швидкість завантаження веб-сайту є вирішальним фактором якості досвіду, пропонованого його користувачам, але це також критерій в алгоритмі Google. З цих причин важливо не забувати цей аспект. У цій статті йдеться не лише про оптимізацію зображень з технічної точки зору, а й про її оптимізацію на семантичному рівні для просування хорошого SEO для вашого веб-сайту..
Резюме
1 - Виберіть правильний формат зображення: PNG або JPEG ?
2 - Оптимізуйте заголовки ваших зображень
3 - Керуйте стисненням зображення
4 - Оптимізуйте роздільну здатність зображення
Зазвичай вам потрібні лише два типи зображень в Інтернеті: PNG або JPEG (jpg). Кожен із цих форматів має свої особливості, але простим чином, ось декілька критеріїв, які можуть допомогти вам у виборі:
- PNG ідеально підходить для всіх векторних ілюстрацій і є важливим, коли потрібен „альфа-канал”, тобто коли потрібна прозорість (наприклад, для вашого логотипу). На відміну від JPG, PNG дуже добре обробляє плоскі кольори та векторні графіки (як на наступному зображенні).
Підсумовуємо: використовуйте JPG для фотографії та PNG для ілюстрації або якщо потрібна прозорість.
Ще одним важливим фактором для SEO, який часто ігнорують, є назви зображень. "”Назви, оскільки є заголовок файлу (приклад:“ jolie-fleur-bleue.jpg ”), а також альтернативний заголовок (або атрибут alt цього).
Тег alt або перекладач зображень для Google
Атрибут alt або альтернативний заголовок зображення - це атрибут html, який слід розмістити на тезі зображення. Цей атрибут використовується для доступу до людей із вадами зору, а також Google для посилання на відповідне зображення. Google не може інтерпретувати значення зображення (на даний момент), зображення, яке не містить альтернативного заголовка (ні чіткого імені файлу), буде дуже важко проіндексувати в пошукових системах.
Використання цього тегу - це не лише хороша практика SEO: це повідомлення також відображатиметься у звичайному тексті користувачам під час завантаження зображення або якщо воно відображається неправильно.
Отже, це дозволяє вам надати змісту вашому вмісту, якщо зображення не відображається з будь-якої причини.
Назви файлів
Google шукає ключові слова, які може містити заголовок файлу.
Тому бажано використовувати заголовок із конкретними ключовими словами, такими як "agency-development-web.jpg", а не "agency.jpg", що є занадто загальним. Також краще використовувати "-" (дефіси) для розділення слів, а не пробілів чи підкреслення. В ідеалі, ім’я файлу з 2–3 ключовими словами *.
Застосовувати належну політику іменування файлів на своєму веб-сайті, безумовно, нудно, але якщо її застосовувати з самого початку, граничні зусилля, необхідні для кожної нової фотографії, мінімальні. Тому настійно рекомендуємо не поспішати думати про це вище за течією.
Стиснення зображень, безсумнівно, є одним з найважливіших критеріїв щодо оптимізації зображення для вашого веб-сайту.
Метою стиснення є зменшення обсягу пам'яті, необхідного для зберігання зображення, або, що еквівалентно, зменшення часу передачі зображення. Це стиснення може або зберегти зображення цілим, ми говоримо про стиснення без втрат, або дозволяємо погіршити зображення, щоб ще більше зменшити розмір пам'яті, ми говоримо тут про стиснення з втратами. **
Підводячи підсумок, стиснення зменшує вагу зображення із видимим погіршенням якості або без нього.
Переконайтесь самі; внизу зображення, розрізане на дві частини.
Праворуч зображення стиснуто на 60% порівняно із зображенням зліва. Різниця навряд чи помітна, проте зображення праворуч майже в 3 рази світліше (15 КБ проти 40 КБ) !