메신저나 SNS에 링크를 붙여넣으면 자동으로 제목, 설명, 이미지가 포함된 미리보기 카드가 생성됩니다. "링크 미리보기 만들기"를 검색하시는 분들은 이 미리보기 카드가 뜻대로 표시되지 않아서, 원하는 이미지와 문구로 직접 설정하고 싶은 경우가 많습니다.
미리보기가 의도한 대로 나오지 않는 대표적인 원인은 웹페이지에 미리보기 설정 정보(OG 태그)가 아예 없거나, 설정되어 있어도 값이 비어 있거나 잘못된 경우입니다. 예를 들어 대표 이미지 주소가 깨져 있으면 미리보기에 이미지 없이 텍스트만 표시되고, 제목 정보가 없으면 페이지의 첫 번째 텍스트가 임의로 잘려서 제목처럼 표시되기도 합니다. 이런 경우 사람들이 링크를 봤을 때 어떤 내용인지 파악하기 어려워 클릭을 주저하게 됩니다.
효과적인 미리보기를 만들려면 세 가지 요소가 명확해야 합니다. 첫째, 제목은 클릭하고 싶은 마음이 들도록 핵심 내용을 담아야 합니다. 둘째, 설명은 제목에서 다 못 담은 정보를 보완하는 역할을 해야 합니다. 셋째, 이미지는 텍스트만으로 전달하기 어려운 시각적 신뢰감을 줘야 합니다. 이 세 가지가 조화를 이루면 같은 링크라도 클릭률이 눈에 띄게 달라집니다.
또한 미리보기를 설정한 뒤에는 실제로 카카오톡, 페이스북 등 여러 플랫폼에서 어떻게 보이는지 직접 확인하는 과정이 필요합니다. 플랫폼마다 캐시(임시 저장된 정보)를 가지고 있어서, 설정을 바꾼 뒤에도 예전 정보가 한동안 그대로 보이는 경우가 있으므로 이 점도 참고하시면 좋습니다.
오피스툴의 OG 태그 생성기는 제목, 설명, 이미지를 입력하면 실제 공유 시 보이는 모습과 동일한 형태로 미리보기를 제공해서, 코드를 직접 웹페이지에 넣기 전에 결과를 미리 확인할 수 있습니다.
미리보기 설정 확인하느라 여러 플랫폼에 직접 공유해보는 시간, 오피스툴 하나면 칼퇴할 수 있어요. 도구 안에서 바로 확인하고 웹페이지에 적용해보세요.
OG 태그 생성기 입력과 결과 예시
아래 예시로 처리 방식을 먼저 확인한 다음 실제 자료에 적용해 보세요.
입력 예시
제목·설명·이미지 URL
결과 예시
OG·공유 카드 메타태그
확인할 점
생성한 태그는 사이트 head에 반영해야 하며 공유 캐시 갱신이 필요할 수 있습니다.
오피스툴에서 바로 사용해 보세요
오피스툴의 OG 태그 생성기은 회원가입 없이 무료로 사용할 수 있습니다. OG 태그 생성기 실행하기 →
로그인하면 지원되는 입력값과 결과 요약이 이용내역에 저장되어 이전 작업을 다시 확인하기 편합니다. 파일 원본은 별도로 보관해 주세요.