반응형
Notice
Recent Posts
«   2025/02   »
일 월 화 수 목 금 토
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28
Today
Total
관리 메뉴

오식랜드

카카오톡 링크 미리보기 설정하기 본문

dev-log

카카오톡 링크 미리보기 설정하기

개발하는 오식이 2021. 5. 27. 16:32
반응형

OG : Open Graph

카카오톡, 페이스북 등 SNS에 웹사이트 링크를 공유하면 보여지는 미리보기, 어떻게 설정할까?

head 내의 meta태그를 이용하여 설정할 수 있다!

<head> 
  <meta property="og:url" content="링크 URL" /> 
  <meta property="og:type" content="website" /> 
  <meta property="og:image" content="미리보기 이미지 URL" /> 
  <meta property="og:title" content="웹사이트 타이틀" />
  <meta property="og:description" content="웹사이트 설명" /> 
</head>

 

참고로 카카오톡 미리보기 이미지 비율은 2:1로, 800*400px로 맞춰주는게 좋다!

반응형
저작자표시

'dev-log' 카테고리의 다른 글

대학생 취준 포트폴리오 웹디자인 / 개발 외주  (0) 2022.03.06
[javascript] forEach를 이용하여 div 추가  (0) 2022.02.26
[node error] Address already in use  (0) 2021.07.30
카카오톡 미리보기가 안바뀔 때, og 캐시 삭제  (0) 2021.05.27
'dev-log' Related Articles more
Comments