Google 이미지 권장사항

Google 이미지를 사용하면 웹상의 정보를 시각적으로 찾을 수 있습니다. 사용자는 이미지 캡션, 눈에 잘 띄는 배지, AMP 검색결과와 같은 새로운 기능을 이용하여 이미지에 관한 더 자세한 맥락과 함께 정보를 빠르게 살펴볼 수 있습니다.

이미지에 관한 맥락을 더 추가하면 검색결과가 더욱 유용해지므로 사이트에 양질의 트래픽을 유도할 수 있습니다. 이미지와 사이트를 Google 이미지에 최적화하면 사용자가 더 쉽게 발견할 수 있습니다. 가이드라인에 따라 Google 이미지 검색결과에 콘텐츠가 표시될 가능성을 높이세요.

사용자 환경 개선하기

Google 이미지에서 콘텐츠의 검색 가능성을 높이려면 만족스러운 사용자 환경을 제공하여 사용자에게 중점을 두세요. 이렇게 하려면 검색엔진을 위해서가 아니라 사용자를 위한 페이지를 만들어야 합니다. 이때 다음 도움말을 참고하세요.

  • 적절한 맥락 제공: 시각적 콘텐츠가 페이지 주제와 관련되어 있는지 확인합니다. 페이지에 독창적인 가치를 더하는 곳에만 이미지를 표시하는 것이 좋습니다. 특히 이미지와 텍스트가 모두 원본 콘텐츠가 아닌 페이지는 권장하지 않습니다.
  • 게재위치 최적화: 가능한 경우 관련성 있는 텍스트 근처에 이미지를 배치합니다. 적절하다고 생각되는 경우, 가장 중요한 이미지를 페이지 상단에 배치해 보세요.
  • 이미지 내에 중요한 텍스트 삽입하지 않기: 특히 페이지 제목과 메뉴 항목과 같이 중요한 텍스트 요소는 이미지에 삽입하지 않습니다. 이미지에 삽입된 텍스트 요소는 일부 사용자가 액세스할 수 없으며, 이미지에는 페이지 번역 도구가 작동하지 않기 때문입니다. 콘텐츠의 접근성을 최대화하려면 텍스트를 HTML 형식으로 유지하고 이미지의 대체 텍스트를 제공하세요.
  • 유익한 고품질 사이트 만들기: 웹페이지 콘텐츠의 품질은 Google 이미지를 위한 시각 콘텐츠만큼 중요합니다. 고품질 콘텐츠는 맥락을 제공하고 결과를 더욱 실용적으로 만들어 주기 때문입니다. 페이지 콘텐츠를 사용하여 이미지의 텍스트 스니펫을 만들 수 있으며, Google에서는 페이지 콘텐츠의 품질을 고려하여 이미지 순위를 결정합니다.
  • 기기 친화적 사이트 만들기: 데스크톱보다는 모바일에서 Google 이미지를 검색하는 사용자가 많습니다. 따라서 모든 기기 유형과 크기에 맞게 사이트를 디자인하는 것이 중요합니다. 모바일 친화성 테스트를 사용하면 페이지가 휴대기기에서 제대로 작동하는지 테스트하고 수정이 필요한 부분에 관해 피드백을 받을 수 있습니다.
  • 이미지에 적합한 URL 구조 만들기: Google에서는 URL 경로 및 파일 이름을 사용하여 이미지를 파악합니다. 이미지 콘텐츠를 정리하여 URL을 논리적인 방식으로 구성해 보세요.

페이지 제목 및 설명 확인하기

Google 이미지는 각 검색결과를 가장 효과적으로 설명하고 사용자 검색어와 검색결과의 연관성을 보여 주는 제목과 스니펫을 자동 생성합니다. 이렇게 하면 사용자가 검색결과를 클릭할지 결정하는 데 도움이 됩니다.

Google에서는 각 페이지의 제목과 메타 태그에 포함된 설명 정보 등의 다양한 소스를 사용하여 이러한 정보를 생성합니다.

Google의 제목 및 스니펫 가이드라인을 따르면 페이지를 설명하는 제목 및 스니펫의 품질을 향상시킬 수 있습니다.

구조화된 데이터 추가하기

구조화된 데이터를 추가하면 Google 이미지에서 이미지를 눈에 잘 띄는 배지와 같은 리치 결과로 표시할 수 있습니다. 이렇게 하면 사용자에게 페이지에 관해 유용한 정보를 제공하고, 더욱 효과적으로 타겟팅된 트래픽을 사이트로 유도할 수 있습니다. Google 이미지에서는 다음 유형의 정보와 관련된 구조화된 데이터를 지원합니다.

구조화된 데이터에 관한 일반적인 가이드라인 및 사용 중인 구조화된 데이터에 해당하는 가이드라인을 준수하세요. 그러지 않으면 구조화된 데이터가 Google 이미지에 리치 결과로 표시되지 못할 수도 있습니다. Google 이미지에서 배지 및 리치 결과를 표시하려면 각 구조화된 데이터 유형에 이미지 속성이 있어야 합니다.

속도 최적화하기

이미지는 전체 페이지 크기를 결정하는 가장 큰 요인으로, 이미지로 인해 페이지가 느려지고 로드 비용이 높아질 수 있습니다. 속도가 빠른 양질의 사용자 환경을 제공하려면 최신 이미지 최적화반응형 이미지 기술을 사용하세요.

사용자는 Google 이미지에서 AMP 로고 를 통해 빠르고 원활하게 로드되는 페이지를 파악할 수 있습니다. 이미지 호스트 페이지를 AMP 페이지로 변환하여 페이지 로드 시간을 줄여 보세요. 이때 대상 페이지는 사용자가 Google 이미지에서 검색결과를 클릭했을 때 연결되는 페이지입니다.

PageSpeed Insights로 사이트 속도를 분석하고, 웹 기초 페이지를 방문하여 웹사이트 성능을 개선하기 위한 권장사항과 기술을 알아보세요.

고화질 사진 추가하기

고화질 사진은 흐리고 선명하지 않은 이미지보다 사용자에게 매력적으로 다가갑니다. 또한 선명한 이미지는 검색결과 썸네일 이미지에서 사용자에게 더 매력적으로 보이므로 사용자의 트래픽을 유도할 가능성이 높습니다.

이미지에 구체적인 제목, 캡션, 파일 이름, 텍스트 추가

Google에서는 캡션 및 이미지 제목을 비롯한 페이지 콘텐츠에서 이미지 주제에 관한 정보를 추출합니다. 가능한 경우 이미지를 관련 텍스트 근처와 이미지 주제와 관련 있는 페이지에 배치하세요.

파일 이름도 마찬가지로 Google에서 이미지 주제를 파악하는 데 도움이 됩니다. 예를 들어 my-new-black-kitten.jpgIMG00023.JPG보다 이미지 주제를 알리는 데 더 효과적입니다.

구체적인 대체 텍스트 사용하기

이미지를 설명하는 대체 텍스트는 스크린 리더를 사용하는 사용자나 저대역폭 연결을 사용하는 사용자 등 웹페이지의 이미지를 볼 수 없는 사용자의 접근성을 개선합니다.

Google은 대체 텍스트와 함께 컴퓨터 버전 알고리즘과 페이지 콘텐츠를 사용하여 이미지의 주제를 파악합니다. 또한 이미지의 대체 텍스트는 이미지를 링크로 사용할 때 앵커 텍스트로 활용할 수 있습니다.

대체 텍스트를 작성할 때는 키워드를 적절히 사용하고 페이지 콘텐츠의 맥락에 맞는 유용하고 정보가 풍부한 콘텐츠를 만드는 데 중점을 두세요. Alt 속성을 키워드로 채우는 것(유인 키워드 반복)은 좋지 않습니다. 사용자 환경에 악영향을 미치고 스팸 사이트로 간주될 수 있기 때문입니다.

  • 나쁜 예(대체 텍스트 누락됨): <img src="puppy.jpg"/>
  • 나쁜 예(유인 키워드 반복): <img src="puppy.jpg" alt="puppy dog baby dog pup pups puppies doggies pups litter puppies dog retriever labrador wolfhound setter pointer puppy jack russell terrier puppies dog food cheap dogfood puppy food"/>
  • 좋은 예: <img src="puppy.jpg" alt="puppy"/>
  • 가장 좋은 예: <img src="puppy.jpg" alt="Dalmatian puppy playing fetch"/>

접근성을 검사하고 느린 네트워크 연결 에뮬레이터를 사용하여 콘텐츠를 테스트하는 것이 좋습니다.

Google에서 이미지를 찾을 수 있도록 돕기

이미지에 의미가 있는 마크업 사용하기

Google에서는 이미지의 색인을 생성하기 위해 페이지의 HTML을 파싱하지만 CSS 이미지의 색인을 생성하지는 않습니다.

  • 좋은 예: <img src="puppy.jpg" alt="A golden retriever puppy" />
  • 나쁜 예: <div style="background-image:url(puppy.jpg)">A golden retriever puppy</div>

이미지 사이트맵 사용하기

이미지는 사이트 콘텐츠에 관한 정보를 얻을 수 있는 중요한 소스입니다. Google에 이미지에 관한 추가 정보를 제공하고, 이미지 사이트맵에 정보를 추가하여 Google이 다른 방법으로는 발견하지 못할 수도 있는 이미지의 URL을 제공하세요.

이미지 사이트맵에는 도메인 간 제한이 적용되는 일반 사이트맵과는 달리 다른 도메인의 URL을 포함할 수 있습니다. 따라서 콘텐츠 전송 네트워크(CDN)를 사용하여 이미지를 호스팅할 수 있습니다. 크롤링 오류가 발견될 경우 Google에서 알려 드릴 수 있도록 Search Console에서 CDN 도메인 이름을 확인하세요.

지원되는 이미지 형식

Google 이미지는 BMP, GIF, JPEG, PNG, WebP, SVG 형식의 이미지를 지원합니다.

이미지를 데이터 URI의 형식으로 인라인으로 삽입할 수도 있습니다. 데이터 URI를 사용하면 이미지와 같은 파일을 인라인으로 삽입할 수 있습니다. 다음 형식을 사용해 img 요소의 src를 Base64로 인코딩된 문자열로 설정하세요.

<img src="data:image/svg+xml;base64,[data]">

이미지를 인라인으로 삽입하면 HTTP 요청이 줄어들 수 있지만 페이지의 크기가 상당히 늘어날 수 있으므로 이를 신중하게 판단하여 사용해야 합니다. 자세한 정보를 보려면 웹 기초 페이지에서 인라인 이미지의 장점과 단점을 확인하세요.

반응형 이미지

반응형 웹페이지를 설계하면 사용자가 다양한 기기 유형에서 웹페이지를 사용할 수 있으므로 더 나은 사용자 환경을 제공합니다. 이미지에 관한 웹 기초를 방문하여 웹사이트에서 이미지를 처리할 때의 권장사항을 알아보세요.

웹페이지는 <img srcset> 속성이나 <picture> 요소를 사용하여 반응형 이미지를 지정합니다. 그러나 일부 브라우저와 크롤러는 이러한 속성을 인식하지 못합니다. 항상 img src 속성을 사용해 대체 URL을 지정하는 것이 좋습니다.

srcset 속성을 사용하면 화면 크기별로 같은 이미지의 서로 다른 버전을 지정할 수 있습니다.

예: <img srcset>

<img srcset="example-320w.jpg 320w,
       example-480w.jpg 480w,
       example-800w.jpg 800w"
   sizes="(max-width: 320px) 280px,
      (max-width: 480px) 440px,
      800px"
   src="example-800w.jpg" alt="responsive web!">

<picture> 요소는 같은 이미지의 서로 다른 <source> 버전을 그룹화하는 데 사용되는 컨테이너입니다. 이 요소는 대체 접근방식을 지원하므로 브라우저에서 픽셀 밀도, 화면 크기와 같은 기기 기능에 따라 적절한 이미지를 선택할 수 있습니다. picture 요소는 아직 새 형식을 지원하지 않을 수 있는 클라이언트를 위한 단계적 성능 저하 기능이 내장된 새 이미지 형식을 사용할 때도 유용합니다.

다음 형식을 사용하여 picture 태그를 사용할 때 대체용으로 src 속성과 함께 img 요소를 항상 제공하는 것이 좋습니다.

예: <picture>

<picture>
 <source type="image/svg+xml" srcset="pyramid.svg">
 <source type="image/webp" srcset="pyramid.webp">
 <img src="pyramid.png" alt="large PNG image...">
</picture>

세이프서치는 Google 검색결과에 선정적인 이미지, 동영상, 웹사이트를 표시하거나 차단할지를 지정할 수 있는 계정 설정입니다. 해당하는 경우 세이프서치 설정을 이미지에 적용하려면 이미지의 성격을 Google에 알려야 합니다.

일반적인 URL 위치에서 성인용 이미지 그룹화하기

사이트에 성인용 이미지가 포함되어 있다면 웹사이트에 포함된 다른 이미지와는 별도로 이미지를 그룹화하는 것을 적극 권장합니다. 예를 들어 http//www.example.com/adult/image.jpg와 같이 그룹화할 수 있습니다.

성인용 페이지에 메타데이터 추가하기

Google 알고리즘은 다양한 신호를 사용하여 사용자의 세이프서치 필터가 사용 설정되어 있을 때 이미지나 전체 페이지가 검색결과에서 필터링되어야 하는지 결정합니다. 이미지의 경우 일부 신호는 머신러닝을 사용하여 생성되지만, 세이프서치 알고리즘은 이전에 이미지가 사용된 위치 및 이미지가 사용된 맥락과 같은 단순한 요인도 고려합니다.

가장 강력한 신호 중 하나는 자체적으로 표시된 성인용 페이지입니다. 성인용 콘텐츠를 게시할 때는 다음 메타 태그 중 하나를 페이지에 추가하는 것이 좋습니다.

<meta name="rating" content="adult" />
<meta name="rating" content="RTA-5042-1996-1400-1577-RTA" />

검색결과에서 성인용 콘텐츠를 보고 싶어 하지 않는 사용자가 많습니다. 특히 자녀와 기기를 함께 사용하는 사용자의 경우 더욱 그렇습니다. 이러한 메타 태그 중 하나를 제공하면 사용자가 보고 싶어 하지 않거나 예상치 못했던 검색결과가 표시되지 않기 때문에 더욱 만족스러운 사용자 환경을 제공할 수 있습니다.

마지막으로...

검색결과 순위를 높이는 데 유용한 정보를 확인할 수 있는 SEO 기본 가이드를 읽어 보세요. 더 궁금한 점이 있다면 Google 검색 센터 도움말 포럼에 게시해 주시기 바랍니다.