Отсутствие больших изображений

Изображения - обязательный атрибут как для продающего сайта, так и для информационного. Чем больше графики будет на страницах сайта (для описания товара или объяснения текста), тем проще посетителям будет определиться с заказом и понять суть статьи. Но при этом картинки могут принести вред эффективности продвижения сайта. Почему - расскажем подробно в этой статье.

Содержание

1. Как размер изображений и страницы в целом влияет на продвижение
2. Как узнать вес изображений
3. Какой вес считается нормальным
4. Как снизить вес

Как размер изображений и страницы в целом влияет на продвижение

Между размером изображений на сайте и эффективностью его продвижения нет прямой зависимости. При этом большой вес всей страницы (к которому относятся не только картинки, но и видео, текст, скрипты и другие элементы) уже может привести к проблемам с ранжированием.

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

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

Как узнать вес изображений

Узнать вес всех изображений на сайте можно с помощью сервиса Screaming Frog. Он сканирует все страницы сайта и позволяет узнать много необходимой информации об их состоянии.

Чтобы получить информацию о размере картинок на сайте, необходимо:

1. Запустить анализ сайта.

2. После окончания процесса перейти на вкладку Images.

На этой вкладке описана информация обо всех изображениях, найденных на страницах. На данный момент нам наиболее интересен столбец Size - в нем будет указан вес каждой картинки. Также вы можете отсортировать данные по этому столбцу, кликнув на его название. Тогда самые тяжелые изображения на всем сайте будут собраны вместе:

Какой вес считается нормальным

Четкого ответа на этот вопрос нет. Мы рекомендуем руководствоваться следующим правилом:

Нужно достичь минимального веса изображения без потери его качества для глаза человека.

При реализации этого правила стоит учитывать ряд моментов:

1. Проверяйте качество на телефоне и на компьютере. Не всегда картинки хорошо адаптируются под разное разрешение экрана.
2. Нужно смотреть на контекст картинки. Если на изображении есть мелкий шрифт или детали, на которые стоит обратить внимание пользователям, то весом картинки можно пренебречь в угоду качеству, чтобы увидить их было максимально просто. В таком случае стоит придерживаться верхней границы в 1Мб. Если же изображение будет просто вставлено на страницу и к нему не нужно будет присматриваться, то можно снижать качество вплоть до размера менее 100Кб. Но если картинка при этом будет нечеткой, то стоит все же увеличить детализацию.

Рассмотрим две картинки:

Первый вариант

Второй вариант

Вес первой - 733Кб, а второй - 94Кб. Визуально разница минимальна, но вес стал меньше в 8 раз.

Как снизить вес

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

1. Изменить линейные размеры. Если картинка на странице будет иметь размер 300x400, нет смысла загружать ее в полном разрешении. Исключение - если картинку можно будет открыть на полную, тогда необходимо загрузить оригинал.
2. Сохранить изображение для Web. Это особая функция в Adobe Photoshop, которая позволяет сильно снизить размер файла. Можно самому настраивать детализацию изображения, которая влияет на конечный вес.
3. Использовать сервисы для сжатия изображений. Существует множество различных сервисов, которые могут снизить размер картинок. От себя можем посоветовать сервис https://tinypng.com/.
4. Конвертировать изображения в “легкие” форматы. Для изображений на сайте придуманы специальные форматы, которые позволяют снизить вес в сотни и тысячи раз. Один самых популярных форматов - webp. Вы можете конвертировать в этот формат по ссылке https://convertio.co/ru/webp-converter/.

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

Спасибо, что дочитали до конца. Переходите к следующей инструкции.