코드, 데이터 및 QR 도구

Open Graph 메타 생성기

페이지 정보를 입력하고 공유 링크의 표시 예를 미리 본 뒤 HTML에 사용할 Open Graph 및 Twitter Card 태그를 복사하세요.

브라우저에서 로컬 처리가입 불필요개인정보 안내 ↗

간결하게 작성하세요. 생성된 속성은 HTML용으로 이스케이프됩니다.

사용 방법

사용 방법

  1. 페이지 제목, 설명, URL, 이미지 및 선택적 소셜 프로필 정보를 입력합니다.
  2. 이스케이프된 태그와 간단한 소셜 미리보기를 확인합니다.
  3. 태그를 복사하거나 HTML 조각으로 다운로드하고 대상 플랫폼에서 최종 페이지를 테스트합니다.

표준 필드와 로컬 출력

양식은 Open Graph 제목, 설명, URL, 이미지, 이미지 대체 텍스트, 사이트 이름, 로캘 및 Twitter Card, creator, 이미지 필드를 다룹니다. 속성에 넣기 전에 HTML 이스케이프하므로 따옴표, 앰퍼샌드 및 꺾쇠괄호는 텍스트로 남습니다.

미리보기는 참고용

미리보기는 텍스트와 이미지 URL을 사용해 공유 링크 카드를 근사합니다. 네트워크 요청이나 이미지 크기 검사는 하지 않으며 Facebook, LinkedIn, X 등 크롤러가 동일한 카드를 표시한다고 보장하지 않습니다. 게시된 페이지는 플랫폼의 최신 디버거로 확인하세요.

자주 묻는 질문

더 알아보기

이미지를 가져오거나 업로드하나요?

아니요. 생성 태그와 미리보기에 이미지 URL만 넣으며 이미지를 가져오거나 업로드하거나 검증하지 않습니다.

값이 이스케이프되나요?

예. HTML 속성에 삽입되는 텍스트의 앰퍼샌드, 따옴표, 꺾쇠괄호 및 아포스트로피를 이스케이프합니다.

소셜 미리보기를 보장하나요?

아니요. 크롤러가 태그를 캐시하거나 플랫폼 제한을 적용하거나 공개 HTTPS 페이지와 이미지를 요구할 수 있습니다. 관련 플랫폼 도구로 배포한 페이지를 테스트하세요.