Картина маслом: 5 способів просунути сайт за допомогою фото

  1. Оптимізуйте розмір зображення
  2. Правильно вибирайте формат
  3. Називайте файли осмислено
  4. Заповнюйте Alt-опис фото
  5. Подбайте про гармонію

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

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

Подбайте про гармонію

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

Дотримуйтесь правил - і нехай кожна картинка веде ваш сайт до успіху!

Матеріали по темі

О потрібно для цього зробити?
Меню сайта
Мини-профиль
  • Регистрация Напомнить пароль?

    Бесплатно можно смотреть фильмы онлайн и не забудьте о шаблоны dle на нашем ресурсе фильмы бесплатно скачать c лучшего сайта
    Опросы
    Топ новости
    Инструкция: как включить подсветку клавиатуры на ноутбуке Asus


    Заблокировалась и отключилась встроенная клавиатура на ноутбуке: как снять блокировку и включить? 


    Ремонт ноутбука ASUS N75S в Санкт-Петербурге (СПб): замена дисплея, замена клавиатуры, ремонт корпуса Асус N75S, замена матрицы
    Услуга Стоимость, руб. Диагностика ASUS N75S Бесплатно (500р при необходимости разбора) Профилактические работы с системой охлаждения + замена кулера 2500 р * Замена чипа (видеочипа) ASUS N75S 6000-6500 Замена

    Как поменять клавиатуру на ноутбуке самостоятельно?
    Владельцы мастерских по ремонту компьютеров часто встречаются со случаями, когда приносят ноутбук, на который была пролита какая-либо жидкость. В некоторых случаях подобная ситуация означает, что понадобится

    Как правильно и быстро снять клавиши с клавиатуры ноутбука
    При продолжительной и тем более неаккуратной эксплуатации ноутбука часто образуются проблемы с клавишами. Они могут залипать, плохо нажиматься, а некоторые клавиши и вовсе могут сломаться. Для решения

    Как почистить клавиатуру компьютера
    С появлением компьютера человек все больше времени проводит за ним. Это и рабочий инструмент, и средство развлечения. Поэтому, совсем неудивительно, что определенные устройства, используемые для ввода

    Замена и ремонт клавиатуры для ноутбука, видео-инструкции
    Замена клавиатуры и кнопок ноутбука показано на видео с подробным объяснением процесса. Цена замены в сервисном центре от 200 рублей . Звоните по тел: +7 (812) 640-03-20 . Замена или ремонт

    4 способа, как отключить клавиатуру на ноутбуке
    Если у вас есть ноутбук, то клавиатура и тачпад на нем являются важными составляющими, без которых работа на устройстве будет вызывать сложности. Конечно есть альтернативы в виде клавиатур и мышей, которые

    Как правильно и быстро снять клавиши с клавиатуры ноутбука
    При продолжительной и тем более неаккуратной эксплуатации ноутбука часто образуются проблемы с клавишами. Они могут залипать, плохо нажиматься, а некоторые клавиши и вовсе могут сломаться. Для решения

    Как правильно и быстро снять клавиши с клавиатуры ноутбука
    При продолжительной и тем немало неаккуратной эксплуатации ноутбука часто образуются проблемы с клавишами. Они могут залипать, нехорошо нажиматься, а некоторые клавиши и вовсе могут сломаться. Для решения