링크만 붙였는데 왜 이렇게 볼품없죠?
손님이 우리 가게 홈페이지 주소를 카카오톡이나 페이스북, 인스타그램 DM에 붙여넣었을 때를 떠올려 보세요. 어떤 사이트는 예쁜 사진과 제목, 설명이 카드 형태로 뜨는 반면, 어떤 사이트는 밋밋한 글자 링크만 덜렁 나옵니다. 이 차이를 만드는 것이 바로 오픈그래프(Open Graph, OG) 태그입니다.
오픈그래프가 뭔가요?
오픈그래프는 웹페이지가 SNS에 공유될 때 어떤 제목, 설명, 이미지로 보일지를 정해주는 코드입니다. 홈페이지 뒤편에 몇 줄만 넣어두면, 링크가 공유될 때마다 깔끔한 미리보기 카드가 자동으로 만들어집니다.
대표적인 태그는 다음과 같습니다.
- og:title – 미리보기에 뜨는 제목
- og:description – 한두 줄 설명
- og:image – 카드에 표시될 대표 이미지
- og:url – 페이지 주소
왜 신경 써야 할까요?
- 첫인상이 곧 클릭률: 사진 한 장 있는 링크가 글자만 있는 링크보다 훨씬 눈길을 끕니다.
- 무료 홍보 효과: 손님이 우리 링크를 공유할 때마다 예쁜 가게 사진이 함께 퍼집니다.
- 신뢰감: 제대로 뜨는 미리보기는 '관리되는 가게'라는 인상을 줍니다.
설정할 때 팁
- 이미지는 1200×630 픽셀 비율을 권장합니다. 잘리지 않고 선명하게 보입니다.
- 음식점이라면 대표 메뉴, 미용실이라면 스타일 사진처럼 한눈에 업종이 보이는 이미지를 쓰세요.
- 페이지마다 다른 제목·이미지를 지정하면 더 효과적입니다.
- 설정 후에는 페이스북 공유 디버거나 카카오톡 테스트로 실제로 어떻게 뜨는지 확인하세요.
작은 코드 몇 줄이지만, 손님이 우리 가게를 지인에게 소개하는 그 순간의 인상을 바꿔줍니다.
PICKTECH는 웹사이트 제작 시 오픈그래프 설정까지 꼼꼼히 챙겨, 어디에 공유되어도 예쁘게 보이도록 도와드립니다.