Licenza di immagini in Google Immagini (BETA)

Quando specifichi le informazioni sulla licenza per le immagini sul tuo sito web, sulle relative miniature può essere visualizzato un badge Su licenza in Google Immagini. Questo indica agli utenti che per l'immagine sono disponibili informazioni sulla licenza e fornisce un link a quest'ultima nel visualizzatore di immagini, che offre maggiori dettagli sul modo in cui gli utenti possono utilizzare l'immagine.

Il badge Su licenza in Google Immagini

Disponibilità della funzionalità

Questa funzionalità non è ancora disponibile in Google Immagini. Puoi fornire dati strutturati o metadati in anticipo per assicurarti che le immagini siano idonee quando la funzionalità sarà disponibile.

Preparare le pagine web e le immagini

Per assicurarti che Google possa accedere alle tue immagini e indicizzarle:

Aggiungere dati strutturati o metadati delle foto IPTC

Per indicare a Google quali immagini possono essere concesse in licenza, aggiungi dati strutturati o metadati di foto IPTC a ogni immagine su licenza nel tuo sito. Se utilizzi la stessa immagine su più pagine, aggiungi dati strutturati o metadati di foto IPTC a ogni immagine su tutte le pagine visualizzate.

Esistono due modi per aggiungere informazioni sulla licenza all'immagine. Per l'idoneità al badge Su licenza basta fornire le informazioni a Google in uno dei due formati; ciascuno dei seguenti metodi è sufficiente:

  • Dati strutturati: i dati strutturati sono un'associazione tra l'immagine e la pagina in cui viene visualizzata con il markup. Devi aggiungere dati strutturati per ogni istanza in cui viene utilizzata un'immagine, anche se questa non cambia.
  • Metadati foto IPTC: i metadati foto IPTC sono incorporati nell'immagine stessa e l'immagine e i metadati possono essere trasferiti da una pagina all'altra restando inalterati. Dovrai incorporare i metadati foto IPTC una sola volta per ogni immagine.

Il seguente diagramma mostra in che modo le informazioni sulla licenza possono essere visualizzate in Google Immagini:

Callout che mostrano quali parti dei metadati della licenza possono essere visualizzati in Google Immagini
  1. L'URL di una pagina che descrive la licenza che regola l'utilizzo di un'immagine. Specifica queste informazioni con la proprietà license di schema.org o nel campo IPTC Web Statement of Rights (Dichiarazione di diritti WEB IPTC).
  2. L'URL a una pagina che descrive dove l'utente può trovare informazioni su come ottenere la licenza per l'immagine. Specifica queste informazioni con la proprietà acquireLicensePage di schema.org o nel campo IPTC Licensor URL (URL del concessore di licenza IPTC) (di un Licensor) (concessore di licenza).

Dati strutturati

Un modo per comunicare a Google che un'immagine è su licenza è aggiungere campi di dati strutturati. I dati strutturati sono un formato standardizzato per fornire informazioni su una pagina e classificarne i contenuti. Se non li hai mai utilizzati, leggi ulteriori informazioni su come funzionano i dati strutturati.

Ecco una panoramica su come creare, testare e rilasciare i dati strutturati. Per una guida passo passo su come aggiungere dati strutturati a una pagina web, consulta il codelab sui dati strutturati.

  1. Aggiungi le proprietà richieste. Per informazioni su dove inserire i dati strutturati nella pagina, guarda il video JSON-LD structured data: Where to insert on the page.
  2. Segui le linee guida generali sui dati strutturati.
  3. Convalida il codice utilizzando il test dei risultati multimediali.
  4. Esegui il deployment di alcune pagine che includono dati strutturati e utilizza lo strumento Controllo URL per verificare come Google vede la pagina. Assicurati che la pagina sia accessibile per Google e che non venga bloccata da file robots.txt, tag noindex o requisiti di accesso. Se la pagina non sembra presentare problemi, puoi chiedere a Google di ripetere la scansione degli URL.
  5. Per tenere Google informata delle future modifiche, ti consigliamo di inviare una Sitemap. Puoi automatizzare questa operazione con l'API Search Console Sitemap.

Esempi

Immagine singola

Ecco un esempio di pagina con un'immagine singola su licenza.

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>

Microdati


<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>
Più immagini in una pagina

Ecco un esempio di pagina con più immagini su licenza.

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>

Microdati


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

Definizioni dei tipi di dati strutturati

La definizione completa di ImageObject è fornita su schema.org/ImageObject.

Se utilizzi dati strutturati per specificare un'immagine su licenza, devi includere la proprietà license affinché la tua immagine sia idonea a essere visualizzata con il badge Su licenza. Ti consigliamo di aggiungere anche la proprietà acquireLicensePage se disponi della relativa informazione.

Proprietà obbligatorie
contentUrl URL

Un URL che rimanda ai contenuti effettivi dell'immagine. Google utilizza contentUrl per determinare a quale immagine viene applicata la licenza.

license URL

L'URL di una pagina che descrive la licenza che regola l'utilizzo di un'immagine. Ad esempio, potrebbero essere i termini e le condizioni presenti sul tuo sito web. Dove applicabile, potrebbe anche essere una Licenza Creative Commons (ad esempio, BY-NC 4.0).

Proprietà consigliate
acquireLicensePage URL

L'URL a una pagina in cui l'utente può trovare informazioni su come ottenere la licenza per l'immagine. Ecco alcuni esempi:

  • Una pagina di pagamento per l'immagine in cui l'utente può selezionare risoluzioni o diritti di utilizzo specifici
  • Una pagina generica che spiega come contattarti

Metadati foto IPTC

In alternativa, puoi incorporare i metadati foto IPTC direttamente all'interno di un'immagine. Devi includere il campo Web Statement of Rights (Dichiarazione di diritti web) affinché la tua immagine sia idonea a essere visualizzata con il badge Su licenza. Se disponi di questa informazione ti consigliamo di aggiungere anche il campo Licensor URL (URL del concessore di licenza).

Proprietà obbligatorie
Web Statement of Rights (Dichiarazione di diritti Web)

L'URL di una pagina che descrive la licenza che regola l'utilizzo di un'immagine e, facoltativamente, altre informazioni sui diritti. Ad esempio, potrebbero essere i termini e le condizioni presenti sul tuo sito web. Dove applicabile, potrebbe anche essere una Licenza Creative Commons (ad esempio, BY-NC 4.0).

Proprietà consigliate
Licensor URL (URL concessore di licenza)

L'URL a una pagina in cui l'utente può trovare informazioni su come ottenere la licenza per l'immagine. Licensor URL deve essere una proprietà di un oggetto Licensor, non una proprietà dell'oggetto image. Ecco alcuni esempi:

  • Una pagina di pagamento per l'immagine in cui l'utente può selezionare risoluzioni specifiche
  • Una pagina generica che spiega come contattarti

Risoluzione dei problemi

Se hai difficoltà a implementare la licenza delle immagini in Google Immagini, di seguito puoi trovare alcune risorse che potrebbero esserti utili.