07 февраля 2023 Статья №498

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

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

Мы профессионально разрабатываем интернет-магазины и запоминающиеся B2B-сайты. И оптимизируем сайты для лучшей видимости Яндекс и Google. Напишите нам в WhatsApp, когда вам это понадобится:

НАПИСАТЬ В WHATSAPP

Как Яндекс и Google ранжируют изображения сайтов?

Поисковые системы используют:

Имена файлов.
Подписи.
Текст рядом с изображениями на страницах.
Замещающий текст ALT в HTML-коде изображения.
Ссылки на изображение.
Другое.

Почему Google просто не посмотрит что изображено на моей картинке?

Вообще-то, Яндекс и Гугл уже давно знают что на ваших картинках!

Поисковые системы работали над алгоритмами для анализа форм в изображениях, сравнивая содержимое изображений с разреженными метаданными ключевых слов с изображениями, содержащими аналогичный контент, но с более богатыми текстовыми данными.

Часть этого алгоритмического анализа включает в себя идентификацию текста в изображениях (т. е. знака, появляющегося на изображении) или текста, добавляемого графическими дизайнерами к изображениям.

Эта технология оптического распознавания символов (OCR) существует уже более века, но стала более сложной, когда отсканированные документы стало можно преобразовать обратно в текстовые документы (1970-1980-е годы).

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

В 2005 году Google помог сделать Tesseract проектом OCR с открытым исходным кодом. Они наняли одного из главных изобретателей Tesseract, Рэя Смита, который первоначально разработал технологию в Hewlett-Packard. (Сейчас Смит работает в исследовательском подразделении DeepMind компании Alphabet, которая является аналитическим центром искусственного интеллекта.)

В 2006 году Google Labs запустила свою программу Image Labeler, средство краудсорсинговой идентификации изображений, когда люди вводят ключевые слова для описания изображений, которые им показывал Google.

Image Labeler превратил процесс в игру: двум человекам показывали одни и те же изображения и пользователи получали баллы, сопоставляя одинаковые слова для изображений. Примерно десять лет спустя Google перезапустил этот проект в другой форме в рамках своего проекта Crowdsource.

Считается, что Image Labeler сгенерировал огромный массив данных о содержании изображений, на которых обучили ИИ для распознавания идентифицируемых форм на изображениях, что ещё больше улучшит поиск изображений Google.

Алгоритмы анализа изображений Google продвинулись вперёд с использованием нейронных сетей, обученных на изображениях, связанных с соответствующими ключевыми словами.

Одна из систем Google, Inception, описывается как новая архитектура глубокой сверточной нейронной сети, применяемая для идентификации фигур, в том числе трехмерных. Её название взяли из цитаты «нам нужно идти глубже» из научно-фантастического фильма 2010 года «Начало».

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

(Одним из очевидных приложений для идентификации изображений может быть технология распознавания лиц. Похоже, что Google не представила её, возможно, из-за очевидных последствий для конфиденциальности. Однако коллега Билл Хартцер описал, как его клиент, по-видимому, была раскрыт с помощью распознавания лиц в поиске Bing, что убедительно указывает на то, что эта функция теперь используется в поисковой системе Microsoft Bing. Microsoft играла с этим в прошлом с новым приложением, и Джефф Зауэр ранее предполагал, что эта функция также используется в Bing. Предполагая, что технологии они получили в партнерстве с Facebook объявил, что прекратил распознавать лица в 2021 году.

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

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

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

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

SEO-оптимизация изображений: факторы ранжирования, что влияет на позиции изображения в поиске

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

Первая категория факторов оптимизации изображения интуитивно понятна — она затрагивает создание самого изображения.

Оригинальность

Вам нужны оригинальные изображения.

Вы видели в результатах поиска Гугл одинаковые картинки? И я нет. Это значит, что с плагиатом там вас не ждут.

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

Если вы продаёте продукцию поставщика, делайте свои фотографии продукта. Можно попробовать менять цвет фона, обрезать изображения и менять его цветовые оттенки. Помогает зеркальная версия.

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

Нарушение авторского права

Владельцам лицензий на изображения всё проще обнаруживать незаконное использование их изображений. Google снижает рейтинг сайтов с большим количеством проблем с авторскими правами.

Изображения, созданные искусственным интеллектом

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

Поисковики уже видят арты, созданных ИИ, когда ищут фотографий людей по имени.

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

Размер и разрешение

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

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

Насыщенность и контраст

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

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

Подумайте, можно ли осветлить и немного повысить насыщенность или контрастность картинки, но оставить её естественной? Это может оказать долгосрочное положительное влияние на коэффициент кликов.

Размер файла и тип файла

Скорость страницы является фактором ранжирования. Если изображение слишком велико, оно тормозит страницу и Гугл отнимает рейтинг у этой страницы.

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

Но если ваши изображения используют посетители, не уходите в WebP. Это формат не съедобен для многих редакторов.

Метаданные в файлах изображений (EXIF и IPTC)

Речь не о SEO-данных. А о атрибутах, зашитых в самом файле изображения.

Но в широком смысле метаданные — это данные, которые описывают данные и выходят далеко за рамки описания и тегов ключевых слов. (Если на то пошло, теги Open Graph Facebook* и теги Twitter Card также являются метаданными о странице, а также схемой и некоторыми другими структурированными данными.)

Данные EXIF содержат в основном техническую информацию об изображении — от меток даты/времени, когда было сделано изображение, производителя и модели камеры, диафрагмы, объектива, фокусного расстояния, цветового пространства, геолокационных координат изображения, описания и т. д.

Данные IPTC могут включать заголовок, описание, категорию/жанр, ключевые слова, информацию о лицах (моделях), появляющихся на изображении, информацию о местоположении (город, страна, провинция/штат, место создания изображения, место, указанное на изображении), информацию об авторских правах, информацию об авторе изображения, владельце авторских прав, условия лицензии на изображение и многое другое.

Данные IPTC являются отраслевым стандартом.

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

Google использует только часть данных IPTC:

Автор.
Уведомление о лицензировании/авторских правах.

Имя файла изображения

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

Имя файла из одного слова проблем не вызывает, например «pangolin.jpg». Если желаемое ключевое слово, для которого выполняется оптимизация, представляет собой фразу из нескольких слов, разделяйте слова символом пробела, например тире ("-"), точкой ("."), тильдой ("~" ) или escape-код HTML для пробела ("%20").

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

URL-адрес изображения

Google заявляет, что они учитывают адрес URL для оценки изображений.

Если у вас много изображений, их хранение в каталогах с категориями и подкатегориями на вашем сервере может обеспечить некоторую релевантность ключевых слов. Например, «example.com/asia/exotic-animals/pangolin-in-nature.jpg».

Избегайте запрещенного контента

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

Если ваши пользователи публикуют изображения самостоятельно, запускайте фильтр запрещёнки.

Атрибутирование изображений в HTML-страницы

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

Не вставляйте на сайт изображения посредством CSS

Изображения вашей страницы не должны быть фоновыми для <div>, или других элементов. Google игнорит такие картинки.

Не вставляйте изображения с помощью JavaScript

То же самое, что и картинки фоном через CSS. По этой причине загрузка изображений через асинхронную загрузку может не работать.

Замещающий текст для <img>

Альтернативный текст изображения, сокращение от «альтернативный текст», включается в <img>тег следующим образом:

<img src="somewhere/green-pangolin.jpg" alt="Green Pangolins sauntering around their enclosure in the city zoo.">

Замещающий текст должен быть кратким и чётко передавать содержание изображения.

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

Оптимизируйте тег <img>

Простой HTML <img>тег отлично подходит для SEO.

Создайте свой <img>тег с хорошим именем файла src и текстом параметра alt.

Установите высоту и ширину. В идеале он должен соответствовать реальному размеру изображения при отображении на странице. Изменение размера исключительно с помощью параметров высоты/ширины может привести к менее плавному отображению.

Файл <img>прекрасно работает для оптимизации изображений для поиска. Google рекомендует использовать атрибут srcset изображения для передачи файлов разных размеров для одного и того же изображения, чтобы обслуживать адаптивные страницы для разных размеров экрана.

Их недавнее SEO-обновление разъясняет, что Google индексирует <img>элементы, в том числе когда они заключены в другие элементы, такие как <picture>элементы.

Используйте атрибут srcset в тегах <img>

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

Набор srcset идеально определяет группы версий одного и того же изображения разного размера и передаёт размеры каждой из них.

Включение атрибута спецификации размеров указывает браузерам, какое изображение отображать в соответствии с размером экрана окна браузера.

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

Атрибут src указывает URL-адрес файла изображения по умолчанию, а srcset предоставляет пары URL-адрес/ширина для каждого адаптивного изображения. Например:

<img src="somewhere/green-pangolin.jpg" srcset="green-pangolin-250.jpg 250w, green-pangolin-500.jpg 500w, green-pangolin-750.jpg 750w" sizes="(max-width: 1082px) 250px, (max-width: 1282px) 500px, 750px" alt="Green Pangolins sauntering around their enclosure in the city zoo.">

Избегайте перенаправления изображений

Как и в случае со страницами, Google может обрабатывать и выполняет перенаправление изображений. Но в идеале вы не должны перенаправлять свои изображения — используйте конечный URL-адрес изображения.

Не блокируйте доступ робота Googlebot к каталогу изображений с помощью файла robots.txt.

Это должно быть очевидно, но иногда так ошибаются.

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

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

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

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

В рекомендациях Google по поисковой оптимизации изображений упоминаются типы структурированных данных о продуктах, видео (для миниатюр видео) и рецептов. Разумно добавить в этот список логотипы (для организаций, местного бизнеса, инструкции и статьи (Article, NewsArticle и BlogPosting).

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

Вы можете разместить несколько размеров, включая лого в векторе с высоким разрешением, на специальной странице пресс-кита.

В качестве дополнительного критерия Google заявляет, что ваш логотип будет хорошо выглядеть на белом фоне.

Когда мы упоминаем логотипы, имейте в виду, что Google всё чаще использует Favicon вашего сайта. Особенно на мобильных устройствах.

Следуйте документации Google Favicon, чтобы сделать иконку сайта лучшим способом. Обратите внимание, что Google использует специальный сканер Favicon только для этих маленьких изображений! Так что не запрещайте индексацию Favicon!

Добавьте на страницу метаданные Facebook* Open Graph (OG) и Twitter Cards.

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

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

Изображения, используемые в OG и Twitter Cards, должны быть в ленте соцсети. Картинки радикально увеличивают число кликов пользователей как в Facebook*, так и в Twitter.

Продвижение и распространение изображений

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

Но изображения можно продвигать на других сайтах. Где основной контент это картинки.

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

Чем популярнее аккаунт в соцсети, тем больше веса у ссылки.

Размещайте изображения на Facebook* и Twitter

Вы можете использовать URL-адрес страницы, на которой расположены изображения, и сделать так, чтобы изображения отображались в виде превью на Facebook* и Twitter.

Но если вашим основным контентом являются сами изображения, размещение их непосредственно в Facebook* и Twitter и добавление хорошего текста описания к сообщениям (и альтернативного текста, если это возможно) даст дополнительные возможности для появления изображений в результатах поиска изображений.

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

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

Если на странице несколько изображений, публикуйте их непосредственно в Facebook* или Twitter, чтобы добавить полную галерею изображений, повышая потенциальную вовлеченность в соцсети при обратной ссылке на свой контент.

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

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

Пинтерест

Pinterest отлично подходит для распространения изображений, потому, что каждая страница Pinterest «Pin» может быть связана обратной ссылкой на страницу, на которой находится изображение на вашем сайте.

Flickr

Этот сайт все больше напоминает старинную соцсеть, но он по-прежнему отлично светится в Google и имеет приличную базу пользователей.

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

В дополнение к этому Flickr автоматически публикует некоторые данные EXIF и позволяет:

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

Инстаграм

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

Тем не менее, ссылку он вам не даст, потому что ссылки там не добавляются.

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

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