Грамотная работа с изображениями напрямую влияет на позиции сайта в поиске: она подтягивает трафик из Google Image, ускоряет загрузку страниц и делает взаимодействие с сайтом комфортнее для посетителей. Это касается SEO для интернет-магазина ничуть не меньше, чем продвижения сайтов услуг или ресурсов любого другого типа.
Google научился распознавать содержание картинок и подбирать пользователю именно то, что ему нужно — с примерами, пояснениями, наглядной демонстрацией. А вот декоративные элементы: иконки, логотипы, фоновые узоры — на видимость сайта не работают и трафика не приносят.
Чем полезна SEO-оптимизация изображений
Работа над графикой дает сайту сразу несколько ощутимых выгод.
- рост видимости — поисковые роботы охотнее показывают в выдаче ресурсы с грамотно оформленными картинками, а значит растет и число переходов;
- укрепление доверия к бренду — сайт с качественным визуальным оформлением воспринимается пользователем как надежный, что положительно сказывается на репутации компании;
- более комфортное взаимодействие с сайтом — правильно оптимизированные изображения загружаются быстрее, а это напрямую увеличивает число переходов на страницу.
Есть и другой эффект — рост доступности контента. Подписи под картинками дают посетителям более полное представление о том, что размещено на странице.
Ключевые аспекты SEO-оптимизации
Рост рейтинга и притока посетителей обеспечивает соблюдение нескольких правил.
- картинка должна быть уникальной и логично дополнять контент страницы. Подойдет как собственное изображение, созданное в Photoshop или Canva, так и стоковое фото — но с обязательной очисткой IPTC-данных и метаданных;
Стоит знать! Проверить изображение на уникальность можно через сервис Tineye или поиск по картинкам Google.
- размер файла и качество картинки должны находиться в балансе — для этого важно подобрать подходящий формат: JPEG, GIF, PNG, SVG или WebP;
- под графический контент стоит сформировать отдельную карту (image sitemap) и открыть к ней доступ поисковой системе для индексации;
- каждой картинке нужно дать понятное описательное имя файла, желательно с одним из ключевых слов;
Обратите внимание! Названия вроде «img001.jpg» смысловой нагрузки не несут, поэтому алгоритмы поисковика попросту не учитывают их при ранжировании.
- к каждому изображению нужен alt-текст — короткое описание с ключевыми словами. Он помогает поисковым роботам считывать содержание картинки, что в итоге повышает и заметность графики в сети, и ее доступность для пользователей.
Стоит учитывать и то, что заметная доля посетителей заходит на сайты со смартфонов. Поэтому картинки нужно адаптировать под экраны разных размеров и типов мобильных устройств.
Советы по оптимизации размеров изображений
Формат и размер графических файлов напрямую отражаются на скорости загрузки страниц, а через нее — на рейтинге сайта и впечатлениях пользователей.
Чтобы снизить вес файла без потери качества картинки, формат подбирают под конкретный тип изображения:
- JPEG — один из самых распространенных форматов, дает хорошее качество при небольшом весе файла, отлично подходит для фотографий и многоцветных изображений;
- PNG — тоже сохраняет высокое качество, лучший выбор для картинок с прозрачным фоном;
- GIF — применяется для анимации, но ограничен по цветовой палитре;
- WebP — сравнительно новый формат, дающий минимальный вес файла при сохранении качества, поэтому активно используется для ускорения загрузки страниц.
Для масштабируемой графики лучше всего подходит SVG — такие изображения не теряют качества независимо от того, до какого размера их растянуть.
Ускорить и упростить сжатие графики помогают специальные инструменты:
- Compressor — сжимает файлы форматов JPG и PNG до 90%;
- Kraken — обрабатывает сразу несколько файлов, сжимая изображения разных форматов;
- TinyJPG — уменьшает вес JPEG и PNG до 70% без заметной потери качества;
- ImageOptim — поддерживает форматы JPEG, PNG, GIF и SVG, работает с пакетным сжатием.
Кроме сервисов сжатия, стоит внедрить адаптивные изображения. Тогда Google получает полноразмерную детализированную картинку, а пользователь на своем экране видит компактный, но качественный вариант. Реализуется это через тег <picture> либо через <img> с набором атрибутов src-set.
Обратите внимание! Проанализировать размер изображений можно с помощью PageSpeed Insights, Serpstat или Pingdom. PageSpeed Insights не просто оценивает страницу, но и выдает перечень объектов, которые стоит уменьшить, с указанием нужного объема сжатия.
SEO-оптимизация изображений ускоряет загрузку и индексацию сайта, положительно влияет на ранжирование и делает взаимодействие с ресурсом комфортнее для посетителя. Качественная, правильно настроенная графика приносит трафик из Google Image даже тогда, когда текстовая часть страницы не занимает верхние позиции выдачи — люди просто переходят на сайт по ссылке на картинку. Чтобы добиться результата, нужно сохранять файлы в подходящем формате, доводить их размер до оптимального, прописывать релевантные ключевые слова в названиях и описаниях, а также формировать отдельную карту для изображений.
