이 도구가 필요한 상황
- 새 URL을 소셜/메신저에 공유하기 직전
- 제목·설명·썸네일 이미지를 수정한 직후
- 플랫폼마다 미리보기 결과가 다르게 보일 때
OG Preview
웹페이지 URL을 입력하면 Open Graph, Twitter 카드, 기본 SEO 메타데이터를 불러와 공유 카드가 어떻게 보일지 빠르게 확인할 수 있습니다.
사용 방법
- 아래 입력칸에 전체 웹페이지 URL을 붙여넣으세요.
- 메타데이터 미리보기 버튼을 눌러 앱 서버를 통해 페이지를 가져오고 소셜 태그를 읽어오세요.
- 시각적 미리보기 카드와 원본 메타데이터 값을 함께 확인하세요.
소셜 미리보기 카드
이 미리보기는 Open Graph 값을 우선 사용하고, 없으면 Twitter 값과 기본 페이지 메타데이터를 순서대로 사용합니다.
위에 웹페이지 URL을 입력하면 메타데이터 미리보기를 확인할 수 있습니다.
추출된 메타데이터
상대 URL을 가능한 범위에서 절대 URL로 변환한 뒤 페이지 소스에서 찾은 원본 값입니다.
위에 웹페이지 URL을 입력하면 메타데이터 미리보기를 확인할 수 있습니다.
중요한 링크를 공유하기 전에 확인하세요
이 섹션은 가볍게 점검하고 바로 가이드로 이어지도록 구성했습니다. 태그 확인, 문제 파악, 후속 해결까지 빠르게 진행할 수 있습니다.
사용 방법
- 아래 입력칸에 전체 웹페이지 URL을 붙여넣으세요.
- 메타데이터 미리보기 버튼을 눌러 앱 서버를 통해 페이지를 가져오고 소셜 태그를 읽어오세요.
- 시각적 미리보기 카드와 원본 메타데이터 값을 함께 확인하세요.
자주 하는 실수
- 게시 후 한 번만 확인하고 모든 플랫폼이 갱신됐다고 가정하는 것
- og:image에 상대경로나 접근 불가 URL을 사용하는 것
- 태그는 수정했지만 캐시 재수집을 확인하지 않는 것