오픈 그래프 생성기
소셜 미디어 미리보기를 위한 og: 메타 태그 생성
모든 처리는 브라우저에서 이루어집니다. 데이터는 기기를 벗어나지 않습니다.
관련 도구
사용 방법
왼쪽에 Open Graph 필드를 채우면 출력 창에 대응하는 HTML 메타 태그가 표시됩니다. 페이지 head에 붙여넣을 준비가 됩니다.
제목, 설명, 이미지 입력
OG 제목과 설명은 소셜 공유 카드에 표시됩니다. 제목은 95자 이내, 설명은 200자 이내로 유지하세요. 이미지는 절대 HTTPS URL을 사용하고 1200×630 픽셀 이미지를 권장합니다.
URL, 타입, 사이트 이름 설정
og:url은 쿼리 문자열이 없는 페이지의 캐노니컬 URL이어야 합니다. 일반 페이지는 website, 블로그 포스트는 article로 설정하세요. og:site_name은 일부 카드 레이아웃에 표시됩니다.
출력 복사 후 페이지에 추가
복사 버튼을 클릭하고 HTML의 head 요소 안에 태그를 붙여넣으세요. 배포 후 페이스북 공유 디버거 또는 링크드인 포스트 검사기로 결과를 테스트하세요.
예시
블로그 포스트 공유 설정
og:type을 article로, og:title을 포스트 제목으로, og:description을 두 문장 요약으로, og:image를 대표 이미지 URL로, og:url을 캐노니컬 포스트 URL로 설정하세요. 링크를 페이스북이나 링크드인에 공유할 때 풍부한 미리보기 카드가 생성됩니다.
상품 페이지 설정
og:type을 product로 사용하고 og:image를 1200×630의 주요 상품 이미지로 설정하세요. og:site_name에 브랜드명을 포함하면 카드에 도메인 대신 브랜드가 표시됩니다.
도구 소개
페이스북, 링크드인, 슬랙, 디스코드 등 OG 프로토콜을 지원하는 플랫폼에서 페이지가 공유될 때 어떻게 보이는지를 제어하는 Open Graph 메타 태그를 생성합니다. 제목, 설명, 이미지 URL, 페이지 URL, 타입, 사이트 이름, 로케일을 입력하고 HTML 스니펫을 복사하세요. 브라우저에서 실행됩니다.