Licencia de imagen en Google Imágenes

Cuando especificas información de licencia para las imágenes de tu sitio web, estas pueden mostrarse con la insignia Bajo licencia en las miniaturas de Google Imágenes. Esto les indica a los usuarios que pueden acceder a la información de licencia y les proporciona un vínculo a la licencia en el visor de imágenes, que ofrece más detalles sobre cómo se puede usar la imagen.

La insignia Bajo licencia en Google Imágenes

Disponibilidad de funciones

Esta función está disponible para dispositivos móviles y computadoras de escritorio, así como en todos los idiomas y las regiones en los que está disponible la Búsqueda de Google.

Prepara tus imágenes y páginas web

Para garantizar que Google pueda descubrir e indexar tus imágenes, haz lo siguiente:

Agrega datos estructurados o metadatos de fotos IPTC

Para indicarle a Google qué imágenes tienen licencia, agrega datos estructurados o metadatos de fotos IPTC a cada imagen con licencia de tu sitio. Si tienes la misma imagen en varias páginas, debes agregar esa información para cada página en la que aparezca.

Hay dos formas de agregar información de licencia a una imagen. Solo debes usar una para informar a Google y obtener la insignia Bajo licencia. Cualquiera de los siguientes métodos es suficiente:

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

En el siguiente diagrama, se muestra cómo puede aparecer la información de la licencia en Google Imágenes:

Texto destacado que muestra qué partes de los metadatos de la licencia pueden aparecer en Google Imágenes
  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 esta información con la propiedad acquireLicensePage de Schema.org o el campo IPTC Licensor URL (de un Licensor).

Datos estructurados

Una forma de indicarle a Google que una imagen está bajo licencia es agregar campos de datos estructurados. Los datos estructurados son un formato estandarizado para proporcionar información sobre una página y clasificar su contenido. Si aún no estás familiarizado con los datos estructurados, obtén más información sobre cómo funcionan.

A continuación, presentamos una descripción general de cómo generar, probar y actualizar datos estructurados. Si quieres obtener una guía paso a paso para agregar datos estructurados a una página web, consulta el codelab de datos estructurados.

  1. Agrega las propiedades obligatorias. Para obtener información sobre dónde colocar los datos estructurados en la página, mira el video JSON-LD Structured Data: Where to insert in a page.
  2. Sigue los lineamientos generales de datos estructurados.
  3. Valida tu código con la Prueba de resultados enriquecidos.
  4. Implementa algunas páginas que incluyan tus datos estructurados y utiliza la Herramienta de inspección de URL para probar el modo en el que Google ve la página. Asegúrate de que Google pueda acceder a la página y que no esté bloqueada por un archivo robots.txt, una etiqueta noindex ni requisitos de acceso. Si la página se ve bien, puedes pedirle a Google que vuelva a rastrear tus URL.
  5. Para mantener informado a Google sobre los cambios futuros, te recomendamos que envíes un mapa del sitio. Puedes automatizar este proceso con la API del mapa del sitio de Search Console.

Ejemplos

Imagen única

A continuación, se muestra un ejemplo de una página con una sola imagen bajo licencia.

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>
Varias imágenes en una página

A continuación, se muestra un ejemplo de una página con varias imágenes bajo licencia.

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>

Definiciones de tipos de datos estructurados

Puedes ver la definición completa del objeto ImageObject en schema.org/ImageObject.

Si utilizas datos estructurados para especificar una imagen bajo licencia, debes incluir la propiedad license a fin de que la imagen sea apta para mostrarse con la insignia "Bajo licencia". Te recomendamos que también agregues la propiedad acquireLicensePage si tienes esa información.

Propiedades obligatorias
contentUrl URL

Una URL al contenido de la imagen real. Google usa contentUrl para determinar a qué imagen se aplica la licencia.

license URL

Una URL a una página donde se describe la licencia que rige el uso de una imagen. Por ejemplo, podrían ser los Términos y Condiciones que se incluyen en tu sitio web. Cuando corresponda, también podría ser una Licencia Creative Commons (por ejemplo, BY-NC 4.0).

Propiedades recomendadas
acquireLicensePage URL

Una URL a una página donde el usuario puede encontrar información sobre cómo obtener la licencia de esa imagen. Estos son algunos ejemplos:

  • Una página de confirmación de compra para esa imagen en la que el usuario puede seleccionar resoluciones específicas o derechos de uso
  • Una página general que explique cómo comunicarse contigo

Metadatos de fotos IPTC

También puedes incorporar metadatos de fotos IPTC directamente dentro de una imagen. Debes incluir el campo Web Statement of Rights a fin de que la imagen sea apta para mostrarse con la insignia "Bajo licencia". Te recomendamos que también agregues el campo Licensor URL si tienes esa información.

Propiedades obligatorias
Web Statement of Rights

Una URL a una página que describe la licencia que rige el uso de una imagen y, opcionalmente, otra información sobre derechos. Por ejemplo, podrían ser los Términos y Condiciones que se incluyen en tu sitio web. Cuando corresponda, también podría ser una Licencia Creative Commons (por ejemplo, BY-NC 4.0).

Propiedades recomendadas
Licensor URL

Una URL a una página donde el usuario puede encontrar información sobre cómo obtener la licencia de esa imagen. El Licensor URL debe ser una propiedad de un objeto Licensor, no una propiedad del objeto de imagen. Estos son algunos ejemplos:

  • Una página de confirmación de compra para esa imagen en la que el usuario puede seleccionar resoluciones específicas
  • Una página general que explica cómo comunicarse contigo

Cómo supervisar resultados enriquecidos con Search Console

Search Console es una herramienta que te ayuda a supervisar el rendimiento de tus páginas en la Búsqueda de Google. Si bien no es necesario que te registres en Search Console para que se incluya tu contenido en los resultados de la Búsqueda de Google, te puede ayudar a comprender y mejorar la forma en que Google ve tu sitio. Te recomendamos que revises Search Console en los siguientes casos:

  1. Después de implementar datos estructurados por primera vez
  2. Después de lanzar plantillas nuevas o actualizar código
  3. Para analizar tráfico periódicamente

Después de implementar datos estructurados por primera vez

Después de que Google haya indexado tus páginas, busca problemas con el informe de estado de resultados enriquecidos relevante. Lo ideal sería ver que hayan aumentado las páginas válidas, y no los errores ni las advertencias. Si encuentras problemas en los datos estructurados, haz lo siguiente:

  1. Corrige los errores.
  2. Inspecciona una URL publicada para verificar si el problema persiste.
  3. Solicitar una validación mediante el informe de estado.

Después de lanzar plantillas nuevas o actualizar código

Cuando realices cambios significativos en tu sitio web, supervisa los aumentos en las advertencias y los errores de los datos estructurados.
  • Si notas un aumento en la cantidad de errores, tal vez se deba a que implementaste una plantilla que no funciona o a que tu sitio interactúa con la plantilla actual de una forma diferente e incorrecta.
  • Si notas una disminución total de los datos estructurados (que no coincide con un aumento en la cantidad de errores), es posible que ya no estés incorporando datos estructurados en tus páginas. Usa la Herramienta de inspección de URL para saber cuál es la causa del problema.

Cómo analizar tráfico periódicamente

Analiza el tráfico de la Búsqueda de Google con el Informe de rendimiento. Los datos te mostrarán con qué frecuencia tu página aparece como resultado enriquecido en la Búsqueda, con qué frecuencia los usuarios hacen clic en ella y cuál es la posición promedio en la que apareces en los resultados de la búsqueda. También puedes extraer esos resultados automáticamente con la API de Search Console.

Solución de problemas

Si tienes problemas para implementar una licencia de imagen en Google Imágenes, estos son algunos recursos que podrían serte útiles.