Оптимизация изображений для сайта

Полезные материалы
16.11.2019
38

Удачно подобранные изображения, как показывает практика деятельности интернет-ресурсов, является одной из важных гарантий повышения трафика. Исследования психологов демонстрируют, что на изучение текстовой информации человек не всегда выделяет время, а вот на «сканирование» картинок мозгу не понадобится много времени. Картинки на сайте влияют на:

  • быстроту загрузки отдельных страниц;
  • поведенческие факторы ранжирования;
  • изменение рейтинга ресурса в поисковых системах.

Как оптимизировать фото и сделать их привлекательными для Гугла, Яндекса и реальных интернет-пользователей, пойдет речь далее.

Роль оптимизации картинок в продвижении

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

Учитывая простоту попадания на главную страницу веб-сайта благодаря присутствию на ней изображений (что стало возможно благодаря появлению в SERP Гугл расширенного сниппета), оптимизация изображений для сайта играет одну из ключевых ролей в современном бизнесе на просторах интернета.

Что нужно учесть при оптимизации?

Оптимизация фото будет полноценной при условии учета ряда критериев. Среди них:

  1. Формат. Для фотографий, графики и векторных изображений специалисты рекомендуют использовать форматы JPEG, PNG и SVG соответственно (речь идет об использовании для Google). Возможно также применение новых форматов, однако проблема в том, что на сегодняшний день возможности некоторых браузеров по их поддержанию ограничены.
  1. Качество. Важен учет оптимального соотношения между размером графики и ее качеством, поскольку нельзя забывать, что визуальный контент предлагается, в первую очередь, для человека. При оптимизации нужно следить, чтобы он был четким и располагался возле текста, привязанного к нему по смыслу.
  1. Размер изображений и их вес. Эти параметры оказывают влияние на скорость загрузки веб-страницы и сказываются на ранжировании. Нужно помнить, что использование множества картинок значительно замедляет скорость загрузки сайта. Об инструментах, позволяющих сжать изображение, речь пойдет ниже.
  1. Размещение. Стремитесь к корректности привязки фотоконтента к сайту? Значит, храните изображения на одном из поддоментов. Другой вариант – на своем домене. В противном случае, пользователи Сети не окажутся на нужном сайте.

Уменьшение веса: возможно ли это сделать, не потеряв качество?

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

  • Compressor (бесплатный ресурс с наличием лимита по размеру загружаемого файла; можно сжимать картинки как с потерей качества, так и без таковой);
  • Kraken (предоставляет возможность оптимизации сразу нескольких файлов; доступно сжатие картинок непосредственно с ресурса – введите урл и сразу же получите архивное хранилище со сжатыми фото);
  • TinyPNG, ровно как и JPEGMini делают фотографии меньше, но в основном с потерей первоначального качества;
  • ImageOptim (ПО для Mac; работает без снижения качества картинки);
  • FileOptimizer – аналог ImageOptim для Виндовс.

С целью отслеживания размеров картинок рекомендуется пользоваться специальными инструментами, функционирующими  в режиме онлайн – PageSpeed Insights и Pingdom. Они анализируют страницу и предоставляют рекомендации о необходимости и размере уменьшения фото.

Оптимизация картинок на странице

Необходимо придерживаться следующей схемы:

  1. Дать емкое название файлу с картинкой, применяя описывающие изображение и релевантные ключевики.
  2. Хранить похожие фото в одной директории, предварительно дав ей соответствующее имя.
  3. Размещение возле текста, подвязанного по смыслу к картинке.
  4. Бэклинки (стройте внешний анкорные ссылки на фото).
  5. Теги Alt (используются для пояснения сути картинки – для пользователей со слабым зрением или случаев, когда изображение по какой-либо причине не загрузилось).
  6. Добавление карты изображений sitemap-image.xml
  7. Добавление микроразметки.

Помните также, что для получения лучших результатов важно использовать уникальные изображения. Нескопированный, уникальный фотоконтент более высоко ценится поисковыми системами. Применяйте описанные методы в комплексе и получите результат в виде эффективной оптимизации!

Хочешь получать лучшие
статьи от WebDes Guru ?

Подпишись на рассылку