무료 도구
링크 미리보기 검사기
공개된 URL을 붙여 넣으십시오. 페이지를 가져와 Open Graph와 Twitter 태그를 읽고, 대부분의 플랫폼이 그것으로 만들어 낼 카드를 보여 드립니다.
카드가 깨지는 이유
소셜 플랫폼과 메신저는 여러분의 페이지를 그리지 않습니다. 한 번만 가져와서 메타 태그 몇 개를 읽고, 거기서 찾은 것으로 카드를 만듭니다. 태그가 없으면 플랫폼은 제목과 자신이 닿을 수 있는 첫 번째 이미지로 짐작하는데, 그 짐작은 대개 여러분이 직접 골랐을 것보다 못합니다.
단축 링크는 도착 주소의 카드를 그대로 물려받습니다. 태그를 읽기 전에 리디렉션을 먼저 따라가기 때문입니다. 소셜 미디어에 공유한 브랜드 단축 링크가 그 뒤에 있는 페이지와 똑같아 보이는 이유입니다. 리디렉션이 어떻게 제공되는지는 링크 단축에서 확인하십시오.
캐시와 재수집
큰 플랫폼은 예외 없이 자신이 가져온 내용을 캐시에 저장하며, 며칠씩 두는 경우도 많습니다. 태그를 고쳐도 이미 공유된 카드는 고쳐지지 않습니다. 플랫폼은 저장해 둔 판을 계속 내보냅니다. 대부분의 플랫폼은 재수집을 강제하는 디버깅 도구를 공개하고 있는데, 수정 직후에 그 도구를 쓰느냐 마느냐가 바로잡힌 카드와 일주일 내내 잘못된 채로 도는 카드를 가릅니다.
이 검사기는 아무것도 캐시하지 않습니다. 실행할 때마다 짧은 제한 시간과 크기 상한을 두고 새로 가져오므로, 보이는 것은 저장된 사본이 아니라 페이지의 현재 상태입니다.
자주 묻는 질문
이 도구는 어떤 태그를 읽습니까?
Open Graph 어휘에서는 og:title, og:description, og:image, og:url, og:site_name, og:type를 읽고, 여기에 twitter:card, twitter:title, twitter:description, twitter:image를 더해 읽습니다. Open Graph 태그가 없으면 검사기는 HTML의 title 요소와 표준 meta description을 대신 사용하며, 각 플랫폼도 대체로 이렇게 합니다. 그렇게 가져온 값에는 대체 값이라는 표시를 붙입니다.
이미지 크기는 얼마로 해야 합니까?
가로 1200, 세로 630 픽셀이 안전한 답입니다. 주요 플랫폼의 큰 카드 배치를 모두 만족시키고, 작은 카드로 줄어들 때도 깔끔하게 잘립니다. 파일은 1메가바이트 안팎으로 유지하고, 오래된 클라이언트가 신경 쓰인다면 WebP 대신 PNG나 JPEG를 쓰며, 로그인이나 리디렉션 없이 이미지에 닿을 수 있는지 확인하십시오.
단축 링크가 미리보기를 깨뜨립니까?
그렇지 않습니다. 크롤러는 태그를 읽기 전에 리디렉션을 따라가므로, 단축 링크는 최종 도착 주소의 카드를 보여 줍니다. 미리보기를 정말로 깨뜨리는 것은 따로 있습니다. 세션을 요구하거나 낯선 사용자 에이전트를 막아 버리는 도착 주소입니다. 크롤러는 로그인되어 있지도 않고, 알려진 상대도 아니기 때문입니다.
페이지에는 태그가 있는데 검사기에는 하나도 보이지 않습니다. 왜 그렇습니까?
대개 페이지를 불러온 뒤에 JavaScript가 태그를 추가하기 때문입니다. 크롤러는 서버에서 도착한 그대로의 HTML을 읽고 여러분의 스크립트를 실행하지 않으므로, 클라이언트에서 그려 넣은 태그는 크롤러에게도 이 도구에도 보이지 않습니다. 태그는 서버에서 그려 주거나 처음 HTML에 직접 넣으십시오.