웹 도구 / 03

Open Graph 검사 도구

페이지의 소셜 링크 미리보기 뒤에 있는 제목, 이미지, 설명 및 메타데이터를 확인합니다.

Open Graph 검사 도구: TOEA는 서버에서 렌더링된 HTML 메타데이터를 읽고, 상대 경로 에셋을 확인한 뒤 Open Graph, Twitter 카드, canonical, 제목 및 favicon 값을 표시합니다. 요청 시 안전하게 처리됩니다.

카테고리
웹 도구
실행 횟수
TOEA 서버에서
비용
무료 · 가입 불필요
사용 가능 여부
사용 가능
링크 미리보기 검사 도구안전한 공개 URL 검사

페이지 스크립트를 실행하지 않고 공개 HTML 메타데이터를 읽습니다.

좋은 미리 보기에 필요한 태그

Open Graph 프로토콜에는 네 가지 기본 태그가 있습니다. og:title, og:type, og:image, og:url입니다. 제목 아래에 표시할 텍스트에는 og:description을 추가하십시오. 이미지는 공개적으로 접근할 수 있는 절대 URL이어야 하며, 로그인 뒤에 있거나 robots.txt로 차단되어서는 안 됩니다. 1200 × 630과 같은 1.91:1 이미지는 여러 플랫폼에서 가장 안전한 비율입니다. X는 자체 태그가 없을 때 Open Graph 태그를 읽지만, 큰 이미지 레이아웃을 표시하려면 <meta name="twitter:card" content="summary_large_image">가 필요합니다.

플랫폼에 업데이트 강제하기

플랫폼은 링크가 처음 공유될 때 미리 보기를 저장합니다. Facebook의 Sharing Debugger와 LinkedIn의 Post Inspector는 페이지를 다시 가져와 캐시된 미리 보기를 교체합니다. 다른 플랫폼에서는 기존 파일을 교체하는 것보다 새 파일 이름으로 이미지를 게시하는 편이 더 빨리 반영되는 경우가 많습니다.

이 검사 도구에서 플랫폼이 무시하는 태그가 확인된다면 HTTP 상태 검사 도구로 페이지를 확인하십시오. 일부 방화벽은 플랫폼이 사용하는 크롤러를 차단하며, 이 경우 미리 보기가 표시되지 않습니다.

사용 방법

  1. 공개 페이지 URL을 붙여넣습니다.
  2. “미리보기 검사”를 선택합니다.
  3. 렌더링된 미리보기를 원시 메타데이터 필드 및 경고와 비교합니다.

개인정보 보호 및 제한사항

URL은 TOEA의 안전한 가져오기 서비스를 통해 처리되며 보관되지 않습니다. 미리보기는 근사치입니다. 소셜 플랫폼마다 데이터를 캐시하거나 자체 이미지 자르기 및 대체 표시 규칙을 적용할 수 있습니다.

관련 도구

자주 묻는 질문

소셜 네트워크에서 미리보기가 다른 이유는 무엇인가요?

플랫폼은 메타데이터를 캐시하며 이미지를 자르거나 자체 대체 표시를 선택할 수 있습니다.

이 검사 도구는 JavaScript를 실행하나요?

아니요. 메타데이터가 반환된 HTML에 포함되어 있어야 합니다.

무료 도구 · toea 서버에서회 실행 · 계정 불필요