SNS 공유 카드 미리보기
로컬 처리Open Graph·Twitter 카드가 공유될 때 어떻게 보이는지 미리 봅니다
사용 방법과 처리 기준
Open Graph·Twitter 카드가 공유될 때 어떻게 보이는지 미리 봅니다
도구의 계산과 파일 처리는 브라우저 안에서 이루어집니다. 계산기·단위 변환의 공유 링크를 직접 만들면 값이 URL에 포함됩니다. 계정·방문 통계·광고 관련 정보 처리는 개인정보처리방침을 확인하세요.
현재 제한
- 최대 입력 길이 100,000자
"작업"에서 Open Graph 또는 Twitter 카드를 고르고 <head>의 메타 태그를 붙여 넣습니다. 태그가 빠졌는지, 이미지 주소가 맞는지 공유 전에 확인합니다.
이 도구로 할 수 있는 일
- Open Graph
- og:title·description·image·url을 읽어 카드로 보여 줍니다.
- Twitter 카드
- twitter:card·title·image 태그를 확인합니다.
SNS 공유 카드 미리보기 사용 방법
- 1작업 고르기Open Graph 또는 Twitter를 고릅니다.
- 2HTML 붙여 넣기<head> 안의 meta 태그를 붙여 넣습니다.
- 3카드 확인빠진 태그와 미리보기를 봅니다.
활용 예시
OG 태그 세 개
입력: <meta property="og:title" content="핑케일"><meta property="og:description" content="무료 도구"><meta property="og:image" content="https://example.com/og.png">
결과: og:title 핑케일, og:description 무료 도구, og:image https://example.com/og.png
이럴 때 유용해요
- 새 글을 SNS에 올리기 전에 카드 모양을 확인할 때
- 공유 이미지가 안 뜨는 원인을 찾을 때
자주 묻는 질문 (FAQ)
주소만 넣으면 안 되나요?
이 도구는 서버에 접속하지 않으므로 페이지 소스(meta 태그)를 붙여 넣어야 합니다. 브라우저에서 "페이지 소스 보기"로 복사할 수 있습니다.