본문 바로가기
프로그래밍/Web

[Web] Open graph에 대한 간단한 설명과 사용법

by JR2 2022. 5. 5.

공식사이트는 https://ogp.me 이다.

 

페이스북이나 인스타그램, 카카오톡에 링크를 공유하면 보이는 썸네일이나 제목 내용 같은게 있다.

그것을 내가 원하는대로 꾸밀 수 있는게 open graph (줄여서 og)라고 보면 된다.

 

OG 예시

 


 

공식 홈페이지가면 비디오, 이미지 등은 어떻게 사용하라는게 상세하게 잘 나와있고,

대충 맛만 보자면 이런식이다.

<head>
  <meta property="og:image" content="/이미지경로.jpg">
  <meta property="og:description" content="사이트설명">
  <meta property="og:title" content="사이트제목">
</head>

 

head 태그 내부에 meta 태그로 이런것들을 설정해주면 된다.

댓글