쇼핑몰 URL을 공유할 때 설정하신 오픈 그래프의 이미지와 제목, 설명이 함께 공유되어 상대방이 링크를 클릭하고 방문하는데 정확한 정보를 전달할 수 있습니다. 또한 상품 URL을 공유할 경우에는 오픈그래프를 사용하여 별도로 설정하지 않아도 상품 이미지와 상품명을 사용하여 편리하게 이용하실 수 있습니다.

<aside> 🤚🏼

오픈 그래프(Open graph)란? 웹사이트 링크를 소셜 미디어에서 공유할 때, 미리보기 형식으로 보여지는 제목, 설명, 이미지 등을 설정하는 기술입니다. 페이스북에서 처음 만들었지만, 현재는 카카오톡, 네이버 블로그 등 다양한 플랫폼에서 사용되고 있습니다. 오픈 그래프를 사용하면 웹사이트 관리자가 소셜 미디어에서 자신의 콘텐츠가 어떻게 표시될지 제어할 수 있습니다.

</aside>

<aside> 🧶

어디에 있나요? 관리자 화면 > 디자인관리> 기본 설정 > 쇼핑몰 정보

</aside>

오픈그래프 설정 방법

<aside>

오픈그래프 등록 화면

Group 3.png


오픈그래프 항목별 적용 위치

Group 2.png

</aside>

오픈그래프 사용 예시

소셜 미디어에 공유했을 경우의 예시 화면에 표시되는 내용입니다.

<aside>

· 오픈그래프 사용 예시_ 카카오톡 채팅

Group 4.png

· 오픈그래프 사용 예시_ 네이버 블로그 게시글

og (1).png

og.png

· 오픈그래프 사용 예시_페이스북 피드

og (2).png

</aside>

오픈그래프가 올바르게 표시되지 않나요?

<aside> 🤚🏼

잠깐! 이미지가 즉시 반영되지 않을 경우, 공유 디버거에서 쇼핑몰 URL을 입력해 새로고침하면 바로 적용됩니다.

• 페이스북 공유 디버거 :  https://developers.facebook.com/tools/debug/

Group 6.png

• 카카오톡 공유 디버거 : https://developers.kakao.com/tool/clear/og

Group 5.png

• 네이버 밴드 공유 디버거 : https://up.band.us/snippet/view

band_debug.png

</aside>