Поисковые алгоритмы Google и Яндекс начали учитывать скорость загрузки сайта при его ранжировании в результатах поисковой выдачи. Следовательно, оптимизация графики напрямую влияет на рейтинг страниц и позиции в поиске. Чтобы ваш сайт работал быстро и хорошо находился нужно выполнять оптимизацию всех загружаемых фото, правильно размещать изображения на странице и обязательно их подписывать.
— Какие требования предъявляют поисковые системы к изображениям на сайте?
— Как правильно оптимизировать картинки?
— Каких придерживаться стандартов и форматов?
— Как быстро оптимизировать целый пакет фотографий?
На все эти вопросы мы постараемся дать исчерпывающие ответы в этой статье. Материал может быть полезен как web разработчикам, так и администраторам сайтов и соц. сетей.
Требования поисковиков к изображениям
В 2021 году все поисковые системы будут учитываться такие показатели загрузки сайтов как:
- Largest Contentful Paint (LCP) — это показатель измеряет время, за которое становится видимым и доступным весь контент на странице вашего сайта. Скорость отрисовки напрямую зависит от размера изображений.
- First Input Delay (FID) — обозначает время задержки отклика сайта на действие посетителя. Этот показатель определяется качеством оптимизации кода и техническими параметрами сервера.
- Cumulative Layout Shift — или по-простому «Сдвиг макета» — негативный фактор, его наличие означает неправильное программное построение сайта, при котором во время загрузки и прорисовки страница важные элементы сайта сдвигаются, дезориентируя посетителя.
Первый показатель LCP является отвечает за скорость загрузки страницы. Хорошо оптимизированный сайт должен полностью загружаться за время 1-2,5 сек, для больших сайтов допустимы значения до 4 сек, всё web сайты, время загрузки которых превышает указанный диапазон рискуют остаться без поискового трафика.
Если на сайте изображения загружались без предварительной подготовки и не оптимизированы, то значение Largest Contentful Paint будет высоким. В результате изображения влияют на ранжирование напрямую через скорость загрузки страницы, и опосредованно через метрики оценки дизайна.
Фото есть на любом сайте и эта проблема актуальна для многих. Как же оптимизировать изображения эффективно и бесплатно?
Разработка сайтов в Украине!
Создаем сайты различной тематики и функционала на любых системах управлениях! Адекватные цены. Быстрые сроки выполнения. Звоните +38 (066) 688-8566. Консультации бесплатные!Оптимизация фото для сайта
Полноценная пошаговая оптимизации изображений должна состоять из таких этапов:
- Сжатие графики без потери качества.
- Выбор размера картинки в соответствии с размером экрана устройства посетителя.
- Ленивая загрузка изображений (Lazy Loading).
Ленивая загрузка включается через атрибут loading=lazy. Метод является прогрессивным, следовательно, никаких проблем не создает. Ленивая загрузка не влияет на индексацию изображений. Зачастую на маленьких экранах загружаются большие изображения с избыточным размером и без использования сжатия. И это является проблемой скорости загрузки сайта на мобильных устройствах.
Сначала разберемся с темой сжатия изображений.
У Google есть специальный сервис для сжатия фото, о котором мало кто знает. Инструмент называется Squoosh.app. Сервис появился в 2018 году. На днях был обновлен до второй версии.
Squoosh разработан в отделом Google Chrome Labs является БЕСПЛАТНЫМ сервисом для сжатия изображений с интуитивно понятным и удобным интерфейсом. Инструмент позволяет использовать расширенные параметры, предоставляемые различными компрессорами изображений.
Работать в Google Squoosh очень просто:
- Откройте Squoosh: https://squoosh.app/
- Загрузите изображение.
- Система автоматическом оптимизирует файл. В левой части экрана размещается исходное изображение. В правой части экрана размещается изображений после оптимизации.
- В правой колонке вы можете указать нужный формат (рекомендуем JPEG) и задать уровень сжатия фото, 80% будет более чем достаточно.
- Передвигая центральный ползунок-делитель на экране вправо или влево вы можете оценить качество фото до и после сжатия. В правом нижнем углу выводится значение в процентах, которое показывает насколько удалось уменьшить изображение.
- Скачайте полученный файл.
В этом сервисе доступна также пакетная обработка изображений, к примеру, можно сжать сразу все изображения магазина. Настройки по умолчанию предлагают использовать максимальную компрессию при минимальной потере качества. Визуальная точность изображения оцениваться с использованием специальной метрики.
CompressJPEG.com — альтернативный сервис
Можем также порекомендовать вам проверенный временем БЕСПЛАТНЫЙ сервис сжатия и пакетной обработки фото. Все настройки уже предустановлены автоматически, вам остается только загрузить исходное фото, подождать его преобразование и скачать уже сжатый файл. Пакетная обработка фотографий также присутствует. К тому же есть возможность сживать не только JPG, но и другие форматы PNG, SVG, GIF и пр.
Почему оптимизация фото так важна
Представители Google заявили, что 40% пользователей уходят со страницы, если время загрузки составляет более 10 секунд. Исследования показывают, что 74% пользователей закрывают сайт, если страницы не загрузится в течение 5 секунд.
Всем нравится быстрая загрузка сайтов и чтобы добиться наилучших показателей скорости нужно выполнять предварительное сжатие фото. Если размещать заранее подготовленные фото, повышается значение конверсии и уменьшается размер страниц.
Сжатие файлов изображений является простым и надежным способом решить улучшить ситуацию со скоростью загрузки сайта. Оптимизация изображений для сайта входит в список важных задач, так как позволяет добиться следующих целей: улучшить ранжирование сайта в поисковой выдаче и лояльность поисковых систем; существенно повысить скорость работы сайта, что непременно оценят ваши посетители.
