• SNS 오픈그래프(미리보기)설정하기(카카오톡,페이스북,트위터,텔레그램등)









「SNS 오픈그래프(미리보기)설정하기」








안녕하세요. 디비카트입니다.

오늘은 SNS(카카오/페이스북/트위터/텔레그램등) 링크 공유시 미리보기(=오픈 그래프) 설정 및 초기화 방법에 대해서 포스팅을 해보겠습니다.



[목차] 오픈 그래프 포스팅 순서

1. 오픈 그래프란?

2. 오픈 그래프 기본 태그

3. 오픈 그래프 메타 형식

4. 오픈 그래프 설정 방법

5. 오픈 그래프 SNS 초기화 방법

6. 디비카트 랜딩 오픈 그래프 설정 방법





 오픈 그래프(Open Graph)란?

SNS(카카오/페이스북/트위터/텔레그램등) 링크를 공유시 미리보기 화면을 구성하는 Meta를 오픈 그래프라고 합니다.





 오픈 그래프(Open Graph) 기본 태그

1. og:title(링크 제목)

2. og:description(설명)

3. og:image(썸네일 이미지)

4, og:url(링크 URL)





 오픈 그래프(Open Graph) 메타(Meta) 형식

1. 링크 제목 : <meta property='og:title' content='링크 제목 입력'>

2. 링크 설명 : <meta property='og:description' content='링크 설명 입력'>

3. 링크 썸네일 이미지 : <meta property='og:image' content='링크 이미지 주소 입력'>

4. 링크 URL : <meta property='og:url' content='링크 주소 입력'>





 오픈 그래프(Open Graph) 설정 방법








 오픈 그래프(Open Graph) 플랫폼(카카오/페이스북/트위터/텔레그램) 설정 초기화 방법

*초기화 이유 : SNS상에 URL공유시 오픈그래프 태그를 읽어 표시하고 정보를 캐시에 저장합니다.

오픈 그래프 변경 후 SNS상에 URL공유시 이전에 저장한 오픈그래프를 보여주게 됩니다.

즉 변경한 오픈 그래프를 적용하기 위해 초기화를 진행하게 됩니다.





1. 페이스북 공유 캐시 삭제하기

첫째. https://developers.facebook.com/tools/debug/

둘째. 페이스북 로그인

셋째. 페이스북 공유 캐시 삭제하기

① 캐시 삭제할 URL 입력합니다.

② 디버그를 선택합니다.





넷째. 페이스북 공유 캐시 삭제하기 결과

※ 오픈 그래프 내용을 변경 후 다시 스크랩을 클릭하시면 변경한 오픈 그래프가 반영이 됩니다.






2. 카카오 공유 캐시 삭제하기

첫째. https://developers.kakao.com/tool/clear/og

둘째. 카카오 로그인

셋째. 카카오 공유 캐시 삭제하기

① 캐시 삭제할 URL 입력합니다.

② 캐시 초기화 선택합니다.

③ 삭제된 결과를 확인합니다.







3. 트위터 공유 캐시 삭제하기

첫째. https://cards-dev.twitter.com/validator

둘째. 트위터 로그인

셋째. 트위터 공유 캐시 삭제하기

① 캐시 삭제할 URL 입력합니다.

② Preview card 선택합니다.

③ Card Preview에 새롭게 갱신된 오픈 그래프를 확인이 가능합니다.








4. 텔레그램 공유 캐시 삭제하기
첫째텔레그램 로그인 후 검색창에 “@webpagebot” 입력합니다.
둘째캐시 삭제할 URL 입력합니다. ex) https://dbcart.net
셋째캐시 삭제가 되었으며, 다른 이미지로 변경 후 다시 초기화시 Update preview again”선택합니다.













 디비카트 오픈 그래프(Open Graph) 설정방법

설정 위치 : 1. [랜딩관리] > 2. [랜딩기본정보]

① 미리보기 제목(og:title) : SNS공유시 표시되는 제목 입니다.

② 미리보기 설명(og:description) : SNS공유시 포시되는 설명 입니다.

③ 미리보기 이미지(og:image) : SNS공유시 포시되는 이미지 입니다.

④ 저장하기 : 미리보기 설정이 완료되면 저장하기를 선택해주세요.







지금까지 오픈그래프(미리보기)설정 및 초기화 방법에 대해서 포스팅하였습니다.

많은 도움이 되셨으면 합니다.

감사합니다.

설정 위치 : 디비카트 > 랜딩 기본정보
  • (주) 상상의눈
    대구시 중구 달구벌대로 1932 4층 | 대표 이현구
    사업자등록번호 504-86-00831| 통신판매신고 제 2019-대구중구-0317 호
    대표번호 1600-2079(유료)| 고객센터 070-7813-8861
    업무시간 오전 10시 ~ 오후 7시(점심시간 오후 12시30분 ~ 오후 1시30분까지) | E-mail help@dbcart.net