Open Graph 미리보기

Facebook, LinkedIn, WhatsApp, Slack에서 링크를 공유하면 앱이 Open Graph 태그를 읽어 카드를 만듭니다. 값을 입력하거나 페이지 <head>의 HTML을 붙여 넣어 일반적인 카드를 미리 보고, 게시 전에 빠진 이미지나 너무 긴 텍스트를 잡아내세요.

og:title

og:url

og:description

og:image URL

…또는 로컬 이미지 미리보기

기존 태그를 읽으려면 페이지 HTML을 붙여 넣으세요(선택)

대략적인 미리보기입니다. 실제 검색 및 소셜 화면은 기기, 언어, 플랫폼 업데이트에 따라 다릅니다.

Open Graph 태그

브라우저 안에서만 실행됩니다. 입력한 내용과 파일은 어떤 서버에도 업로드되지 않습니다.

사용 방법

제목, 설명, URL, 이미지(URL 또는 로컬 파일)를 입력하거나 기존 HTML을 붙여 넣고 ‘태그 읽기’를 누릅니다.
미리보기와 경고를 확인합니다.
og: 태그를 페이지에 복사합니다.

예시

제품 출시

발표 전에 1200 × 630 이미지가 어색하게 잘리지 않는지 확인합니다.

기존 페이지

페이지 소스를 붙여 넣어 빠진 og: 태그를 확인합니다.

개인정보

브라우저 안에서만 실행됩니다. 입력한 내용과 파일은 어떤 서버에도 업로드되지 않습니다. 브라우저에 저장되는 내용(즐겨찾기와 기록만)은 개인정보 처리방침을 참고하세요. 개인정보 처리방침

직접 확인해 보세요. 브라우저 개발자 도구를 열고 네트워크(Network) 탭을 선택한 뒤 도구를 사용하세요. 파일은 어떤 업로드 요청에도 나타나지 않습니다. 이 페이지가 오프라인용으로 저장된 뒤에는 인터넷 연결을 끊고도 계속 작업할 수 있습니다. 광고와 익명 방문 통계는 활성화된 경우 자체 요청을 보내지만, 파일이나 텍스트를 받지는 않습니다.

자주 묻는 질문

운영 중인 페이지를 가져오나요?

아니요. 브라우저는 웹 페이지가 다른 사이트의 HTML을 읽지 못하게 막으며, 저희는 서버를 쓰지 않습니다. HTML을 붙여 넣거나 값을 직접 입력하세요. 이미지 URL을 입력하면 브라우저가 표시를 위해 그 이미지를 직접 불러옵니다.

어떤 이미지 크기가 가장 좋나요?

1200 × 630픽셀(약 1.91:1)이 널리 권장됩니다. 일부 앱은 정사각형으로 자르므로 중요한 내용은 가장자리에서 떨어뜨려 두세요.

Facebook에 보이는 것과 똑같나요?

아니요. 중립적인 근사치입니다. 플랫폼마다 카드의 모양과 잘리는 방식이 다르고 시간에 따라 바뀝니다.

사용 방법

예시

개인정보

자주 묻는 질문

관련 도구