그래프 미리보기 스튜디오 열기

그래프 미리보기 도구 열기

작업 공간 로드 중...

모든 URL에서 OG 태그를 미리 보는 방법

절대 https URL을 붙여넣고 메타데이터 가져오기를 실행한 다음 병합된 제목, 설명, 이미지 및 대상 URL을 검토합니다. 진단을 확장하여 상태 코드, 리디렉션 후 최종 URL, 콘텐츠 유형을 확인하세요.

Open Graph, Twitter Card 및 대체 메타 태그를 선택하는 방법

Facebook 및 LinkedIn 스타일 미리보기의 경우 Open Graph 태그를 선호하며, og:image가 누락된 경우 제목 태그, 메타 설명, 표준 URL 및 첫 번째 적합한 본문 이미지로 대체됩니다. X/Twitter 스타일 미리보기의 경우 twitter:title, twitter:description 및 twitter:image가 있는 경우 이를 선호합니다. 그렇지 않으면 Open Graph로 대체한 다음 동일한 일반 대체를 사용합니다.

일반적인 메타데이터 문제 및 해결 방법

og:image 누락은 가장 일반적인 공유 품질 문제입니다. 정사각형 또는 가로 방향 이미지 URL을 추가하세요. 중복되거나 충돌하는 태그, 올바른 기반이 없는 상대 이미지 URL, 잘리는 긴 제목도 자주 발생합니다. 게시하기 전에 편집기를 사용하여 수정 사항을 테스트하세요.

HTML 메타 태그 또는 JSON을 내보내는 방법

가져오기에 성공한 후(또는 필수 필드를 수동으로 입력한 후) HTML 복사 또는 JSON 복사를 사용하거나 .html 및 .json 파일을 다운로드하세요. 값은 HTML 조각에서 이스케이프되며 JSON에는 지원되는 각 필드에 대한 소스 상태가 포함됩니다.

공개 URL에서 Open Graph 및 Twitter 카드 메타데이터를 가져오고, Facebook, X/Twitter 및 LinkedIn 스타일 카드를 미리 보고, 필드를 로컬로 재정의하고, HTML 메타 태그 또는 JSON을 내보냅니다.

자주 묻는 질문

Facebook, X, LinkedIn에서 미리보기가 다른 이유는 무엇입니까?

각 플랫폼은 약간 다른 순서로 태그를 읽고 자체 자르기 규칙을 적용하며 페이지의 이전 버전을 캐시할 수 있습니다. 이 스튜디오는 병합된 메타데이터의 일관된 로컬 템플릿을 표시하므로 픽셀이 완벽한 네트워크 렌더링이 아닌 구조와 복사본을 확인할 수 있습니다.

이 도구가 내 라이브 웹사이트를 변경합니까?

아니요. 가져온 HTML은 현재 요청에 대해서만 구문 분석됩니다. 편집 및 내보내기는 브라우저에 유지됩니다(공유 가능한 재정의를 위한 선택적 URL 쿼리 매개변수 포함). 귀하의 사이트에는 아무 것도 다시 기록되지 않습니다.

내 페이지에서 자동 가져오기를 차단하면 어떻게 되나요?

일부 사이트는 브라우저가 아닌 클라이언트에 403/401을 반환합니다. 이 MVP는 인증 없이 공개적으로 가져올 수 있는 HTML만 지원합니다. 서버를 제어하는 ​​경우 스테이징 URL을 시도하거나 봇 규칙을 일시적으로 완화하세요.