728x90
친구들에게 카카오톡으로 링크를 공유하면 그림처럼 썸네일 이미지가 자동으로 생성되는데, 내가 만든 사이트를 공유할 때에도 이렇게 미리보기 이미지를 담고 싶다면 opengraph를 이용하면 된다.
<meta property="og:title" content="페이지의 제목으로 표시되는 부분" />
<meta property="og:url" content="페이지의 주소/>
<meta property="og:image" content="보여줄 미리보기 이미지의 주소" />
<meta property="og:description" content="여기에 설명 부분을 기재" />
html 페이지의 <head> </head> 안에 위와 같이 기재하면 된다.
'개발 > Frontend' 카테고리의 다른 글
| CSS로 서서히 나타나고 사라지는 애니메이션 구현하기 (0) | 2024.01.29 |
|---|---|
| NextJS로 블로그 만들기 (보일러 플레이트 제작) (0) | 2022.07.25 |
| GitHub 프로젝트 - 프론트엔드를 위한 개념과 면접 질문 (0) | 2022.07.18 |
| 자바 스크립트는 책 살 필요가 없을지도 javascript.info (0) | 2022.06.22 |