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.

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 :

• Assurez-vous que les utilisateurs peuvent accéder aux pages contenant des images sans avoir besoin d'un compte ni d'identifiants de connexion.
• Assurez-vous que Googlebot peut accéder aux pages contenant des images. Vos pages ne doivent pas être interdites par un fichier robots.txt ou une balise Meta pour les robots. Pour identifier toutes les pages bloquées sur votre site, consultez le rapport Couverture de l'index ou testez une page spécifique via l'outil d'inspection d'URL.
• Veillez à respecter les consignes aux webmasters pour que Google puisse détecter votre contenu.
• Suivez les bonnes pratiques Google Images.
• Pour informer Google en cas de modification 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.

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 :

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. En fonction du format que vous utilisez, découvrez où insérer des données structurées sur la page.
2. Suivez les consignes.
3. Validez votre code à l'aide de l'outil de 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.

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

<html>
  <head>
    <title>Black labrador puppy</title>
  </head>
  <body>
  <div vocab="https://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="https://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>

Image unique dans une balise srcset

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

<html>
  <head>
    <title>Black labrador puppy</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org/",
      "@type": "ImageObject",
      "contentUrl": "https://example.com/photos/320/black-labrador-puppy-800w.jpg",
      "license": "https://example.com/license",
      "acquireLicensePage": "https://example.com/how-to-use-my-images"
    }
    </script>
  </head>
  <body>
    <img srcset="https://example.com/photos/320/black-labrador-puppy-320w.jpg 320w,
                   https://example.com/photos/480/black-labrador-puppy-480w.jpg 480w,
                   https://example.com/photos/800/black-labrador-puppy-800w.jpg 800w"
           sizes="(max-width: 320px) 280px,
                  (max-width: 480px) 440px,
                  800px"
           src="https://example.com/photos/320/black-labrador-puppy-800w.jpg"
           alt="Black labrador puppy"><br />
    <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>

<html>
  <head>
    <title>Black labrador puppy</title>
  </head>
  <body>
    <div vocab="https://schema.org/" typeof="ImageObject">
      <img property="contentUrl"
           srcset="https://example.com/photos/320/black-labrador-puppy-320w.jpg 320w,
                   https://example.com/photos/480/black-labrador-puppy-480w.jpg 480w,
                   https://example.com/photos/800/black-labrador-puppy-800w.jpg 800w"
           sizes="(max-width: 320px) 280px,
                  (max-width: 480px) 440px,
                  800px"
           src="https://example.com/photos/320/black-labrador-puppy-800w.jpg"
           alt="Black labrador puppy"><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 itemprop="contentUrl"
           srcset="https://example.com/photos/320/black-labrador-puppy-320w.jpg 320w,
                   https://example.com/photos/480/black-labrador-puppy-480w.jpg 480w,
                   https://example.com/photos/800/black-labrador-puppy-800w.jpg 800w"
           sizes="(max-width: 320px) 280px,
                  (max-width: 480px) 440px,
                  800px"
           src="https://example.com/photos/320/black-labrador-puppy-800w.jpg"
           alt="Black labrador puppy"><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.

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

<html>
  <head>
    <title>Photos of black labradors</title>
  </head>
  <body>
  <div vocab="https://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="https://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="https://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="https://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 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.

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.

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. Lors des analyses régulières 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, une augmentation du nombre de pages valides, sans augmentation du nombre d'erreurs ou d'avertissements, devrait avoir lieu. 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

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

Lors des analyses régulières du trafic

Dépannage

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

• Pour toute question concernant cette fonctionnalité, consultez les questions fréquentes concernant les licences d'images dans Google Images.
• Vos données structurées comportent peut-être une erreur. Consultez la liste des erreurs de données structurées.
• Si vous avez reçu une action manuelle de données structurées concernant votre page, ces données seront ignorées (mais la page concernée apparaîtra peut-être toujours dans les résultats de recherche Google). Pour résoudre les problèmes de données structurées, utilisez le rapport sur les actions manuelles.
• Consultez à nouveau les consignes pour déterminer si votre contenu est bien conforme.
• Découvrez comment résoudre les problèmes liés aux résultats enrichis manquants ou à une baisse du nombre total de résultats enrichis.
• Pour toute question d'ordre général sur l'exploration et l'indexation, consultez les questions fréquentes sur l'exploration et l'indexation dans la recherche Google.
• Posez une question à l'occasion des sessions de permanence Google Search Central.
• Posez une question sur le forum Google Search Central. Pour obtenir de l'aide sur les métadonnées de photo IPTC, vous pouvez publier un message sur le forum de cette organisation.