На що звернутися при додаванні зображень

Як додати зображення на сайт? - 10 порад

1. Вставте зображення з правильними розмірами.

Надзвичайно важливо знайти золоту середину у відповідних вимірах.

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

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

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

2. Звернути увагу на важливість графіки

Продовжуючи тему, підняту в попередньому пункті, зображення, які ви додаєте на свій сайт, не повинні бути надто "важкими", оскільки вони уповільнюють роботу всього сайту.

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

Ви можете оптимізувати графіку за допомогою інструмента під назвою TinyPNG.

Якщо ви використовуєте WordPress, хорошим плагіном для цього завдання виявиться WP Smush.

3. Використовуйте лише високоякісні зображення

"Якість" - це слово має супроводжувати вас в Інтернеті на кожному кроці, якщо у вас є свій сайт.

Будь-яка графіка, яку ви додаєте, має бути просто візуально привабливою. Вони не повинні містити жодних плям або помітних так званих артефактів, які з'являються при стисненні файлів JPG.

Давайте подивимося правді в очі – краще взагалі не додавати графіку, ніж вставити таку, яка викличе лише розчарування у відвідувачів.

4. Використовувати відповідні формати

Формат не однаковий.

JPG – це універсальний тип. Він ідеально підходить для багатобарвної графіки – наприклад, фотографій.

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

Пам'ятайте обидва вищезазначені фактори при виборі правильного формату.

5. Надавати велике значення правильним іменам файлів

Ви, напевно, помічали, що камери називають файли за певною схемою.

Це можуть бути, наприклад, IMG_XXXX.jpg, DSC_XXXX.jpg або кілька довших рядків, що містять точну тимчасову мітку в момент, коли була зроблена фотографія.

Біда в тому, що таке найменування для нас зовсім зайве. Подібні імена нічого не кажуть нам.

Тому перейменуйте їх у імена, які набагато легше запам'ятати і які відповідають зображенню - cat-ani.jpg, car-tomka.jpg і т.д.

Можливо, вам знадобиться утиліта Bulk Rename Utility, яка дозволяє перейменувати відразу багато зображень за обраною вами схемою.

6. Пам'ятайте про контекст

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

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

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

7. Заповніть так званий атрибут ALT

Оптимізація графіки для SEO тісно пов'язана з так званим атрибутом ALT.

Це текст, який відображається замість зображення, якщо воно якимось дивом не завантажиться (звідси і назва - ALT від "alternative").

Він також підказує роботам пошукових систем про те, що містить (або має містити) зображення.

Проблема в тому, що багато людей зовсім не звертають на це уваги – а шкода, адже це дуже важливо.

Увімкніть короткий, буквально в кілька слів, опис того, що являє собою зображення. Це дуже корисно для SEO, і це не варто нехтувати.

8. Будьте обережні зі стоковими фотографіями

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

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

Багато користувачів просто відчувають подібні емоції і не повністю довіряють сайтам, що використовують погано підібрані стокові фотографії.

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

Тоді ми розуміємо, що цей бізнес просто ставить на вигляд правду.

9. Додавайте зображення, які просто корисні

Я вже згадував, що зображення додаються на сайт з певною метою.

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

Візуальний контент здатний донести до нас набагато більше, ніж прості пропозиції. Інфографіка, діаграми, ілюстрації або просто візуально приваблива графіка – все це підвищує цінність сторінки та змушує нас сприймати її набагато краще.

До речі, можу порекомендувати текст про те, як підвищити CTR за допомогою зображень.

10. Переконайтеся, що графіка добре виглядає в мобільній виставі

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

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

Тому переконайтеся, що вони правильно масштабуються на планшетах та смартфонах.

Також слід пам'ятати, що чуйна версія вашого сайту не обов'язково має надавати контент у формі 1:1 до того, що можна побачити на настільних комп'ютерах.

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

Навіщо захаращувати огляд тим, що марно?

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

Хоча б дотримуючись десяти наведених вище порад.

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