sns 카톡 사이트 링크 대표이미지 설명 만들기

이미지 사이즈는 1200 * 630
요약글은 160자 이내로 작성 

head 에 추가 

<meta property="og:type" content="website">
<meta property="og:title" content="페이지 제목">
<meta property="og:description" content="페이지 설명">
<meta property="og:image" content="페이지 썸네일 이미지 주소">
<meta property="og:url" content="페이지 주소">

 

트위터도 넣고 싶다면 추가

<meta property="twitter:card" content="summary">
<meta property="twitter:title" content="페이지 제목">
<meta property="twitter:description" content="페이지 설명">
<meta property="twitter:image" content="페이지 썸네일 이미지 주소">

---

그냥 카톡 섬네일 이미지만 보이고 싶을때 

<meta property="og:image" content="./thumb.jpg">

썸네일 이미지 사이즈는 : 800px*400px  ( 2:1 비율 )

카톡 썸네일 안바뀔때는 

https://developers.kakao.com/tool/debugger/sharing 에 가서 

캐시삭제 도구 - 디버거도구 - 공유디버거 페이지에서

 

캐시초기화 버튼 클릭