카카오톡이나 페이스북, 카카오스토리에 링크를 공유하면 제목, 설명, 대표 이미지가 자동으로 미리보기 형태로 표시됩니다. 이 정보를 결정하는 것이 OG(Open Graph) 태그입니다. "OG태그 생성기"를 검색하시는 분들은 자신의 웹페이지나 블로그 게시글이 공유될 때 원하는 이미지와 문구로 미리보기가 표시되도록 설정하고 싶은 경우입니다.
OG 태그가 제대로 설정되지 않으면, 링크를 공유했을 때 엉뚱한 이미지가 뜨거나, 이미지 없이 텍스트만 밋밋하게 표시되는 경우가 생깁니다. 이런 상태로 공유되면 클릭률이 눈에 띄게 떨어지는데, 특히 SNS나 메신저에서는 미리보기 이미지가 클릭을 유도하는 데 큰 역할을 하기 때문입니다. 반대로 매력적인 이미지와 명확한 제목이 설정된 링크는 같은 내용이라도 더 많은 클릭을 이끌어냅니다.
OG 태그를 설정할 때 필요한 핵심 항목은 og:title(공유될 때 표시될 제목), og:description(간단한 설명), og:image(대표 이미지 주소), og:url(정식 페이지 주소)입니다. 이 중 og:image는 특히 신경 써야 하는데, 플랫폼마다 권장하는 이미지 비율이 다르고, 너무 작은 이미지는 미리보기에서 흐릿하게 표시되거나 아예 노출되지 않는 경우도 있습니다. 일반적으로 1200x630 픽셀 정도의 가로형 이미지가 여러 플랫폼에서 무난하게 표시되는 것으로 알려져 있습니다.
오피스툴의 OG 태그 생성기는 제목, 설명, 이미지 주소를 입력하면 웹페이지에 바로 삽입할 수 있는 태그 코드를 만들어주고, 실제 공유했을 때 어떻게 보일지 미리보기로 확인할 수 있습니다.
OG 태그 코드 직접 찾아보고 작성하는 시간, 오피스툴 하나면 칼퇴할 수 있어요. 개발 지식 없이도 정확한 태그 코드를 바로 만들어서 웹페이지에 적용해보세요.
OG 태그 생성기 입력과 결과 예시
아래 예시로 처리 방식을 먼저 확인한 다음 실제 자료에 적용해 보세요.
입력 예시
제목·설명·이미지 URL
결과 예시
OG·공유 카드 메타태그
확인할 점
생성한 태그는 사이트 head에 반영해야 하며 공유 캐시 갱신이 필요할 수 있습니다.
오피스툴에서 바로 사용해 보세요
오피스툴의 OG 태그 생성기은 회원가입 없이 무료로 사용할 수 있습니다. OG 태그 생성기 실행하기 →
로그인하면 지원되는 입력값과 결과 요약이 이용내역에 저장되어 이전 작업을 다시 확인하기 편합니다. 파일 원본은 별도로 보관해 주세요.