Web GuideOG 이미지링크 미리보기공유 이미지
OG 이미지 설계: 공유했을 때 보이는 화면
카카오톡에 링크를 보냈는데 이미지도 설명도 없이 주소만 뜬 적 있으신가요.
그 링크는 거의 눌리지 않습니다. 설정 한 번이면 해결되는 문제입니다.
01무엇이 표시되는가
메신저나 SNS에 링크를 공유하면 제목, 설명, 이미지가 함께 표시됩니다. 이 정보는 페이지에 미리 설정해 두는 것입니다.
설정하지 않으면 시스템이 임의로 가져오거나 아무것도 안 나옵니다.
01
제목
페이지 제목. 공유 시 가장 먼저 읽힙니다.
02
설명
한두 문장. 무슨 내용인지 알려줍니다.
03
이미지
가장 눈에 띕니다. 없으면 클릭률이 크게 떨어집니다.
04
사이트 이름
어느 사이트인지 표시됩니다.
05
주소
도메인이 함께 보입니다.
02이미지 만들기
공유용 이미지는 별도의 비율이 있습니다. 홈페이지에 쓰는 이미지를 그대로 쓰면 잘리거나 여백이 생깁니다.
글자를 넣는다면 잘릴 수 있는 가장자리를 피해 중앙에 배치하세요.
비율
가로로 넓은 비율. 서비스마다 조금씩 다르므로 여유를 둡니다.
글자 위치
중앙에. 가장자리는 잘릴 수 있습니다.
글자 크기
작은 미리보기에서도 읽힐 크기로. 크게 씁니다.
내용
페이지 제목이나 핵심 메시지. 로고를 함께 넣습니다.
용량
너무 크면 미리보기가 안 뜰 수 있습니다.
03페이지마다 다르게
모든 페이지에 같은 이미지가 뜨면 무엇을 공유했는지 알 수 없습니다. 주요 페이지는 각각 다른 이미지를 설정하는 것이 좋습니다.
게시물이 많은 경우에는 제목을 자동으로 넣은 이미지를 생성하는 방법도 있습니다.
전체 동일 이미지
설정이 간단 · 어느 페이지를 공유했는지 구분 안 됨 · 클릭률이 낮음 · 최소한의 대응
페이지별 이미지
무엇을 공유했는지 명확 · 클릭률이 높음 · 주요 페이지만 별도로 만들어도 효과 · 게시물은 자동 생성 검토
04설정 후 확인한다
설정했다고 바로 반영되지 않는 경우가 있습니다. 메신저나 SNS가 이전에 가져간 정보를 저장해 두기 때문입니다.
각 서비스가 제공하는 미리보기 확인 도구로 테스트하고, 필요하면 저장된 정보를 갱신하세요.
실제 공유 테스트카카오톡, SNS에 직접 링크를 보내 확인합니다.
미리보기 도구각 서비스가 제공하는 확인 도구를 씁니다.
캐시 갱신이전 정보가 남아 있으면 갱신을 요청합니다.
이미지 절대 경로상대 경로로 지정하면 인식되지 않는 경우가 있습니다.
주요 페이지 점검메인, 서비스, 주요 콘텐츠 페이지를 각각 확인합니다.
CHECK POINT
□ OG 제목·설명·이미지가 설정되어 있는가
□ 이미지 비율이 공유용 규격에 맞는가
□ 이미지 속 글자가 작은 미리보기에서도 읽히는가
□ 주요 페이지마다 다른 이미지가 설정되어 있는가
□ 이미지 경로가 절대 경로로 지정되어 있는가
□ 실제로 메신저에 공유해 확인했는가
□ 이전 정보가 남아 있다면 갱신했는가
#OG 이미지#링크 미리보기#공유 이미지#메타 태그#SNS 공유#클릭률#카카오톡 공유#홈페이지 디자인#웹비스타#홈페이지 제작