blogger - data:blog.postImageUrl 태그

이 태그는 item(포스트 게시물)페이지나 static_page(정적 페이지)에만 출력되는 이미지 URL를 반환합니다. XML 문서 어디에서나 사용할 수 있는 global 유형입니다. 정적 페이지나 포스트 글에 다수의 이미지가 포함되어 있다면 첫 번째 이미지를 반환합니다.

<data:blog.postImageUrl/>

<b:eval expr='data:blog.postImageUrl'/>

썸네일(작은 이미지) URL 은 다음 형식으로 표현합니다.

<data:blog.postImageThumbnailUrl/>

<b:eval expr='data:blog.postImageThumbnailUrl'/>

오픈 그래프(open graph)에도 적용할 수 있습니다. 예를 들어 다음과 같은 형식으로 구현이 가능합니다.

<b:if cond='data:blog.postImageUrl'>
  <meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
  <b:if cond='data:blog.postImageThumbnailUrl'>
    <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
  </b:if>
</b:if>

오픈 그래프는 링크의 미리보기를 위한 제목, 내용, 이미지를 결정합니다. 페이스북이나 네이버 블로그, 카카오톡 등에서 어떤 링크에서 방문 전에 미리보기를 통해 어떤 내용인지 확인하고 방문을 하게 됩니다.