링크 미리보기 점검
Link Preview Debugger
URL의 Open Graph·트위터 카드 태그를 읽어 공유했을 때의 모습을 그대로 보여 줍니다.
카카오톡·슬랙·페이스북·X가 읽는 방식 그대로 페이지의 og·twitter 태그를 읽고, 그들이 그릴 카드를 그려 줍니다. 이미지는 실제로 가져와 열리는지 확인합니다. 미리보기가 깨지는 원인은 대개 태그는 있는데 이미지에 닿지 않는 경우이고, 그건 실제로 가져와 봐야 압니다.
이 도구는 우리 서버가 대신 요청합니다. 입력한 URL만 서버로 전송되고, 브라우저의 쿠키나 로그인 정보는 함께 가지 않습니다. 서버는 공인 주소에만 접속하며 사설망·내부 주소로의 요청은 거부합니다.
사용 방법
공유할 페이지 주소를 넣습니다
쿼리에 따라 페이지가 달라진다면 쿼리까지 포함한 정확한 주소를 넣으세요. 리다이렉트는 따라가고, 읽는 태그는 최종 목적지의 것입니다.
나온 카드가 의도와 맞는지 봅니다
카드는 플랫폼과 같은 순서로 대체합니다. og 태그, 그다음 twitter 태그, 그다음 <title>과 meta description. 제목이 대체 경로로 채워졌다면 og 태그가 틀린 게 아니라 없는 것입니다.
이미지 항목을 확인합니다
이미지를 가져와 상태·타입·크기를 보여 줍니다. 상대 경로, 로그인 뒤에 있는 이미지, https 페이지에서 http로 주는 이미지 모두 메신저에서와 똑같이 여기서 실패합니다.
자주 묻는 질문
태그를 고쳤는데 카카오톡은 옛 카드 그대로입니다
플랫폼마다 카드를 캐시하고, 한동안 스스로 다시 읽지 않습니다. 카카오 개발자 사이트의 OG 캐시 초기화, 페이스북 공유 디버거, X 카드 검증기에서 지우세요. 이 페이지는 지금의 태그를 읽기 때문에 메신저와 답이 다른 것입니다.
브라우저에서는 되는 이미지가 여기서는 실패합니다
공개적으로 가져올 수 없는 이미지라는 뜻이고, 메신저도 마찬가지로 못 가져옵니다. 흔한 원인은 로그인, Referer를 보는 핫링크 차단, 그리고 페이지 안에서만 풀리는 상대 경로 og:image입니다.
이미지 크기는 얼마가 좋나요?
1200×630이 무난합니다. 1.91:1 비율에 모든 플랫폼이 받아들이는 크기입니다. 카카오톡은 최소 800×400, 페이스북은 최소 200×200은 되어야 아예 보여 줍니다.
자바스크립트로 그리는 페이지도 보나요?
보지 않고, 메신저들도 보지 않습니다. 서버가 보낸 HTML만, 그것도 앞 1 MB만 해석합니다. 클라이언트 스크립트가 나중에 넣는 태그는 이 카드를 그리는 어떤 크롤러에게도 보이지 않습니다.
이 도구로 이어지는 것
URL 분석·쿼리 편집
URL Parser & Query Editor
URL을 구성 요소로 나누고 쿼리 파라미터를 편집 가능한 표로 보여 준 뒤 다시 조립합니다.
단축 URL 추적
Redirect Chain Tracer
단축 URL이나 추적 링크의 모든 리다이렉트를 따라가 최종 목적지를 보여 줍니다.
robots.txt·사이트맵 점검
robots.txt & Sitemap Checker
robots.txt와 사이트맵을 가져와 특정 URL의 크롤링 허용 여부를 확인하고 형식을 검증합니다.
OG 이미지 생성
Social Card Generator
제목·부제·브랜드 문구와 로고(선택)를 템플릿에 얹어 1200×630 공유 이미지를 만들고 함께 넣을 메타 태그를 써 줍니다.
다음 단계
이 도구의 결과를 그대로 받을 수 있는 도구들입니다.
HTTP 헤더 확인
HTTP Header Inspector
URL을 요청해 전체 응답 헤더·리다이렉트 경로·소요 시간·사용된 압축 방식을 보여 줍니다.
OG 이미지 생성
Social Card Generator
제목·부제·브랜드 문구와 로고(선택)를 템플릿에 얹어 1200×630 공유 이미지를 만들고 함께 넣을 메타 태그를 써 줍니다.
robots.txt·사이트맵 점검
robots.txt & Sitemap Checker
robots.txt와 사이트맵을 가져와 특정 URL의 크롤링 허용 여부를 확인하고 형식을 검증합니다.
URL 분석·쿼리 편집
URL Parser & Query Editor
URL을 구성 요소로 나누고 쿼리 파라미터를 편집 가능한 표로 보여 준 뒤 다시 조립합니다.
HTTP 요청 테스터
HTTP Request Builder
GET·POST·PUT·PATCH·DELETE·HEAD 요청을 헤더와 본문까지 지정해 보내고 상태·헤더·본문·소요 시간을 보여 줍니다. Cookie와 Authorization은 서버가 전달하지 않습니다.
QR·바코드 읽기
QR & Barcode Reader
업로드한 이미지·스크린샷·카메라에서 QR과 주요 바코드를 읽습니다.