Google 이미지의 이미지 라이선스

웹사이트 이미지에 라이선스 정보를 지정하면 Google 이미지의 미리보기 이미지에 라이선스 배지를 표시할 수 있습니다. 라이선스 배지는 이미지에 대한 라이선스 정보가 있음을 나타내며 이미지 뷰어에서 라이선스 링크를 제공하여 사용자가 이미지를 사용할 방법을 자세히 알려줍니다.

Google 이미지의 라이선스 배지

기능 제공 여부

이 기능은 모바일 및 데스크톱에서 사용 가능하며, Google 검색이 제공되는 모든 지역에서 해당 언어로 사용할 수 있습니다.

웹페이지 및 이미지 준비하기

Google에서 이미지를 찾고 색인을 생성할 수 있도록 하려면 다음을 따르세요.

  • 사용자가 계정이나 로그인 없이 이미지가 포함된 페이지에 액세스하여 볼 수 있는지 확인합니다.
  • Googlebot이 이미지가 포함된 페이지에 액세스할 수 있는지 확인합니다(즉, robots.txt 파일 또는 robots 메타 태그에서 페이지를 허용해야 합니다). 색인 생성 범위 보고서에서 사이트의 모든 차단된 페이지를 보거나 URL 검사 도구를 사용하여 특정 페이지를 테스트할 수 있습니다.
  • 웹마스터 가이드라인에 따라 Google에서 내 콘텐츠를 찾을 수 있도록 합니다.
  • Google 이미지의 권장사항을 준수합니다.
  • Google에 변경사항을 계속 알리려면 사이트맵을 제출하는 것이 좋습니다. 이는 Search Console Sitemap API를 사용하여 자동화할 수 있습니다.

구조화된 데이터 또는 IPTC 사진 메타데이터 추가

라이선스 이미지를 Google에 알리려면 사이트의 각 라이선스 이미지에 구조화된 데이터 또는 IPTC 사진 메타데이터를 추가하세요. 여러 페이지에 동일한 이미지가 있다면 이미지가 표시되는 각 페이지에서 이미지마다 구조화된 데이터 또는 IPTC 사진 메타데이터를 추가합니다.

이미지에 라이선스 정보를 추가하는 방법에는 두 가지가 있습니다. 라이선스 배지를 사용하려면 Google에 한 가지 형식의 정보를 제공해야 하며 다음 방법 중 하나를 사용하면 됩니다.

  • 구조화된 데이터: 구조화된 데이터는 마크업으로 표시되는 이미지와 페이지 간의 연결입니다. 이미지가 동일하더라도 이미지가 사용되는 모든 인스턴스에 구조화된 데이터를 추가해야 합니다.
  • IPTC 사진 메타데이터: IPTC 사진 메타데이터는 이미지 자체에 삽입되며 이미지와 메타데이터를 그대로 유지하면서 한 페이지에서 다른 페이지로 이동할 수 있습니다. IPTC 사진 메타데이터는 이미지당 한 번만 삽입하면 됩니다.

다음 그림은 라이선스 정보가 Google 이미지에 표시되는 방법을 보여줍니다.

Google 이미지에 표시될 수 있는 라이선스 메타데이터의 일부를 보여주는 설명선
  1. 이미지 사용에 적용되는 라이선스를 설명하는 페이지의 URL입니다. Schema.org의 license 속성 또는 IPTC의 Web Statement of Rights 필드를 사용하여 이 정보를 지정합니다.
  2. 사용자가 이미지에 라이선스를 부여하는 방법에 관한 정보를 찾을 수 있는 위치를 설명하는 페이지의 URL입니다. Schema.org의 acquireLicensePage 속성 또는 Licensor의 IPTC Licensor URL 필드를 사용하여 이 정보를 지정합니다.

구조화된 데이터

라이선스 이미지임을 Google에 알려줄 수 있는 방법 중 하나는 구조화된 데이터 필드를 추가하는 것입니다. 구조화된 데이터는 페이지 정보를 제공하고 페이지 콘텐츠를 분류하기 위한 표준화된 형식입니다. 구조화된 데이터를 처음 사용한다면 구조화된 데이터의 작동 방식을 자세히 알아보세요.

다음은 구조화된 데이터를 빌드, 테스트 및 출시하는 방법의 개요입니다. 웹 페이지에 구조화된 데이터를 추가하는 방법에 관한 단계별 가이드는 구조화된 데이터 Codelab를 참조하세요.

  1. 필수 속성을 추가합니다. 페이지의 어느 위치에 구조화된 데이터를 배치해야 할지 자세히 알아보려면 구조화된 데이터: 페이지에 삽입할 위치를 참조하세요.
  2. 구조화된 데이터 일반 가이드라인을 준수합니다.
  3. 리치 결과 테스트를 사용하여 코드의 유효성을 검사합니다.
  4. 구조화된 데이터를 포함하는 일부 페이지를 배포하고 URL 검사 도구를 사용하여 Google에서 페이지를 표시하는 방법을 테스트합니다. Google이 페이지에 액세스할 수 있으며 robots.txt 파일, noindex 태그 또는 로그인 요구사항에 의해 차단되지 않는지 확인합니다. 페이지가 정상적으로 표시되면 Google에 URL을 재크롤링하도록 요청할 수 있습니다.
  5. Google에 향후 변경사항을 계속 알리려면 사이트맵을 제출하는 것이 좋습니다. 이는 Search Console Sitemap API를 사용하여 자동화할 수 있습니다.

단일 이미지

다음은 하나의 라이선스 이미지가 포함된 페이지 예입니다.

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>

마이크로데이터


<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>
여러 이미지가 있는 페이지

다음은 여러 개의 라이선스 이미지가 있는 페이지의 예입니다.

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>

마이크로데이터


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

구조화된 데이터 유형 정의

ImageObject의 전체 정의는 schema.org/ImageObject에서 확인할 수 있습니다.

구조화된 데이터를 사용하여 라이선스 이미지를 지정한다면 라이선스 배지와 함께 이미지를 표시하도록 license 속성을 포함해야 합니다. 정보가 있다면 acquireLicensePage 속성도 추가하는 것이 좋습니다.

필수 속성
contentUrl URL

실제 이미지 콘텐츠의 URL입니다. Google에서는 contentUrl을 사용하여 라이선스가 적용되는 이미지를 결정합니다.

license URL

이미지 사용에 적용되는 라이선스를 설명하는 페이지의 URL입니다. 예를 들어, 웹사이트 이용약관이 될 수 있습니다. 이미지에 따라 크리에이티브 커먼즈 라이선스(예: BY-NC 4.0)가 될 수도 있습니다.

권장 속성
acquireLicensePage URL

사용자가 이미지에 라이선스를 부여하는 방법을 찾을 수 있는 페이지의 URL입니다. 다음은 몇 가지 예입니다.

  • 사용자가 특정 해상도 또는 사용 권리를 선택할 수 있는 이미지의 선택 페이지
  • 라이선스 제공자에게 연락할 방법을 설명하는 일반 페이지

IPTC 사진 메타데이터

또는 IPTC 사진 메타데이터를 이미지 내에 직접 삽입할 수 있습니다. 라이선스 배지와 함께 이미지를 표시하려면 Web Statement of Rights 필드를 포함해야 합니다. 정보가 있는 경우 Licensor URL 필드도 추가하는 것이 좋습니다.

필수 속성
Web Statement of Rights

이미지 사용에 적용되는 라이선스 및 기타 권리 정보(선택사항)를 설명하는 페이지의 URL입니다. 예를 들어, 웹사이트 이용약관이 될 수 있습니다. 이미지에 따라 크리에이티브 커먼즈 라이선스(예: BY-NC 4.0)가 될 수도 있습니다.

권장 속성
Licensor URL

사용자가 이미지에 라이선스를 부여하는 방법을 찾을 수 있는 페이지의 URL입니다. Licensor URL은 이미지 객체의 속성이 아니라 Licensor 객체의 속성이어야 합니다. 다음은 관련 예입니다.

  • 사용자가 특정 해상도를 선택할 수 있는 이미지의 선택 페이지
  • 라이선스 제공자에게 연락할 방법을 설명하는 일반 페이지

Search Console로 리치 결과 모니터링하기

Search Console은 Google 검색에서의 페이지 실적을 모니터링하는 데 도움이 되는 도구입니다. Search Console에 가입해야만 페이지가 Google 검색결과에 포함되는 것은 아니지만, 가입하면 Google에서 사이트를 인식하는 방식을 이해하고 개선하는 데 도움이 될 수 있습니다. 다음과 같은 경우 Search Console을 확인하는 것이 좋습니다.

  1. 구조화된 데이터를 처음 배포한 후
  2. 새 템플릿을 출시하거나 코드를 업데이트한 후
  3. 주기적으로 트래픽 분석

구조화된 데이터를 처음 배포한 후

Google에서 페이지의 색인을 생성하고 나면 관련 리치 결과 상태 보고서를 사용하여 문제를 확인합니다. 유효한 페이지가 증가하고 오류나 경고는 증가하지 않는 것이 가장 좋습니다. 구조화된 데이터에 문제가 있는 경우 다음과 같이 해결하세요.

  1. 오류를 수정합니다.
  2. 실제 URL을 검사하여 문제가 지속되는지 확인합니다.
  3. 상태 보고서를 사용하여 유효성 검사를 요청합니다.

새 템플릿을 출시하거나 코드를 업데이트한 후

웹사이트를 대폭 변경했다면 구조화된 데이터 오류 및 경고가 증가하는지 모니터링하세요.
  • 오류가 증가했다면 새로 출시한 템플릿이 제대로 작동하지 않거나 사이트가 기존의 템플릿과 좋지 않은 방식으로 상호작용하게 된 것일 수 있습니다.
  • 유효한 항목이 감소했다면(오류 증가와 일치하지 않음) 페이지에 구조화된 데이터를 더 이상 삽입하지 않는 것일 수 있습니다. URL 검사 도구를 사용하여 문제를 일으키는 원인을 알아보세요.

주기적으로 트래픽 분석

실적 보고서를 사용하여 Google 검색 트래픽을 분석합니다. 데이터에서 페이지가 Google 검색의 리치 결과로 표시되는 빈도, 사용자가 검색결과를 클릭하는 빈도, 검색결과에 표시되는 평균 게재순위를 확인할 수 있습니다. Search Console API를 사용하여 이러한 결과를 자동으로 가져오는 방법도 있습니다.

문제해결

Google 이미지에 이미지 라이선스를 구현하는 데 문제가 있다면 다음 리소스를 참고하세요.