- Оптимізуйте розмір зображення
- Правильно вибирайте формат
- Називайте файли осмислено
- Заповнюйте Alt-опис фото
- Подбайте про гармонію
Хороші фотографії на сайті не тільки привертають покупців, а й можуть стати джерелом органічного трафіку. що потрібно для цього зробити?
Depositphotos
1
Оптимізуйте розмір зображення
У випадку з фотографією на сайті "більше" не означає "краще". Фотографія надто великого розміру істотно сповільнює час завантаження сайту (а якщо таких фотографій багато, гальмує його дуже сильно). Найчастіше адмінки блог-платформ або маркетплейсов обмежують розмір знімків, які на них можна завантажити, або зменшують картинку самостійно. І правильно роблять: сайт, який повільно вантажиться, втрачає клієнтів: як показало дослідження американської компанії Akamai, 40% відвідувачів йдуть з сайту, який вантажиться більше 3 секунд; 52% називають швидке завантаження в числі факторів, що впливають на їх лояльність; 3 секунди очікування зменшують лояльність клієнтів приблизно на 16%.
Занадто повільне завантаження може також вплинути на видачу сайту в пошукових запитах: Google знижує у видачі занадто повільні сайти, тому що вони не подобаються відвідувачам.
Безумовно, фото на сайті має бути чітким і якісним. Подбайте про це. Фотографії, автоматично зменшені адмінкой сайту, як правило, втрачають якість. Але ось сучасні редактори зображень зберігають відмінну якість при зменшенні розміру і дозволу знімка. Середнього дозволу для веб-картинки буде більш ніж достатньо.
2
Правильно вибирайте формат
Найпоширеніші формати цифрових фотографій - .png, .jpeg і .gif - по-різному поводяться при зменшенні зображень.
Формат JPEG стискає зображення з втратою якості: чим більше стиснення, тим гірше якість зображення. Однак в силу особливостей технології стиснення він відмінно підходить для зменшення багатобарвних зображень з плавним переходом кольорів, великою кількістю різнокольорових деталей. А ось JPEG-фотографії з великими однотонними ділянками (креслення, малюнки-схеми, друкований текст) після зменшення виглядатимуть нечітко.
Формат GIF працює з обмеженою кількістю квітів - в його основі всього 256 основних кольорів, інші відтінки він підбирає, змішуючи сусідні пікселі. Тому при зменшенні повнокольорових фотографій в цьому форматі їх якість значно погіршується.
Формат PNG оптимальний для стиснення без втрат: він дозволяє зберігати зображення, в яких потрібна особлива чіткість (той же друкований текст або креслення), дуже хороший для зображень з різкими переходами кольорів.
3
Називайте файли осмислено
Серед фотографій, що завантажуються на сайт, не повинно бути IMG_3983.jpg, image02.jpeg або нова-колекція-2017.png. Для пошукової машини назву картинки - це теж осмислений текст, який може з'явитися в пошуковій видачі. Так що оптимальне назву для фото - слово або словосполучення, за якими його можуть шукати в пошукових системах, точне і короткий опис зображення.
4
Заповнюйте Alt-опис фото
Крім "імені" самого файлу, при завантаженні на сайт система запропонує вам заповнити графи "Назва" і "Атрибут Alt". Не ігноруйте цю можливість: дані кілька слів є інформацією для пошукових роботів, допомагаючи їм краще зрозуміти, чому присвячений ваш сайт, і в підсумку покращують позиції сайту в пошуковій видачі. Ідеальний атрибут Alt - це короткий опис зображення, що містить ключові слова сайту.
5
Подбайте про гармонію
Вибираючи фотографії, подивіться, як вони в сукупності будуть виглядати на сайті. Не допускайте "різнобою" між горизонтальними і вертикальними знімками, перевірте, чи достатня кількість пікселів в фотографії, щоб заповнити призначене для неї простір (рекомендована висота і ширина зображення для сайту залежать від структури сайту). Перевірте, як картинки будуть виглядати в мобільних пристроях.
Дотримуйтесь правил - і нехай кожна картинка веде ваш сайт до успіху!