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

В случае с фотографией на сайте “больше” не значит “лучше”. Фотография слишком большого размера существенно замедляет время загрузки сайта (а если таких фотографий много, тормозит его очень сильно). Зачастую админки блог-платформ либо маркетплейсов ограничивают размер снимков, которые на них можно загрузить, либо уменьшают картинку самостоятельно. И правильно делают: сайт, который медленно грузится, теряет клиентов: как показало исследование американской компании Akamai, 40% посетителей уходят с сайта, который грузится более 3 секунд; 52% называют быструю загрузку в числе факторов, влияющих на их лояльность; 3 секунды ожидания уменьшают лояльность клиентов примерно на 16%.

Слишком медленная загрузка может также повлиять на выдачу сайта в поисковых запросах: Google понижает в выдаче слишком медленные сайты, потому что они не нравятся посетителям.

Безусловно, фото на сайте должно быть четким и качественным. Позаботьтесь об этом. Фотографии, автоматически уменьшенные админкой сайта, как правило, теряют качество. Но вот современные редакторы изображений сохраняют отличное качество при уменьшении размера и разрешения снимка.  Среднего разрешения для веб-картинки будет более чем достаточно.

Самые распространенные форматы цифровых фотографий – .png, .jpeg и .gif – по-разному ведут себя при уменьшении изображений.

Формат JPEG сжимает изображения с потерей качества: чем больше сжатие, тем хуже качество изображения. Однако в силу особенностей технологии сжатия он отлично подходит для уменьшения многоцветных изображений с плавным переходом цветов, большим количеством разноцветных деталей. А вот JPEG-фотографии с большими однотонными участками (чертежи, рисунки-схемы, печатный текст) после  уменьшения будут выглядеть нечетко.

Формат GIF работает с ограниченным количеством цветов – в его базе всего 256 основных цветов, остальные оттенки он подбирает, смешивая соседние пиксели. Поэтому при уменьшении полноцветных фотографий в этом формате их качество значительно ухудшается.

Формат PNG оптимален для сжатия без потерь: он позволяет сохранять изображения, в которых требуется особенная четкость (тот же печатный текст или чертежи), очень хорош для изображений с резкими переходами цветов.

Среди фотографий, загружаемых на сайт, не должно быть IMG_3983.jpg, image02.jpeg или новая-коллекция-2017.png. Для поисковой машины название картинки – это тоже осмысленный текст, который может появиться в поисковой выдаче. Так что оптимальное название для фото – слово или словосочетание, по которым его могут искать в поисковиках, точное и краткое описание изображения.

Помимо “имени” самого файла, при загрузке на сайт система предложит вам заполнить графы “Название” и  “Атрибут Alt”. Не игнорируйте эту возможность: данные несколько слов являются информацией для поисковых роботов, помогая им лучше понять, чему посвящен ваш сайт, и в итоге улучшают позиции сайта в поисковой выдаче. Идеальный атрибут Alt – это короткое описание изображения, содержащее ключевые слова сайта.

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

Соблюдайте все правила – и пусть каждая картинка ведёт ваш сайт к успеху!