Après un premier pas en faveur du respect du droit d’auteur des photographes, Google Images souhaite aller plus loin en affichant désormais les informations de licence relatives aux images.
Bref rappel historique, en septembre 2018, après avoir supprimé le bouton « Voir l’image » sous la pression des ayants-droit, Google avait introduit l’affichage des métadonnées Créateur IPTC, Crédit IPTC ainsi que la mention du droit d’auteur dans Google Images.
Pour afficher les informations de licence, Google vient de rendre public une version bêta de données structurées contenant les informations de licence relatives aux images. Les photographes pourront ainsi mentionner les conditions d’utilisation des photos issues de leurs sites web (libres de droit, sous licence, etc.).
Cette information sera présentée sous forme de badge au-dessus de images avec la mention « Licensable », « sous licence » en français. Une manière de rappeler aux internautes que tout ce qu’ils trouvent sur Internet ne peut pas forcément être réutilisé gratuitement.
Comment implémenter des Données Structurées à votre site Web ?
Pour rappel, les données structurées ou schéma de balisage, sont un type de code qui facilite l’exploration, l’indexation et l’affichage de votre contenu par les moteurs de recherche. Ces données leur sont précieuses pour mieux comprendre vos contenus Web.
Même si l’implémentation technique demeure relativement simple, cette opération peut être rapidement chronophage si vous avez beaucoup d’images à protéger.
Vous devez utiliser le type ImageObject de Schema.org et ajouter trois attributs pour obtenir le badge : « url » pour l’URL de l’image, « license » pour l’URL de la licence utilisée, et « acquireLicensePage » pour l’URL décrivant comment l’image peut être utilisée.
Exemple d’implémentation fourni par Google:
<html>
<head>
<title>Black labrador puppy</title>
<script type="application/ld+json">
{
"@context": "https://schema.org/",
"@type": "ImageObject",
"url": "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>
Google fournit un outil d’aide au balisage de données structurées, rendez-vous sur cette page https://www.google.com/webmasters/markup-helper/u/0/?hl=fr pour créer le balisage et exporter le code html au format “JSON-LD”.
Pour tester la bonne implémentation de vos données, rendez-vous sur cette page https://search.google.com/structured-data/testing-tool/u/0/?hl=fr
Si votre site est sous WordPress, il existe plusieurs extensions qui prennent en charge les données structurées.
WP SEO Structured Data Schema
Schema App Structured Data
Source : Google