— Как оптимизировать изображения на сайте?

16.12.2020 Выкл. Автор Елена
gem

     Зачем нужно оптимизировать фотографии и картинки?  И как оптимизировать изображения на сайте?  

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

     Положительные результаты оптимизации:  

  • Позитивное восприятие пользователями высокого качества иллюстраций  
  • Повышение скорости загрузки страниц после оптимизации размера   
  • Улучшение ранжирования в поиске по картинкам  

     Рассмотрим требования SEO к картинкам и выясним, как оптимизировать изображения на сайте. 

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

      Рекомендуемые форматы: 

  • для фотографий – JPG 
  • для векторной графики – SVG 
  • для видеороликов — тег <video> 
  • для получения разнообразия цвета и улучшения сжатия — PNG вместо GIF 

     Прописывайте атрибут alt (описание). Если в результате загрузки картинка не отобразится, пользователь прочитает alt и поймет, что на ней изображено. Поисковые системы считают, что сайты нужно делать, в первую очередь, для людей, поэтому такая забота о клиентах будет оцениваться высоко. Кроме того, вы можете добавить в описание ключевые слова, что благоприятно скажется на продвижении ресурса в поиске. Описание должно быть коротким и точным. Для товаров в интернет-магазине можно добавить в alt их серийные номера. 

     Оптимизируйте размер. Большие иллюстрации долго загружаются. Ваш посетитель может не дождаться полной загрузки страницы и покинуть ресурс.  

     Сжимайте изображения, но не в ущерб их качеству.  

     Существует много сервисов для сжатия картинок. Вот некоторые из них:

  • COMPRESSOR.io —  работает с JPEG, PNG, GIF, SVG. Не ухудшает качества  
  • Compresser JPEG – работает с JPEG, PDF и PNG 
  • Tiny PNG – может уменьшить вес до 90% 
gem
Как оптимизировать изображения для сайта
gem

     Title изображений. Текст, который появляется после наведения мышки на картинку. На продвижение не влияет. Можете добавлять, можете не добавлять. Рекомендации – не делайте его длинным, не пишите много ключевых слов (за переспам можно попасть под фильтр поисковиков), описание должно соответствовать иллюстрации. 

     Человекопонятные url (ЧПУ). Название файла должно совпадать с темой картинки., Чтобы понять, что на ней изображено, поисковики используют название url. 

     Используйте микроразметку. Изображения могут быть показаны в сниппете, а также за счет микроразметки улучшается ранжирование ресурса в поиске по картинкам. 

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

     Создайте карту для картинок — sitemap-image.xml. Дополнительная информация поможет поисковым системам найти изображения, загружаемые с помощью JavaScript , а также укажет на иллюстрации, которые обязательно нужно индексировать. 

     Окружите изображение качественным текстом. Поисковые системы, ранжируя картинку, определяют, насколько иллюстрация соответствует запросу пользователя. Для этого они анализируют не только alt и название файла, но и текст на странице.    

      Требования юзабилити: 

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

     И последнее. Обращайтесь ко мне, если Вы хотите проверить, везде ли прописаны альты, и нет ли на вашем ресурсе технической SEO ошибки «Максимальный размер изображений».  

gem