Лицензия на изображение в Google Картинках

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

Значок

Доступность

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

Как подготовить свои веб-страницы и изображения

Убедитесь, что Google может найти и просканировать ваши изображения.

Как добавить структурированные данные или метаданные IPTC для фото

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

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

  • С помощью структурированных данных. Вы должны создать разметку, устанавливающую связь между изображением и страницей, на которой оно показывается. Структурированные данные нужно добавить для каждого экземпляра изображения.
  • С помощью IPTC-метаданных фотографий. Такие данные встраиваются непосредственно в код изображения. При перемещении файла они переносятся вместе с ним как его неотъемлемая часть. Добавить IPTC-метаданные достаточно один раз для каждого изображения.

На иллюстрации ниже показано, как в Google Картинках показывается информация о лицензировании.

Обратите внимание на типы сведений, обозначенные выносками.
  1. URL страницы с условиями лицензии на использование изображения. Укажите эту информацию с помощью свойства license в формате структурированных данных или поля Web Statement of Rights в формате IPTC.
  2. URL страницы с информацией о том, как получить лицензию на использование изображения. Укажите эту информацию с помощью свойства acquireLicensePage в формате Schema.org или поля Licensor URL (Licensor) по стандарту IPTC.

Структурированные данные

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

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

  1. Добавьте обязательные свойства. Где расположить структурированные данные на странице, вы можете узнать из видео JSON-LD structured data: Where to insert on the page (О структурированных данных JSON-LD: где их размещать).
  2. Следуйте общим рекомендациям по работе со структурированными данными.
  3. Протестируйте свой код с помощью инструмента проверки расширенных результатов.
  4. Опубликуйте страницу и с помощью инструмента проверки URL проверьте, как она выглядит для Google. Убедитесь, что доступ Google к странице не заблокирован файлом robots.txt или метатегом noindex и для него не требуется авторизация. Если все в порядке, запросите повторное сканирование ваших URL.
  5. Отправляйте нам файл Sitemap, чтобы информировать нас об изменениях на сайте. Отправку этого файла можно автоматизировать с помощью Search Console Sitemap API.

Примеры

Одно изображение

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

JSON-LD


<html>
  <head>
    <title>Black labrador puppy</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org/",
      "@type": "ImageObject",
      "contentUrl": "https://example.com/photos/1x1/black-labrador-puppy.jpg",
      "license": "https://example.com/license",
      "acquireLicensePage": "https://example.com/how-to-use-my-images"
    }
    </script>
  </head>
  <body>
    <img alt="Black labrador puppy" src="https://example.com/photos/1x1/black-labrador-puppy.jpg">
    <p><a href="https://example.com/license">License</a></p>
    <p><a href="https://example.com/how-to-use-my-images">How to use my images</a></p>
  </body>
</html>

RDFa


<html>
  <head>
    <title>Black labrador puppy</title>
  </head>
  <body>
  <div vocab="http://schema.org/" typeof="ImageObject">
    <img alt="Black labrador puppy" property="contentUrl" src="https://example.com/photos/1x1/black-labrador-puppy.jpg" /><br />
    <span property="license"> https://example.com/license</span><br />
    <span property="acquireLicensePage">https://example.com/how-to-use-my-images</span>
  </div>
  </body>
</html>

Микроданные


<html>
  <head>
    <title>Black labrador puppy</title>
  </head>
  <body>
    <div itemscope itemtype="http://schema.org/ImageObject">
    <img alt="Black labrador puppy" itemprop="contentUrl" src="https://example.com/photos/1x1/black-labrador-puppy.jpg" /><br />
    <span itemprop="license"> https://example.com/license</span><br />
    <span itemprop="acquireLicensePage">https://example.com/how-to-use-my-images</span>
    </div>
  </body>
</html>
Несколько изображений на одной странице

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

JSON-LD


<html>
  <head>
    <title>Photos of black labradors</title>
    <script type="application/ld+json">
    [{
      "@context": "https://schema.org/",
      "@type": "ImageObject",
      "contentUrl": "https://example.com/photos/1x1/black-labrador-puppy.jpg",
      "license": "https://example.com/license",
      "acquireLicensePage": "https://example.com/how-to-use-my-images"
    },
   {
      "@context": "https://schema.org/",
      "@type": "ImageObject",
      "contentUrl": "https://example.com/photos/1x1/adult-black-labrador.jpg",
      "license": "https://example.com/license",
      "acquireLicensePage": "https://example.com/how-to-use-my-images"
    }]
    </script>
  </head>
  <body>
    <h2>Black labrador puppy</h2>
    <img alt="Black labrador puppy" src="https://example.com/photos/1x1/black-labrador-puppy.jpg">
    <p><a href="https://example.com/license">License</a></p>
    <p><a href="https://example.com/how-to-use-my-images">How to use my images</a></p>
    <h2>Adult black labrador</h2>
    <img alt="Adult black labrador" src="https://example.com/photos/1x1/adult-black-labrador.jpg">
    <p><a href="https://example.com/license">License</a></p>
    <p><a href="https://example.com/how-to-use-my-images">How to use my images</a></p>
  </body>
</html>

RDFa


<html>
  <head>
    <title>Photos of black labradors</title>
  </head>
  <body>
  <div vocab="http://schema.org/" typeof="ImageObject">
    <h2 property="name">Black labrador puppy</h2>
    <img alt="Black labrador puppy" property="contentUrl" src="https://example.com/photos/1x1/black-labrador-puppy.jpg" /><br />
    <span property="license"> https://example.com/license</span><br />
    <span property="acquireLicensePage">https://example.com/how-to-use-my-images</span>
  </div>
  <br />
  <div vocab="http://schema.org/" typeof="ImageObject">
  <h2 property="name">Adult black labrador</h2>
  <img alt="Adult black labrador" property="contentUrl" src="https://example.com/photos/1x1/adult-black-labrador.jpg" /><br />
  <span property="license"> https://example.com/license</span><br />
  <span property="acquireLicensePage">https://example.com/how-to-use-my-images</span>
  </div>
  </body>
</html>

Микроданные


<html>
  <head>
    <title>Photos of black labradors</title>
  </head>
  <body>
    <div itemscope itemtype="http://schema.org/ImageObject">
    <h2 itemprop="name">Black labrador puppy</h2>
    <img alt="Black labrador puppy" itemprop="contentUrl" src="https://example.com/photos/1x1/black-labrador-puppy.jpg" /><br />
    <span itemprop="license"> https://example.com/license</span><br />
    <span itemprop="acquireLicensePage">https://example.com/how-to-use-my-images</span>
    </div>
    <br />
    <h2 itemprop="name">Adult black labrador</h2>
    <div itemscope itemtype="http://schema.org/ImageObject">
    <img alt="Adult black labrador" itemprop="contentUrl" src="https://example.com/photos/1x1/adult-black-labrador.jpg" /><br />
    <span itemprop="license"> https://example.com/license</span><br />
    <span itemprop="acquireLicensePage">https://example.com/how-to-use-my-images</span>
    </div>
  </body>
</html>

Типы структурированных данных

Полное описание типа ImageObject приведено по адресу schema.org/ImageObject.

Если вы обозначаете защищенные лицензией изображения с помощью структурированных данных, то чтобы эти изображения показывались со значком "Лицензия", вам необходимо добавить для них свойство license. Мы также рекомендуем по возможности указать свойство acquireLicensePage.

Обязательные свойства
contentUrl URL

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

license URL

URL страницы с условиями лицензии на использование изображения. Это могут быть условия использования вашего сайта или Лицензия Creative Commons, например BY-NC 4.0.

Рекомендуемые свойства
acquireLicensePage URL

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

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

Метаданные IPTC для фотографий

IPTC-метаданные фотографии встраиваются в само изображение. Чтобы ваше изображение показывалось со значком "Лицензия", необходимо добавить в него поле Web Statement of Rights. Мы также рекомендуем по возможности добавить поле Licensor URL.

Обязательные свойства
Web Statement of Rights

URL страницы с лицензией на использование изображения и дополнительными сведениями. Это могут быть условия использования вашего сайта или Лицензия Creative Commons, например BY-NC 4.0.

Рекомендуемые свойства
Licensor URL

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

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

Сбор статистики по расширенным результатам в Search Console

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

  1. После первого размещения структурированных данных
  2. После выпуска новых шаблонов или обновления кода
  3. При регулярном анализе трафика

После первого размещения структурированных данных

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

  1. Внесите исправления.
  2. Проверьте страницу на сайте и выясните, есть ли на ней обнаруженные ошибки.
  3. Запросите проверку ресурса, используя отчет о статусе расширенных результатов.

После выпуска новых шаблонов или обновления кода

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

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

    Устранение неполадок

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