Open Graph 생성기
제목과 설명을 쓰고 공유 카드를 확인한 뒤 메타 태그를 복사하세요.
추가 옵션
아무 필드나 채우면 태그가 여기에 나타납니다. “생성” 버튼은 없습니다.
사용 방법
- 제목, 설명, 이미지, 페이지 URL을 입력하세요. 입력하는 대로 공유 카드 미리보기와 <meta> 태그가 갱신됩니다. 생성 버튼은 없습니다.
- “추가 옵션”을 열어 사이트 이름, 로캘, Twitter @사용자명을 추가하세요. Open Graph만 필요하면 Twitter Card를 끄세요.
- 태그를 복사해 페이지의 <head>에 붙여 넣으세요. 다운로드는 같은 블록을 보관할 수 있는 .html 파일로 제공합니다.
예시
필드
제목 “완벽한 사워도우 빵 굽는 법” · 유형 website · 이미지 URL · 페이지 URL · 사이트 이름 “베이커리 블로그” · 로캘 en_US · Twitter @bakeryblog
태그
<meta property="og:title" content="완벽한 사워도우 빵 굽는 법"> <meta property="og:type" content="website"> <meta property="og:image" content="https://example.com/og-image.png"> <meta property="og:url" content="https://example.com/blog/sourdough"> <meta property="og:description" content="스타터부터 바삭하고 열린 기공의 빵까지 단계별 안내입니다."> <meta property="og:site_name" content="베이커리 블로그"> <meta property="og:locale" content="en_US"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@bakeryblog"> <meta name="twitter:title" content="완벽한 사워도우 빵 굽는 법"> <meta name="twitter:description" content="스타터부터 바삭하고 열린 기공의 빵까지 단계별 안내입니다."> <meta name="twitter:image" content="https://example.com/og-image.png">
태그는 고정된 순서로 생성되므로 같은 필드는 항상 같은 블록을 만듭니다. 빈 필드는 건너뛰며 빈 content="" 태그를 만들지 않습니다.
범위, 한도 및 자주 묻는 질문
- URL 가져오기가 없습니다. 이 도구는 다른 사이트의 기존 태그를 읽을 수 없고 배포된 페이지가 수집되는지 확인할 수 없습니다. 배포 후 URL을 Facebook 공유 디버거나 X Card Validator에 붙여 넣어 확인하세요.
- 빈 필드는 건너뜁니다. 설명을 비워 두면 og:description을 출력하지 않으며 자리표시자 값도 없습니다.
- URL 검사는 경고일 뿐 차단하지 않습니다. 상대 경로나 https:// 누락도 태그를 만들며, 플랫폼이 거부하면 직접 고치세요.
- summary와 summary_large_image Twitter 카드만 생성합니다. App 및 Player 카드에는 대부분의 페이지가 쓰지 않는 추가 app:id / player: 필드가 필요합니다.
- 미리보기 이미지는 입력한 og:image URL에서 소셜 사이트가 가져오는 것과 같은 방식으로 불러옵니다. 우리 서버로 전송되지 않으며 호스트에 연결할 수 없으면 자리표시자를 표시합니다.
- 아무것도 업로드, 저장하거나 페이지 URL에 쓰지 않습니다. 새로 고치면 예시에서 시작하며 필드를 비우면 빈 상태에서 시작합니다.
관련 도구
태그를 준비한 뒤 보통 다음으로 필요한 도구입니다.