Licence d'image dans Google Images

Lorsque vous spécifiez des informations de licence pour les images de votre site Web, les images concernées peuvent s'afficher avec un badge "Sous licence" sur les vignettes publiées dans Google Images. Ce badge indique aux utilisateurs que des informations de licence sont disponibles pour cette image. Un lien permet également de consulter la licence dans la visionneuse d'images et de découvrir les conditions d'utilisation spécifiques à l'image.

Badge

Disponibilité de cette fonctionnalité

Cette fonctionnalité est disponible sur mobile et ordinateur, ainsi que dans toutes les régions et langues pour lesquelles la recherche Google est disponible.

Préparer vos pages Web et vos images

Pour vérifier que Google est en mesure de découvrir et d'indexer vos images, procédez comme suit :

Ajouter des données structurées ou des métadonnées de photo IPTC

Pour indiquer à Google quelles images sont susceptibles d'être disponibles sous licence, ajoutez des données structurées ou des métadonnées de photo IPTC à chacune des images concernées sur votre site. Si la même image est utilisée sur plusieurs pages, ajoutez les données structurées ou les métadonnées de photo IPTC à chaque image de chaque page.

Deux options s'offrent à vous pour ajouter des informations de licence à une image. Pour pouvoir bénéficier du badge "Sous licence", il vous suffit de choisir une de ces options en suivant l'une des méthodes ci-dessous :

  • Données structurées : les données structurées constituent une association entre l'image et la page sur laquelle elle apparaît avec le balisage. Vous devez ajouter des données structurées à tous les endroits où une image est utilisée, même s'il s'agit de la même image.
  • Métadonnées de photo IPTC : les métadonnées de photo IPTC sont intégrées dans l'image. L'image et les métadonnées sont donc préservées d'une page à l'autre. Il suffit d'intégrer les métadonnées de photo IPTC une fois par image.

Le schéma suivant montre comment les informations de licence peuvent s'afficher dans Google Images :

Légendes indiquant quelles parties des métadonnées de licence peuvent apparaître dans Google Images
  1. URL vers une page décrivant la licence qui régit l'utilisation d'une image. Spécifiez ces informations à l'aide de la propriété Schema.org license ou du champ "IPTC Web Statement of Rights".
  2. URL vers une page décrivant où l'utilisateur peut trouver des informations sur la concession de cette image sous licence. Spécifiez ces informations à l'aide de la propriété schema.org acquireLicensePage ou du champ IPTC Licensor URL (correspondant à un élément Licensor).

Données structurées

L'un des moyens permettant d'indiquer à Google qu'une image peut être concédée sous licence consiste à ajouter des champs de données structurées. Ces données structurées représentent un format normalisé permettant de fournir des informations sur une page et de classer son contenu. En savoir plus sur le fonctionnement des données structurées

Voici, dans les grandes lignes, comment créer, tester et publier des données structurées. Pour consulter un guide détaillé sur l'ajout de données structurées à une page Web, accédez à cet atelier de programmation.

  1. Ajoutez les propriétés obligatoires. Pour déterminer où placer les données structurées sur la page, regardez Données structurées JSON-LD : où les insérer sur la page.
  2. Suivez les consignes générales relatives aux données structurées.
  3. Validez votre code à l'aide du test des résultats enrichis.
  4. Déployez quelques pages où figurent vos données structurées et utilisez l'outil d'inspection d'URL pour découvrir comment Google voit la page. Assurez-vous que Google peut accéder à votre page et qu'elle n'est pas bloquée par un fichier robots.txt, la balise noindex ni par des identifiants de connexion. Si tout semble être en ordre, vous pouvez demander à Google d'explorer de nouveau vos URL.
  5. Pour informer Google des modifications futures de vos pages, nous vous recommandons de nous envoyer un sitemap. Vous pouvez automatiser cette opération à l'aide de l'API Sitemap de la Search Console.

Exemples

Image unique

Voici un exemple de page comportant une seule image pouvant être concédée sous licence.

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>

Microdonnées


<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>
Plusieurs images sur une page

Voici un exemple de page comportant plusieurs images pouvant être concédées sous licence.

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>

Microdonnées


<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>

Définitions des types de données structurées

La définition complète de la propriété ImageObject est disponible sur schema.org/ImageObject.

Si vous utilisez des données structurées pour définir une image pouvant être concédée sous licence, vous devez inclure la propriété license pour que votre image puisse s'afficher avec le badge "Sous licence". Nous vous recommandons d'ajouter la propriété acquireLicensePage si vous disposez de cette information.

Propriétés obligatoires
contentUrl URL

URL du contenu réel de l'image. Google utilise contentUrl pour déterminer l'image à laquelle la licence s'applique.

license URL

URL vers une page décrivant la licence qui régit l'utilisation d'une image. Il peut s'agir des conditions d'utilisation publiées sur votre site Web. Le cas échéant, il peut également s'agir d'une licence Creative Commons (par exemple, BY-NC 4.0).

Propriétés recommandées
acquireLicensePage URL

URL vers une page sur laquelle l'utilisateur peut trouver des informations sur la concession de cette image sous licence. Voici quelques exemples :

  • Page de paiement de l'image sur laquelle l'utilisateur peut sélectionner des résolutions ou des droits d'utilisation spécifiques
  • Page générale expliquant comment vous contacter

Métadonnées de photo IPTC

Vous pouvez également intégrer des métadonnées de photo IPTC directement dans une image. Vous devez inclure le champ "Web Statement of Rights" pour que votre image puisse s'afficher avec le badge "Sous licence". Nous vous recommandons également d'ajouter le champ Licensor URL si vous disposez de ces informations.

Propriétés obligatoires
Web Statement of Rights

URL vers une page décrivant la licence qui régit l'utilisation d'une image, avec éventuellement d'autres informations sur les droits d'auteur. Il peut s'agir des conditions d'utilisation publiées sur votre site Web. Le cas échéant, il peut également s'agir d'une licence Creative Commons (par exemple, BY-NC 4.0).

Propriétés recommandées
Licensor URL

URL vers une page sur laquelle l'utilisateur peut trouver des informations sur la concession de cette image sous licence. L'élément Licensor URL doit être une propriété d'un objet Licensor, et non une propriété de l'objet image. Voici quelques exemples :

  • Page de paiement de l'image sur laquelle l'utilisateur peut sélectionner des résolutions spécifiques
  • Page générale expliquant comment vous contacter

Suivre les résultats enrichis avec la Search Console

La Search Console est un outil qui vous permet de suivre les performances de vos pages dans la recherche Google. Il n'est pas nécessaire de vous inscrire à la Search Console pour figurer dans les résultats de recherche Google. Cependant, en vous inscrivant, vous comprendrez mieux la façon dont Google interprète votre site et serez plus à même de l'améliorer. Nous vous recommandons de consulter la Search Console dans les cas suivants :

  1. Après avoir déployé des données structurées pour la première fois
  2. Après avoir publié de nouveaux modèles ou après avoir mis à jour votre code
  3. Analyse régulière du trafic

Après avoir déployé des données structurées pour la première fois

Une fois que Google a indexé vos pages, recherchez les problèmes à l'aide du rapport sur l'état des résultats enrichis. Idéalement, vous devriez constater une augmentation du nombre de pages valides, sans augmentation du nombre d'erreurs ou d'avertissements. Si vous détectez des problèmes au niveau des données structurées :

  1. Corrigez les erreurs.
  2. Inspectez une URL en ligne pour vérifier si le problème persiste.
  3. Demandez la validation à l'aide du rapport d'état.

Après avoir publié de nouveaux modèles ou après avoir mis à jour votre code

Lorsque vous apportez des modifications importantes à votre site Web, surveillez l'augmentation des erreurs et des avertissements relatifs aux données structurées.
  • Si vous constatez une augmentation du nombre d'erreurs, vous avez peut-être déployé un nouveau modèle qui ne fonctionne pas, ou votre site interagit différemment et de façon incorrecte avec le modèle déjà disponible.
  • Si vous constatez une diminution du nombre d'éléments valides (sans augmentation du nombre d'erreurs), vous n'intégrez peut-être plus de données structurées dans vos pages. Utilisez l'outil d'inspection d'URL pour identifier la cause du problème.

Analyse régulière du trafic

Analysez votre trafic de recherche Google à l'aide du rapport sur les performances. Les données indiquent la fréquence à laquelle votre page s'affiche en tant que résultat enrichi dans la recherche Google, ainsi que la fréquence à laquelle les internautes cliquent dessus et la position moyenne à laquelle vous apparaissez dans les résultats de recherche. Vous pouvez également extraire automatiquement ces résultats avec l'API Search Console.

Dépannage

Si vous rencontrez des difficultés pour ajouter une licence d'image dans Google Images, voici quelques ressources susceptibles de vous aider.