Google 검색 결과에 표시되는 웹 사이트의 이미지를 변경하는 방법은 무엇입니까?


14

누구든지 Google이 검색 결과에 이미지를 표시 할 때 어떤 이미지를 사용할지 결정하는 방법을 알려줄 수 있습니까 (모바일 검색의 경우와 마찬가지로)?

이 모바일 검색 결과를 보면 ...

... 그리고 걸릴 AliExpress.com 예를 들어, 검사에 의해 야기 되는 HTML 당신이 볼 수있는 이미지 구글에 의해 사용이 특별한 선언이없는 것을 등 그냥 처음 JPG입니다 해당 페이지의 HTML에 나타납니다 - 나는 그래서 아마도 그것이 Google 검색 결과에 사용 된 이미지 인 이유 일 것입니다.

그러나 이러한 모바일 검색 결과를 보면…

… Backpack Billboards 결과를 고려하면 HTML 은 사용중인 이미지 가 실제로 HTML로 선언 된 7 번째 이미지 임을 나타냅니다 .

그렇다면 Google에서 표시 할 이미지를 결정하는 방법에 대해 누구나 알 수 있습니까? 사이트에 표시 할 이미지를 제어 할 수 있도록 알고 싶습니다.

업데이트 / 솔루션

아래의 답변 덕분에 이것은 배낭 광고판을head 검색 할 때 Google에 축소판을 표시하기 위해 HTML에 추가 한 코드입니다 .

<script type="application/ld+json">
{
  "@context": "http://schema.org/",
  "@type": "Product",
  "name": "Regular Backpack Billboard",
  "image": [
    "https://backpackbillboards.com/wp-content/uploads/2017/12/backpack-billboards-1x1.jpg",
    "https://backpackbillboards.com/wp-content/uploads/2017/12/backpack-billboards-4x3.jpg",
    "https://backpackbillboards.com/wp-content/uploads/2017/12/backpack-billboards-16x9.jpg"
   ],
  "description": "Backpack Billboards feature a rechargeable battery which powers the internal LED lights providing a bright illuminated display for up to 8 hours.",
  "sku": "BPBB8",
  "brand": {
    "@type": "Thing",
    "name": "Backpack Billboards"
  },
  "offers": {
    "@type": "Offer",
    "priceCurrency": "USD",
    "price": "299.00",
    "priceValidUntil": "2020-11-11",
    "itemCondition": "http://schema.org/NewCondition",
    "availability": "http://schema.org/InStock",
    "seller": {
      "@type": "Organization",
      "name": "Backpack Billboards"
    }
  }
}
</script>

검색어 란 무엇입니까? 검색 방법을 알고이 질문에 대답하지 못할 수도 있습니다.
closetnoc

이 특정 예에 대한 검색어가 무엇인지 잘 모르겠습니다. 해결책은 검색어를 원하는 이미지의 alt태그, title태그 또는 파일 이름 등에 포함 시키려고 시도하는 것일 수 있습니까?
금지

아니요. 검색 결과는 검색 쿼리에 의존합니다. 나 자신에 관해서는 검색 쿼리를 가져 와서 어떻게 바탕 화면에서 어떻게 해결되는지 볼 것입니다. 여기에서 다양한 결과 요소의 출처를 알 수 있습니다. 그런 다음 모바일 검색에 남아있는 요소를 비교하고 결과 요소의 위치와 이유를 뒤흔들 수 있습니다. 지식, 답변 엔진 또는 추천 스 니펫과 같은
closetnoc

"추적"으로 돌아가서, 나는 당신이 의미한다고 생각합니다 (?) "지식"과 "응답 엔진"은 무엇을 의미합니까?
금지 지오 엔지니어링

웁스 !!! 죄송합니다. 지식 그래프 (이 단어를 생략 함)는 의미 상 사실 데이터베이스 인 경우 양식입니다. 지식 그래프 카드는 브랜드 검색 및 팩트 링크를 기반으로합니다. 답변 엔진은 지식 그래프를 사용하여 쿼리에서 찾은 질문에 답변합니다. 쿼리가 항상 응답 엔진에서 처리해야하는 질문은 아닙니다. 추천 스 니펫은 지식 그래프 또는 응답 엔진을 사용하지 않지만, 페이지에서 발견 된 특정 기능 세트를 찾아서 쿼리와 직접 일치하는 것으로 보이는 더 나은 의미 단서를 제공합니다. 결과는 혼합 백이 될 수 있습니다.
closetnoc

답변:


6

인용 한 문제는 Google이 기본 이미지를 결정할 수 없기 때문에 SERP 결과에 표시되도록 해당 페이지 의 이미지무작위 로 표시합니다.

또한 입력 한 검색어와 검색 결과에 표시되는 페이지 (제공 세부 사항 페이지, 오퍼 목록 페이지, 판매자 상점 첫 페이지 등)에 따라 다릅니다.

그러나 두 스크린 샷 모두에 동일한 페이지가 나타나는 것으로 생각되면 페이지에 적용 할 수있는 가능한 솔루션이 있습니다.

Google 크롤러는 Strucuted Data Markup을 통해 페이지가 무엇을 의미하는지 알 수 있습니다 . Google은 페이지의 모든 요소에 '태그'를 지정하여 Google이이를 잘 이해하고 SERP에서 향상된 결과를 제공하도록해야합니다.

세 가지 형식 중 하나로이 구조화 된 데이터 마크 업에 프로그래밍 방식으로 태그를 지정할 수 있습니다.

  1. JSON LD (Google, Yahoo, Bing 및 Yandex에서 허용하므로 권장)

  2. 마이크로 데이터

  3. RDFa

JSON LD 코드 예제는 이미 L Martin에 의해 설명되었습니다. JSON LD 제품 마크 업 에 대한 자세한 내용은 여기를 참조하십시오.

신속하게 처리하려는 경우 Google 에는 Google 웹 마스터가 사용할 수 있는 구조적 데이터 마크 업 도우미 도구 가 있습니다.

완료되면 Google은 검색 결과 페이지에 표시 할 이미지를 이해합니다.

안녕하세요, 의견 토론 후 다음은 시도하고 실험 할 수있는 코드입니다. 구조적 데이터 테스트 도구를 확인했는데 정상적으로 작동합니다.

<script type="application/ld+json">
{
  "@context": "http://schema.org/",
  "@type": "Product",
  "name": [
    "Regular Backpack Billboard",
    "Walking Billboards",
    "Human Billboards"
   ],
  "image": [
    "https://backpackbillboards.com/wp-content/uploads/2017/12/backpack-billboards-1x1.jpg",
    "https://backpackbillboards.com/wp-content/uploads/2017/12/backpack-billboards-4x3.jpg",
    "https://backpackbillboards.com/wp-content/uploads/2017/12/backpack-billboards-16x9.jpg"
   ],
  "description": "Backpack Billboards feature a rechargeable battery which powers the internal LED lights providing a bright illuminated display for up to 8 hours.",
  "sku": "BPBB8",
  "brand": {
    "@type": "Thing",
    "name": [
    "Regular Backpack Billboard",
    "Walking Billboards",
    "Human Billboards"
    ]
  },
  "offers": {
    "@type": "Offer",
    "priceCurrency": "USD",
    "price": "299.00",
    "priceValidUntil": "2020-11-11",
    "itemCondition": "http://schema.org/NewCondition",
    "availability": "http://schema.org/InStock",
    "seller": {
      "@type": "Organization",
      "name": [
    "Backpack Billboards",
    "Human Billboards",
    "Walking Billboards"
      ]
    }
  }
}
</script>

나는 다음을 시도했다

  1. "Product"유형의 "name"속성 아래 배열로 3 개의 속성을 추가했습니다.
  2. "Thing"유형의 "brand"속성 아래에 배열로 3 개의 특성이 추가되었습니다.
  3. "Organization"유형의 "name"속성 아래 배열로 3 개의 속성을 추가했습니다.

이 스크립트는 구조화 된 데이터 테스트 도구에서 작동하지만 쿼리에 따라 올바른 솔루션인지 확실하지 않습니다. 먼저 시도하고 작동하는지 알려주세요.


작업 코드로 질문을 업데이트했습니다. 그러나 내 고객은 나와 다른 결과를 얻고 있습니다. 그를 위해 이미지는 배낭 광고판을 검색 할 때만 표시됩니다 . 걷는 광고판 이나 사람 광고판을 검색 할 때 이미지도 표시하기 위해 코드를 변경해야하는 사항을 알고 있습니까?
금지 지오 엔지니어링

배낭 광고판, 보행 광고판 및 휴먼 광고판을“백팩 광고판”이라는 단일 제품에 대한 세 가지 키워드로 타겟팅하고 있습니까? 아니면이 세 가지 완전히 다른 제품입니까? 제품이 완전히 다른 3 개의 제품인 경우 각 제품에 대해 개별 마크 업을 수행해야합니다. 귀하의 사례는“동일한 페이지의 여러 엔티티”이며 개별적으로 마크 업해야합니다.
Bhargav Joshi

또한 이미지 및 기타 마크 업을 표시할지 여부는 Google에 전적으로 달려 있습니다. 그들은 사용자의 검색 기록, 페이지의 트래픽, 페이지 권한, 페이지 순위와 같은 동일한 이유로 여러 가지 이유를 인용합니다. ;) (고객이 많은 주장을한다면이 예를 들려주십시오. :))
Bhargav Joshi

세 가지 키워드는 모두 동일한 단일 제품에 대한 것이므로이 상황에서 어떻게해야합니까? (행복하게도, 그것은 누구에게도 제안하지 않을 것입니다! :-))
금지

이 경우 몇 가지 시험 및 실험을 제안합니다. 실제로 우리가 지금 혼합하고있는 두 가지 다른 개념이 있습니다. 하나는 SEO와 두 번째 및 구조화 된 데이터입니다. 여러 키워드에 대해서는 순위가 더 높을 수 있지만 Google은 이러한 키워드가 모두 동일한 제품에 해당한다는 점을 이해해야합니다. 1) 페이지 SEO 준비 및 3 가지 제품 모두에 적합한 콘텐츠 작성-(제안은 다음 의견에서 계속됩니다)
Bhargav Joshi

12

Schema.org 마크 업을 사용하여 부동산에 사용하려는 이미지를 Google에 알려줄 수 있습니다. 다음은 간단한 회사 웹 사이트 예입니다.

<script type="application/ld+json">
{"@context" : "http://schema.org",
 "@type" : "Organization",  
  "name" : "Example Company",
  "url" : "https://www.example.org", 
  "logo": "https://www.example.org/images/my-logo.png" }
</script>

Google에 이미지가 필요한 경우 해당 회사를 검색하면 로고가 표시 될 가능성이 훨씬 높아집니다.

제품 페이지에 대해 수행하는 경우 다음 마크 업이 필요합니다.

<script type="application/ld+json">
{"@type": "Product",
 "image": "http://example.org/product-image.png",
 "url": "http://example.org/my-products-url",
 "name": "Example Product Name"
 }
</script>

그런 다음이 도구를 사용하여 구현을 테스트하여 Google이 선택하고 있는지 확인할 수 있습니다.

https://search.google.com/structured-data/testing-tool

또한 스키마 데이터를 처리하는 데 필요한 누락 된 속성을 나타냅니다.


1
단일 제품 (여러 페이지) 웹 사이트를위한 것입니다. Google 검색 결과에 표시되는 홈페이지이므로 Google에서 제품 이미지를 표시하도록하겠습니다. 이를 달성하려면 홈페이지에서 두 번째 코드 스 니펫을 사용해야합니까? 그렇다면 "url"홈페이지 URL이 아닌 제품 페이지 URL로 값을 지정하면 정확 합니까?
ban-geoengineering

2
@ ban-geoengineering 예, 올바르게 이해했습니다. Structured Data JSON LD 마크 업에서 서버에 호스팅 된 실제 이미지 URL이 필요합니다. 간단히 말해, 사용 가능한 다양한 유형의 마크 업으로 이러한 이미지를 "태그"해야합니다. (예 : 마크 업-제품, 레시피, 리뷰, 기사 등) 구조화 된 데이터 제품 마크 업에 대한 자세한 내용은 다음 페이지를 참조하십시오. developers.google.com/search/docs/data-types/product 또한 별도의 답변으로 자세히 설명하겠습니다.
Bhargav Joshi

4

웹 마스터 센터 도움말 포럼의 Google 최우수 사용자로서 많은 질문과 사용 사례를 보았습니다. 미리보기 이미지에 대한이 특정 질문은 Google이 유사한 방식으로 동작 할 수있는 다른 질문과 관련이 있습니다.

이 썸네일이 아닌 것 : 다른 의견에 따르면이 썸네일은 그렇지 않습니다 :

  • 업체 목록
  • 구조화 된 데이터 / 리치 스 니펫 / JSON 또는 스키마 데이터
  • 지식 그래프의 일부
  • 뉴스 기사 / POI와 같은 회전 목마의 일부

겸손한 견해로는 이러한 축소판 그림과 Google의 AI 뒤에 숨겨진 기법을 보여 주거나 구조화 된 데이터 / 풍부한 스 니펫보다 제목 태그 및 메타 설명과 관련이있는 기법을 보여 주기로 결정했습니다. 그래서 제목 태그와 메타 설명이 표시되는 방법에 대한 기본적인 설명으로 시작하겠습니다. 그리고 썸네일을 따라 가십시오.

제목 태그 제목 태그 를 설정할 수 있지만 제목에 스팸이 포함되어 있거나 제목이 모든 페이지에서 동일하거나 관련 정보가 누락 된 경우 또는 Google이 검색과 관련된 콘텐츠를 기반으로 제목을 결정할 수있는 경우 Google은 제목 태그를 변경할 수 있습니다 질문.

메타 설명 메타 설명 을 설정할 수 있습니다. 다시 : 그것은 관련이있는 경우, 페이지의 콘텐츠를 표시 하고 아마도 구글이 표시됩니다, 검색 쿼리와 관련된 귀하의 메타 설명합니다. Google이보다 관련성 있고 매력적인 설명을 생성 할 수 있다고 생각하면 선호하는 메타 설명이 표시됩니다.

최근 Google은 검색 결과에서 설명의 길이를 늘 렸습니다. 따라서 기본적으로 Google은 이미 대부분의 메타 설명을 조정 / 확장합니다. 가장 좋은 방법은 Wikipedia와 마찬가지로 메타 설명을 비워 두는 것입니다.

미리보기
이미지 기본적으로 Google은 특히 설정하지 않은 경우 이미지를 표시 할 수 있습니다. Google이 검색 결과 항목 내에서 사용하는 미리보기 이미지는 가시성 / 표현강화 하는 데 사용됩니다 . 지금까지 내가 본 것과 Google이 접근 할 것이라고 생각하는 것처럼 Google은 다음과 같은 조건에서 미리보기 이미지를 표시하도록 지시 할 수 있습니다.

  • 물론 이미지를 크롤링 하고 색인을 생성해야하므로 크롤링을 막거나 차단 하지 마십시오 .
  • 페이지 의 주요 내용 시작 / 내부에 배치됩니다 . 과거에는 내가 <img>처음 으로 내부를 가지고 웹 사이트가 있었다 <p>. 구글은 그 이미지를 썸네일로 사용했다. 그리고 심지어 메타 설명의 버전에서 대체 텍스트를 사용했습니다. 적어도 이미지는 주요 내용과 밀접한 관련이 있습니다. 그들은 서로를 강화시킵니다.
  • 이미지는 고유 해야합니다 . Google이 첫 페이지의 모든 검색 결과에 대해 동일한 (주식) 썸네일을 보여 주면 이상하게 보일 것입니다.
  • 이미지는 검색어와 관련이 있어야하며이를 나타내야 합니다. '런던 아이'를 검색하면 Google 은이 페이지에서 4 번째 기사 의 헤드 이미지 미리보기 이미지를 생성합니다 . 처음 세 기사의 헤드 이미지는 런던의 눈을 보여주지 않습니다. 이 이미지에는 대체 텍스트가 없으며 기사의 제목은 '리버 크루즈'이므로 텍스트 컨텍스트는 다루지 않습니다. AI가 많은 일을했다고 가정 할 수 있습니다. 스크린 샷은 아래에 첨부되어 있습니다.
  • 맹세 위의 (데스크톱에서) 볼 수 있습니다 . 나는 이것에 대한 증거가 없다. 이것은 가정이다. 그러나 이미지가 Google의 가져 오기 및 렌더링 도구에서 볼 수 있다면 많은 도움이 될 것이라고 생각합니다. 그리고 색인은 오늘날에도 여전히 데스크톱을 기반으로하고 있습니다. 올해는 아마도 모바일 우선 색인으로 넘어갈 것입니다. 미리보기 이미지로 표시하려는 이미지는 방문자가 볼 수있는 첫 번째 이미지 중 하나 여야합니다.
  • 에 사용 된 오픈 그래프 메타 데이터 및 페이지의 주요 컨텐츠에. 오픈 그래프 메타 데이터. 이것을 메타 설명과 비교하십시오. 귀하 og:image의 페이지를 나타내며 페이지에 표시되고 검색어와 관련이있는 경우 Google에서이 페이지를 사용하여 엄지 손가락을 생성하지 않는 이유는 무엇입니까?
  • (유효하거나 유효하지 않은) 메타 태그 ( :) 및 페이지의 기본 컨텐츠에 사용됩니다. 이 예의 이상한 점은 슬라이드 쇼에서 3 번째 또는 4 번째 이미지이지만 사용자 정의 메타 태그에 언급되어 있다는 것입니다. 아마도 구글이 엄지 손가락을 생성하기 위해 그 중 하나를 선택한 이유 일 수 있습니다.
  • 구조화 된 데이터를 무시 . 구조화 된 데이터는 뉴스, 제품, 기사 등을 위해 회전 목마에서 사용됩니다 ... 지금까지 구조화 된 데이터와 검색 결과 항목 내의 썸네일 사이에는 아무런 관련이 없습니다.

이에 대한 명확한 문서는 없지만 다음 블로그 게시물에서 워터 마크가 적용된 이미지에 대한 Google의 조사 결과 와 관련이 있습니다. . 미리보기 이미지에 대한 Google의 조사 결과는 다음과 같습니다.

  • 사용자는 큰 고품질 이미지 (고해상도, 초점)를 선호합니다.
  • 사용자는 검색 결과에서 고품질 미리보기 이미지를 클릭 할 가능성이 높습니다. 고화질 사진 (다시, 고해상도 및 초점)은 종종 축소판 그림 크기에서 더 잘 보입니다.
  • 큰 워터 마크, 이미지 위의 텍스트 및 테두리와 같은 산만 한 기능으로 인해 축소판 그림 크기로 축소하면 이미지가 복잡해 보일 수 있습니다.

업데이트 25-12 : 동료 TC 배리 헌터 (Barry Hunter)는 John Mueller가이 이미지를 차단하는 것은 robots.txt를 통해서만 가능하다는 트위터 토론 에서 나를 지적했습니다 .

스크린 샷 검색 결과 London Eye on mobile 리버 크루즈 기사 이미지를 사용한 London Eye의 예


1

Google 검색 콘솔을 통해 변경할 수 있어야합니다. Google SERP에 표시 될 해당 페이지 / 문서를 나타내는 이미지를 포함하여 웹 페이지의 데이터를 강조 표시 할 수 있습니다.

그러나 이것은 Google 브라우저에서 변경하는 방법 일뿐입니다. 다른 브라우저에서 변경하면 망설 일 수 없습니다.


Google 검색 콘솔에서이 작업을 수행하는 방법을 찾을 수 없습니다. 단계를 제공 할 수 있습니까? (나는 100 현상금을 추가 했으므로 그것이 나를 위해 효과가 있다면 그것을 당신에게 수여 할 수있게되어 기쁩니다.)
금지-지반 공학

0

Google 검색 콘솔 >> 검색 모양으로 이동 >>

  1. 구조화 된 데이터
  2. 리치 카드
  3. 데이터 하이 라이터

이를 통해 SERP 결과를 사용자 정의 할 수 있습니다.

또한 당신은 GMB를 봅니다. Google 마이 비즈니스 대시 보드를 관리하는 방법에 대한 훌륭한 자료가 많이 있습니다. 설명하기 위해

업체 정보 수정 (이 페이지를 아래로 스크롤하여 이미지 정보 확인)

Google 마이 비즈니스 도움말

도움이 되었기를 바랍니다


-1

Google 지역 비즈니스 목록 페이지를 새 이미지로 업데이트해야합니다. 기존 이미지는 새 이미지로 바뀝니다.

또한 두 번째 옵션은 검색 결과에 직접 표시된 스팸으로보고 할 수 있습니다.

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.