Изображения на сайте – для чего и как оптимизировать

Александр Шестаков

Руководитель платформы Links.Sape

Зачем работать над изображениями

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

Визуальный поиск – это выдача поисковых результатов (изображения + ссылки) по загруженной картинке. Существует множество подобных сервисов, среди самых популярных уместно упомянуть https://yandex.ru/images и https://images.google.ru/. В 2019 году каждый 4-й поисковый запрос в мире приходился именно на визуальный поиск. 

Характерно, что таким образом, как и при текстовом поиске, могут искать самые разные результаты, в том числе – товары и услуги. В частности, визуальный поиск используют люди, которые:

• не знают, чего они хотят, но понимают это сразу же, как только видят; 
• знают, чего хотят, но не знают, как это называется.

Google развивает инструменты для визуального поиска, например, Google Lens – технологию, которая позволяет пользователям искать информацию, используя камеру смартфона или картинку с другого сайта. 

Кроме того, согласно исследованию eMarketer, визуальный поиск повышает: 

• количество просмотров продуктов на 48%,  
• количество повторных посещений – на 75%, 
• среднюю стоимость покупки – на 11%.

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

Всегда ли нужно оптимизировать изображения на сайте

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

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

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

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

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

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

Можно использовать инструменты для анализа поисковой выдачи, такие как Ahrefs и SEMrush. Например, через Ahrefs отобрать страницы, у которых есть Image pack и Shopping results в выдаче.

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

Рекомендации по оптимизации изображений

Размещайте уникальные и качественные изображения

Банально, но без соблюдения этой рекомендации все остальные имеют мало смысла. Релевантность контенту, адекватное разрешение и качество картинки по-прежнему имеют первоочередное значение. Проверить уникальность картинки можно через поиск по изображениям Google или через сервис TinEye.

Используйте ключевые слова в названии и описании картинок

Оптимизация изображений для SEO начинается с имени файла. Когда вы загружаете картинку на свой сайт, важно дать ей осмысленное название, которое отражает содержание изображения. Также важно использовать ключевые слова в описании и метаданных картинки. Это поможет ПС лучше понимать содержание изображения и отобразить его в соответствующих результатах поиска. 

Прорабатывайте метаданные изображений

Если хотите сразу оставить позади многих конкурентов в визуальном поиске, пропишите метаданные: описание, источник и характеристики изображения. Это позволит ему лучше проиндексироваться и отранжироваться, поскольку большинство вебмастеров и SEO-специалистов этим пренебрегают. Задать метаданные можно в любом графическом редакторе (Photoshop, Lightroom, ACDSee Pro и других).

Выбирайте подходящий формат

Рекомендуется использовать следующие форматы:

• JPEG – для больших фотографий и иллюстраций,  
• PNG – если нужна прозрачность фона,  
• WebP – как альтернативу JPEG и PNG с более высоким качеством и меньшим размером файла, 
• SVG – для логотипов и иконок. 

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

Оптимизируйте размер изображений

Размер изображений имеет большое значение для скорости загрузки сайта. Если вы загружаете картинку большого размера, чтобы отобразить его в маленьком, то полный размер все равно будет загружен. Это может существенно замедлить скорость загрузки страницы. 

Поэтому важно оптимизировать размер изображений перед загрузкой на сайт. Вы можете использовать специальные инструменты, например, Photoshop. Сделать это можно через «Save for Web» или онлайн-сервисы для сжатия изображений без потери качества.

Прописывайте атрибуты alt и title

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

Пример кода для вставки изображения «Закат на пляже» на веб-страницу: < img src="/images/sunset-beach.jpg" alt="Закат на пляже" title="Красивый закат на пляже" / >.

Добавляйте подписи к картинкам

Важно добавлять подписи к картинкам на вашем сайте, чтобы они были информативными и полезными для пользователей, а также учитывались поисковыми системами. Подпись должна кратко описывать изображение и содержать соответствующие ключевые слова. 

Используйте адаптивные изображения

Помните, что изображения, как и верстка страниц в целом, должны адекватно отображаться на разных устройствах с экранами разного размера. Так, небольшой баннер 600x300px может нормально смотреться при заходе на сайт со смартфона – и превратиться в «замыленную» картинку при просмотре с обычного офисного монитора. 

Для решения этой проблемы можно загрузить несколько файлов с изображением в разных разрешениях и показывать подходящие в зависимости от размеров экрана. Для этого используют атрибут srcset тега img.

Создавайте карту сайта для изображений 

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

Карта сайта для изображений должна быть создана в формате XML и размещена на вашем сайте в корневой директории. 

Используйте структурированные данные

Вы можете использовать структурированные данные для изображений, чтобы указать на их тип, размер, описание и другие характеристики. Это поможет ПС лучше понимать ваш контент и отображать его в более релевантных результатах поиска.

Для улучшения оптимизации изображений на вашем сайте рекомендуется использовать микроразметку schema.org. Микроразметка поддерживается для различных типов контента, таких как товары, рецепты и видео, и используется для указания поисковым системам о типе контента, размещенном на странице. 

Следите за авторскими правами

Картинки должны быть хорошего качества и уникальными, а также не нарушать авторские права. Если нет возможности создать подходящую картинку самостоятельно, лучше использовать бесплатные/платные хостинги для загрузки изображений. Также можно использовать нейросети, такие как Midjourney или Stable Diffusion.

Добавляйте изображения в социальные сети и на другие ресурсы

Когда вы добавляете изображения в социальные сети, они могут привлечь новых посетителей на ваш сайт через поиск по картинкам. Кроме того, вы можете опубликовать изображения на других ресурсах, например, на Google My Business, чтобы повысить их видимость в поиске.

Способы продвижения изображений

После того, как все рекомендации по оптимизации изображений для сайта были выполнены, можно ожидать трафик из сервисов визуального поиска – например, из «Google Картинок». Однако, чтобы улучшить ранжирование и ускорить этот процесс, можно применить еще один метод – усилить картинки с помощью ссылок. Чтобы это сделать, можно использовать два способа:

• Добавить ссылку на ваше изображение в текстовый контент, а в качестве анкора использовать текст из атрибута Alt. 
• Добавить изображение на страницу сайта-донора, но не загружая его на хостинг этого сайта, а через URL картинки. Таким образом, картинка будет отображаться на другом сайте, но физически будет лежать на вашем хостинге. Например, так можно сделать в LinksSape при размещении формата «Статья»:

В заключение 

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

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