Connect with us

Herramientas

Soporte para licencia de imágenes en Google Search Console

Ahora puedes indicarle a Google que tus imagenes estan bajo licencia usando datos estructurados y metadatos de las fotos IPTC y recibir soporte a través de Google Search Console

Published

on

Soporte para licencia de imágenes en Google Search Console
Imagen por @googlewmc

Google Search Console ofrece a los webmasters un recurso que favorece el uso apropiado de las imágenes, así lo han anunciado hoy:

Nos complace anunciar soporte para datos estructurados de licencia de imagen en Search Console además de la herramienta Prueba de resultados enriquecidos. Lea más sobre la licencia de imagen en https://developers.google.com/search/docs/data-types/image-license-metadata… y sobre el informe de Search Console en https://support.google.com/webmasters/answer/7552505

¿Que implica este nuevo recurso?

Esencialmente, el soporte le dará a los webmasters una herramienta ideal para señalar que las imágenes publicadas en su sitio web son de su propiedad y cuentan con «datos estructurados o metadatos de fotos IPTC en cada imagen con licencia de tu sitio».

Google ya habia comentado esto en Febrero de este año:

Puedes leer: Metadatos de licencia de imágenes en Google Imágenes (BETA)

A Partir de ahora puedes agregar la información de licencia de imágenes usando cualquiera de estos métodos descritos a continuación:

  • Datos estructurados: Los datos estructurados son una asociación entre la imagen y la página donde aparece con el lenguaje de marcado. Debes agregar datos estructurados para cada instancia en que se use una imagen, incluso si es la misma imagen.
  • Metadatos de fotos IPTC: Los metadatos de las fotos IPTC están incorporados en la imagen, y tanto la imagen como los metadatos se pueden mover de una página a la otra sin modificarse. Solo debes incorporar los metadatos de las fotos IPTC una vez por imagen.

Solo debes usar una para informar a Google y obtener la insignia Bajo licencia.

Soporte para licencia de imágenes en Google Search Console 1
  1. Una URL a una página donde se describe la licencia que rige el uso de una imagen. Especifica esa información con la propiedad license de Schema.org o con el campo Web Statement of Rights de IPTC.
  2. Una URL a una página que describe dónde puede el usuario encontrar información sobre cómo obtener la licencia de esa imagen. Especifica esa información con la propiedad acquireLicensePage de Schema.org o el campo IPTC Licensor URL (de un proveedor de licencias).

En caso de que exista algún conflicto entre metadatos de fotos IPTC y datos estructurados Google tomará la información contenida en los datos estructurados.

Agregar licencia de imagenes con datos estructurados

La siguiente corresponden a los códigos para datos estructurados cuando quieras cargar o indicar a Google que una o varias imagenes estan bajo licencia.

Para una imagen
https://developers.google.com/search/docs/data-types/image-license-metadata#single-image

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>

Microdatos

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

Para varias imágenes
https://developers.google.com/search/docs/data-types/image-license-metadata#multiple-images

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>

Microdatos

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

Puedes ampliar más la información en:
https://developers.google.com/search/docs/data-types/image-license-metadata#microdata_1

Reciente