OG(Open Graph)

오픈 그래프는 어떤 HTML 문서의 메타정보를 쉽게 표시하기 위해 메타정보에 해당하는 제목, 설명 문서의 타입, 대표 URL 등 다양한 요소들에 대해서 사람들이 통일해서 쓸 수 있도록 정의해 놓은 프로토콜로 페이스북에 의하여 기존의 다양한 메타 데이터 표기 방법을 참조하여 만들어졌습니다.

위의 이미지 처럼, 사용자가 클릭하기 전에 HTML head의 메타데이터를 크롤링하여 미리보기 화면을 생성해 준다.

 

og 태그는 아래처럼 head 안에 설정해 줄 수 있습니다.

기본적인 메타데이터로는 제목(title), 설명(description), 대표 이미지(image), 표준 링크(url) 등이 있습니다.

og:image에 있는 주소에 들어가보면 위 사진을 볼 수 있습니다. 

 

만약, OG 태그가 없는 사이트는 각 시스템에서 알아서 대표 정보를 찾아서 나름의 정보를 만들어 미리보기로 보여주게 됩니다.