Metadaten zu Bildlizenzen in Google Bilder (BETA)

Wenn du Lizenzinformationen für die Bilder auf deiner Website angibst, können diese in den Miniaturansichten von Google Bilder mit der Kennzeichnung "Lizenzierbar" angezeigt werden. Nutzer wissen dann, dass für das Bild Lizenzinformationen verfügbar sind, und können einem Link zur Lizenz in der Bildanzeige folgen, um weitere Informationen zur Verwendung des Bildes zu erhalten.

Die Kennzeichnung

Verfügbarkeit der Funktion

Diese Funktion ist noch nicht in Google Bilder verfügbar. Du kannst strukturierte Daten oder Metadaten aber im Voraus angeben, damit die Funktion sofort für deine Bilder zur Verfügung steht, sobald sie freigeschaltet wird.

Webseiten und Bilder vorbereiten

So sorgst du dafür, dass Google deine Bilder finden und indexieren kann:

Strukturierte Daten oder IPTC-Fotometadaten hinzufügen

Du kannst Google mitteilen, welche Bilder lizenzierbar sind, indem du jedem lizenzierbaren Bild auf deiner Website Metadaten oder IPTC-Fotometadaten hinzufügst. Falls ein Bild auf mehreren Seiten angezeigt wird, füge allen Bildern auf diesen Seiten Metadaten oder IPTC-Fotometadaten hinzu.

Du hast zwei Möglichkeiten, deinem Bild Lizenzinformationen hinzuzufügen. Du musst Google die Informationen nur in einer Form zur Verfügung stellen, um die Kennzeichnung "Lizenzierbar" nutzen zu können, d. h., eine der folgenden Methoden ist dafür ausreichend:

  • Strukturierte Daten: Strukturierte Daten stellen eine Verbindung zwischen dem Bild und der Seite her, auf der es mit dem Markup erscheint. Wenn du dasselbe Bild mehrfach verwendest, musst du strukturierte Daten für jede Instanz hinzufügen.
  • IPTC-Fotometadaten: IPTC-Fotometadaten werden in das Bild selbst eingebettet. Das Bild und die Metadaten können auf verschiedenen Seiten eingefügt werden, bleiben dabei aber unverändert. IPTC-Fotometadaten müssen nur einmal pro Bild eingebettet werden.

Im folgenden Diagramm ist zu sehen, wie Lizenzinformationen in Google Bilder erscheinen können:

Zusatzinformationen, über die ersichtlich ist, welche Teile der Lizenzmetadaten in Google Bilder angezeigt werden können
  1. Eine URL zu einer Seite, auf der die Lizenz für die Verwendung eines Bildes beschrieben wird. Gib diese Informationen mit der Property license von Schema.org oder dem IPTC-Feld "Web Statement of Rights" an.
  2. Eine URL zu einer Seite, auf der beschrieben wird, wo der Nutzer Informationen zur Lizenzierung des Bildes finden kann. Gib diese Informationen mit der Property acquireLicensePage von Schema.org oder dem IPTC-Feld "Licensor URL" (für Licensor) an.

Strukturierte Daten

Eine Möglichkeit, Google mitzuteilen, dass ein Bild lizenzierbar ist, besteht darin, Felder für strukturierte Daten hinzuzufügen. Strukturierte Daten sind ein standardisiertes Format, mit dem du Informationen zu einer Seite angeben und die Seiteninhalte klassifizieren kannst. Falls du mit strukturierten Daten noch nicht vertraut bist, findest du hier weitere Informationen dazu, wie sie funktionieren.

In der folgenden Übersicht haben wir zusammengefasst, wie du strukturierte Daten erstellst, testest und veröffentlichst. Eine detaillierte Anleitung dazu, wie du einer Webseite strukturierte Daten hinzufügst, findest du im Codelab zu strukturierten Daten.

  1. Füge die erforderlichen Properties hinzu. Informationen dazu, wo strukturierte Daten auf der Seite platziert werden, erhältst du in diesem Video: JSON-LD structured data: Where to insert on the page.
  2. Folge den allgemeinen Richtlinien für strukturierte Daten.
  3. Prüfe deinen Code mit dem Test auf Rich-Suchergebnisse.
  4. Stelle ein paar Seiten mit deinen strukturierten Daten bereit und teste mit dem URL-Prüftool, wie Google die Seiten sieht. Achte darauf, dass die Seiten für Google zugänglich sind und nicht durch eine robots.txt-Datei, das noindex-Tag oder Anmeldeanforderungen blockiert werden. Wenn die Seiten in Ordnung sind, kannst du Google bitten, deine URLs noch einmal zu crawlen.
  5. Damit Google über künftige Änderungen auf dem Laufenden bleibt, empfehlen wir dir, eine Sitemap einzureichen. Mit der Search Console Sitemap API lässt sich dieser Vorgang automatisieren.

Beispiele

Einzelnes Bild

Hier ist ein Beispiel für eine Seite mit einem einzelnen lizenzierbaren Bild.

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>

Mikrodaten


<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>
Mehrere Bilder auf einer Seite

Hier ist ein Beispiel für eine Seite mit mehreren lizenzierbaren Bildern.

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>

Mikrodaten


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

Definitionen strukturierter Datentypen

Die vollständige Definition von ImageObject findest du unter schema.org/ImageObject.

Wenn du dich für strukturierte Daten entscheidest, musst du die Property license für das Bild hinzufügen, damit es mit der Kennzeichnung "Lizenzierbar" versehen werden kann. Wir empfehlen, auch die Property acquireLicensePage hinzuzufügen, wenn dir diese Informationen zur Verfügung stehen.

Erforderliche Properties
contentUrl URL

Eine URL zum eigentlichen Bildinhalt. Google verwendet contentUrl, um festzustellen, für welches Bild die Lizenz gilt.

license URL

Eine URL zu einer Seite, auf der die Lizenz für die Verwendung eines Bildes beschrieben wird. Dabei kann es sich beispielsweise um die Nutzungsbedingungen auf deiner Website handeln. Oder es kann auch eine Creative Commons-Lizenz sein, etwa BY-NC 4.0).

Empfohlene Properties
acquireLicensePage URL

Eine URL zu einer Seite, auf der der Nutzer Informationen zur Lizenzierung des Bildes finden kann. Hier einige Beispiele:

  • Eine Seite, auf der der Nutzer bestimmte Auflösungen und Nutzungsrechte für das Bild auswählen und es kaufen kann
  • Eine allgemeine Seite, auf der erläutert wird, wie man dich kontaktieren kann

IPTC-Fotometadaten

Alternativ kannst du IPTC-Fotometadaten direkt in ein Bild einbetten. Du musst das Feld "Web Statement of Rights" für dein Bild angeben, damit es mit der Kennzeichnung "Lizenzierbar" versehen werden kann. Wir empfehlen, auch das Feld "Licensor URL" hinzuzufügen, wenn dir diese Informationen zur Verfügung stehen.

Erforderliche Properties
Web Statement of Rights

Eine URL zu einer Seite, auf der die Lizenz für die Verwendung eines Bildes beschrieben und optional weitere rechtliche Informationen erläutert werden. Dabei kann es sich beispielsweise um die Nutzungsbedingungen auf deiner Website handeln. Oder es kann auch eine Creative Commons-Lizenz sein, etwa BY-NC 4.0).

Empfohlene Properties
Licensor URL (für Licensor)

Eine URL zu einer Seite, auf der der Nutzer Informationen zur Lizenzierung des Bildes finden kann. Hier einige Beispiele:

  • Eine Seite, auf der der Nutzer bestimmte Auflösungen für das Bild auswählen und es kaufen kann
  • Eine allgemeine Seite, auf der erläutert wird, wie man dich kontaktieren kann

Fehlerbehebung

Falls du Probleme bei der Implementierung von Bildlizenzen in Google Bilder hast, versuch es mit diesen Lösungsansätzen: