사용 방법
- 검사할 공개 URL을 입력하세요.
- 검색 엔진, 소셜 네트워크와 채팅 미리보기를 확인하세요.
- 누락되거나 잘못된 og 태그, canonical, robots와 아이콘을 수정하세요.
옵션 설명
- Open Graph
- og:title, og:description, og:image, og:url과 type 같은 태그가 링크 미리보기를 결정해요.
- Twitter 카드
- twitter:card와 관련 제목, 설명, 이미지 태그를 확인해요. 플랫폼마다 대체 태그를 사용할 수 있어요.
- 페이지 접근
- 검사하려면 URL이 공개적으로 접근 가능해야 해요. 로그인 페이지나 robots 정책에 따라 결과가 달라질 수 있어요.
미리보기가 사용하는 태그
세 가지 미리보기는 각 텍스트를 다음 순서에서 처음 존재하는 태그에서 가져와요.
| 미리보기 항목 | 가져오는 곳 (처음 발견된 것) |
|---|---|
| 제목 | og:title, 다음 twitter:title, 다음 페이지 제목 |
| 설명 | og:description, 다음 twitter:description, 다음 메타 설명 |
| 이미지 | og:image, 다음 twitter:image |
검사 목록은 og:title, og:description, og:image, twitter:card가 없는 경우, og:image가 절대 http 또는 https URL이 아닌 경우, 제목이나 설명이 길이 권장 범위를 벗어난 경우를 표시해요. 이 모든 항목을 통과하는 최소한의 구성은 페이지 head에서 다음과 같아요.
<meta property="og:title" content="Page title">
<meta property="og:description" content="One or two sentences about the page.">
<meta property="og:image" content="https://example.com/share.png">
<meta property="og:url" content="https://example.com/page">
<meta name="twitter:card" content="summary_large_image">Open Graph 프로토콜(ogp.me)은 og:title, og:type, og:image, og:url을 기본 속성으로 정의해요. twitter:card의 값은 summary(작은 카드)와 summary_large_image(텍스트 위에 큰 이미지)예요.
자주 묻는 질문
URL이 검사되지 않는 이유는 무엇인가요?
페이지가 공개되어 있는지, HTTPS와 리디렉션이 정상인지 확인하세요. 서버가 자동 요청이나 미리보기 봇을 차단할 수도 있어요.
이미지가 표시되지 않으면 무엇을 확인하나요?
og:image가 절대 URL인지, 이미지가 공개되어 있고 올바른 MIME 유형을 반환하는지 확인하세요.
수정한 태그가 소셜 미리보기에 바로 반영되나요?
플랫폼이 이전 결과를 캐시할 수 있어요. 태그를 수정한 뒤 각 플랫폼의 미리보기 갱신 도구를 사용해야 할 수 있어요.
개인정보 보호
파일은 처리를 위해 HTTPS로 업로드되며 1시간 이내에 자동으로 삭제돼요.