Удачно подобранные изображения, как показывает практика деятельности интернет-ресурсов, является одной из важных гарантий повышения трафика. Исследования психологов демонстрируют, что на изучение текстовой информации человек не всегда выделяет время, а вот на «сканирование» картинок мозгу не понадобится много времени. Картинки на сайте влияют на:
- быстроту загрузки отдельных страниц;
- поведенческие факторы ранжирования;
- изменение рейтинга ресурса в поисковых системах.
Как оптимизировать фото и сделать их привлекательными для Гугла, Яндекса и реальных интернет-пользователей, пойдет речь далее.
Роль оптимизации картинок в продвижении
Улучшение качества визуального контента – один из элементов полноценного функционирования любого интернет-ресурса. Это требуется для повышения удобства пользования сайтом. Среди критериев, которые играют важную роль – не только простое наличие картинки на сайте, но еще и скорость их загрузки, привлекательность для пользователя, информативность и качество.
Учитывая простоту попадания на главную страницу веб-сайта благодаря присутствию на ней изображений (что стало возможно благодаря появлению в SERP Гугл расширенного сниппета), оптимизация изображений для сайта играет одну из ключевых ролей в современном бизнесе на просторах интернета.
Что нужно учесть при оптимизации?
Оптимизация фото будет полноценной при условии учета ряда критериев. Среди них:
- Формат. Для фотографий, графики и векторных изображений специалисты рекомендуют использовать форматы JPEG, PNG и SVG соответственно (речь идет об использовании для Google). Возможно также применение новых форматов, однако проблема в том, что на сегодняшний день возможности некоторых браузеров по их поддержанию ограничены.
- Качество. Важен учет оптимального соотношения между размером графики и ее качеством, поскольку нельзя забывать, что визуальный контент предлагается, в первую очередь, для человека. При оптимизации нужно следить, чтобы он был четким и располагался возле текста, привязанного к нему по смыслу.
- Размер изображений и их вес. Эти параметры оказывают влияние на скорость загрузки веб-страницы и сказываются на ранжировании. Нужно помнить, что использование множества картинок значительно замедляет скорость загрузки сайта. Об инструментах, позволяющих сжать изображение, речь пойдет ниже.
- Размещение. Стремитесь к корректности привязки фотоконтента к сайту? Значит, храните изображения на одном из поддоментов. Другой вариант – на своем домене. В противном случае, пользователи Сети не окажутся на нужном сайте.
Уменьшение веса: возможно ли это сделать, не потеряв качество?
Как и обещали, рассказываем о том, как уменьшить вес изображения. Для этих целей подойдут следующие сервисы:
- Compressor (бесплатный ресурс с наличием лимита по размеру загружаемого файла; можно сжимать картинки как с потерей качества, так и без таковой);
- Kraken (предоставляет возможность оптимизации сразу нескольких файлов; доступно сжатие картинок непосредственно с ресурса – введите урл и сразу же получите архивное хранилище со сжатыми фото);
- TinyPNG, ровно как и JPEGMini делают фотографии меньше, но в основном с потерей первоначального качества;
- ImageOptim (ПО для Mac; работает без снижения качества картинки);
- FileOptimizer – аналог ImageOptim для Виндовс.
С целью отслеживания размеров картинок рекомендуется пользоваться специальными инструментами, функционирующими в режиме онлайн – PageSpeed Insights и Pingdom. Они анализируют страницу и предоставляют рекомендации о необходимости и размере уменьшения фото.
Оптимизация картинок на странице
Необходимо придерживаться следующей схемы:
- Дать емкое название файлу с картинкой, применяя описывающие изображение и релевантные ключевики.
- Хранить похожие фото в одной директории, предварительно дав ей соответствующее имя.
- Размещение возле текста, подвязанного по смыслу к картинке.
- Бэклинки (стройте внешний анкорные ссылки на фото).
- Теги Alt (используются для пояснения сути картинки – для пользователей со слабым зрением или случаев, когда изображение по какой-либо причине не загрузилось).
- Добавление карты изображений sitemap-image.xml
- Добавление микроразметки.
Помните также, что для получения лучших результатов важно использовать уникальные изображения. Нескопированный, уникальный фотоконтент более высоко ценится поисковыми системами. Применяйте описанные методы в комплексе и получите результат в виде эффективной оптимизации!
Команда онлайн школы WebDesGuru прилагает все усилия для того, чтобы отойти от стандартных методов обучения, которые годами вырабатывались в системе образования. Мы ежедневно делаем шаг вперед и идём навстречу новым знаниям, которыми готовы поделиться с нашими клиентами. Оцените наши старания! Записывайтесь на курсы web-дизайна, и учиться Вам теперь станет в удовольствие!