Front-end/Project

[meta] 카카오톡 링크 공유 썸네일 및 웹 사이트 정보 넣기

이안92 2021. 5. 18. 11:29
반응형
index.html

 

head태그안에서 meta태그를 통해 정보를 넣어주면 된다.

<head>
  <meta charset="utf-8" />
  <link rel="icon" href="%PUBLIC_URL%/logo.ico" /> // 브라우저 아이콘
  <meta property="og:image" content="%PUBLIC_URL%/logo.jpg"> // 링크 이미지
  <meta property="og:title" content="고양이 강도 침입 🚨"> // 링크 타이틀
  <meta property="og:description" content="살려주세요!"> // 링크 세부정보
  <title>고양이 강도 침입 🚨</title> // 브라우저 타이틀
</head>

링크 이미지, 링크 타이틀, 링크 세부정보
브라우저 아이콘과 타이틀

 

반응형

 

해당하는 썸네일 이미지 크기는 800x400으로 맞춰주면 된다.

아래는 썸네일 관련 카카오 개발자의 답변이다.

 

반응형