Google Plus는 공유 링크에서 이미지를 어떻게 선택합니까?


27

Google Plus에서 링크를 공유하면 이미지를 게시 할 때 첨부 할 수있는 몇 개의 이미지가 종종 나타납니다. 페이스 북도 비슷한 기능을 가지고 있습니다. 간단한 LINK 태그를 사용하여 페이지의 기본 이미지 인 Facebook을 알릴 수 있습니다. 그러나 G +에서는 작동하지 않습니다.

G +에게 페이지의 기본 이미지가 무엇인지 어떻게 알 수 있습니까?


답변:


20

다음은 +1 버튼 설명서 에서 복사 한 정보입니다 (가독성 향상을 위해 약간 조정). 이 방법은 URL이 Google+에서 공유되는 모든 방법에 적용됩니다.

+ 스 니펫 채우기 : 페이지를 +1하면 표시된 공유 풍선을 통해 페이지를 Google+에 공유 할 수있는 옵션이 제공됩니다. 이 공유 풍선 (결과 Google+ 활동 게시물과 함께)에는 페이지 제목, 페이지에 대한 간단한 설명 및 썸네일 이미지가 포함 된 미리보기 또는 + 스 니펫이 포함됩니다. 다음 데이터는 우선 순위에 따라 나열된 네 가지 방법 중 하나로 대상 URL의 컨텐츠에서 추출됩니다.

Schema.org 마이크로 데이터 (권장) : 페이지에 schema.org 마이크로 데이터로 주석이 달린 경우 + Snippet은 schema.org 유형에서 찾은 이름, 이미지 및 설명 속성을 사용합니다.

<body itemscope itemtype="http://schema.org/Product">
  <h1 itemprop="name">Shiny Trinket</h1>
  <img itemprop="image" src="image-url"></img>
  <p itemprop="description">Shiny trinkets are shiny.</p>
</body>

오픈 그래프 프로토콜 : 페이지에 제목, 이미지 및 설명에 대한 오픈 그래프 속성이 포함되어 있으면 + 스 니펫에 사용됩니다.

<meta property="og:title" content="..."/>
<meta property="og:image" content="..."/>
<meta property="og:description" content="..."/>

메타 "제목"과 "설명"태그 : 페이지의 경우 <head>요소를 포함 <meta name="title" ... />하고 <meta name="description" ... />태그의 + 코드 조각은 각각 제목과 설명에 대한 자신의 콘텐츠 속성을 사용합니다. 축소판 이미지의 경우 공유 상자가 페이지에서 적합한 이미지를 찾으려고 시도합니다.

<meta name="title" content="..." />
<meta name="description" content="..." />

페이지 콘텐츠에서 최상의 추측 (권장하지 않음) : 이 데이터가 없으면 Google에서 페이지를 구문 분석하여 최상의 제목, 설명 및 이미지를 찾습니다.


1
감사합니다. Google+에서 링크를 직접 공유 할 때도 작동합니까? 내 페이지는 오픈 그래프 프로토콜을 사용하며 [ google.com/webmasters/tools/richsnippets]-도구를 사용하면 ' 페이지 에서 추출 된 리치 스 니펫 데이터'섹션에서 이미지에 대한 링크를 볼 수 있습니다. Google+에서 링크를 공유하면 이미지가로드되지 않습니다.
Ethan Leroy 2016 년

4
잊지 마세요<link rel="image_src" href="[insert image url here]"/>
Supuhstar

Supuhstar의 <link> 사용 팁은 Google+의 링크 공유로 내 웹 페이지 이미지를 선택했습니다.
Hong

W3C의 말 :`메타 요소의 속성 이름에 대한 잘못된 값 제목 : 키워드 제목이 등록되지 않았습니다. '
Jeroen

og : image 메타 데이터를 설정했지만 Google+에서 페이지에없는 다른 이미지를 사용하고 있습니다. 기묘한. 편집-이미지가 페이지에 있고 슬라이드 다운 메뉴에 숨겨져 있습니다. 글쎄, 그건 도움이 될 것 같아. 여전히 메타 데이터를 사용하지 않습니다.
MrBoJangles

2

[추론적인 답변에 대해 죄송하지만 사이트를 즉시 찾을 수 없습니다.] +1 버튼에 대한
정보 만 보았습니다 . Google+ 백엔드에서 동일한 프로세스이므로 동일한 정보를 찾는 것이 합리적입니다. 템플릿이 원하는 이미지에 적용 할 수있는 방식으로 구성되어 있다고 가정 해보십시오.itemprop="image"


작동하지 않는 것 같습니다. 그래도 고마워!
저스틴

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