SHARE
소셜 공유 미리보기
발행 전에 X, 페이스북, 슬랙에서 링크가 어떻게 보이는지 미리 봅니다
오픈그래프소셜 미리보기공유
X (Twitter)
No image
example.com
페이지 제목이 여기에 표시됩니다
오픈그래프 설명이 여기에 표시됩니다.
Facebook / LinkedIn
No image
example.com
페이지 제목이 여기에 표시됩니다
오픈그래프 설명이 여기에 표시됩니다.
Slack
example.com
페이지 제목이 여기에 표시됩니다
오픈그래프 설명이 여기에 표시됩니다.
미리보기는 입력한 값으로 그려집니다. 네트워크에서 아무것도 가져오지 않으므로 배포 전에 확인할 수 있습니다.
도구 소개
공유 카드는 플랫폼마다 잘리는 길이가 다르고, 보통 게시한 뒤에야 알게 됩니다. 오픈그래프 값을 여기 입력하면 링크가 나가기 전에 세 가지 미리보기를 나란히 볼 수 있습니다.
사용 방법
- OG 제목, 설명, 이미지 URL, 도메인을 입력합니다.
- X, 페이스북, 슬랙 미리보기를 비교합니다.
- 제목과 설명에 잘림 경고가 뜨는지 확인합니다.
- 모든 카드가 잘 읽힐 때까지 문구를 다듬은 뒤 페이지에 적용합니다.
자주 묻는 질문
실제 URL에서 태그를 가져오나요?
아닙니다. 입력한 값만 가지고 브라우저 안에서 처리하므로, 아직 발행하거나 배포하지 않은 페이지도 미리 볼 수 있습니다.
실제 카드에 옛날 이미지가 계속 나오는데요?
플랫폼이 오픈그래프 데이터를 캐시하기 때문입니다. 플랫폼의 디버거로 URL을 다시 긁게 하거나, 이미지 주소에 캐시 무효화용 쿼리스트링을 붙이세요.