OG (Open Graph) 태그란?

OG (Open Graph)란?

 

웹 사이트를 공유할 때 보통 URL을 사용한다. 이때 미리 보기 화면으로 노출되는 부분은 오픈 그래프 태그로 마크업 한다. 페이스북에서 만든 프로토콜로 항상 같은 메타 정보를 표시하도록 한다.

 

예를 들면 네이버 또는 카카오톡 등에서 링크를 공유할 때, og 태그에 작성된 정보로 노출된다.

 

많은 사람들을 서비스로 유입시킬 수 있도록  open graph 태그를 작성하는 것은 중요하다!

 

https://ogp.me/

Open Graph protocol

 

태그 작성 방법

 

<meta property='og:title' content='페이지 이름' />
<meta property='og:description' content='페이지에 대한 간단한 설명' />

 

이 외에도 Open Graph 사이트에 들어가보면 다양한 property를 사용할 수 있다.

 

밑에는 티스토리 블로그를 공유했을 때의 예시이다!

url이 전송됨과 동시에 사이트 정보를 알 수 있게 되는 것이다.

썸네일 얼굴 보호 ^^^