최근 수정 시각 : 2022-01-14 22:20:35

오픈 그래프 프로토콜


Open Graph Protocol, OGP (오픈 그래프 프로토콜)
Open Graph Protocol
파일:OpenGraph.png
출시일2010년 4월 2일
개발사Facebook
프로그래밍 언어PHP, 파이썬, 자바, 루비
1. 개요2. 종류3. 특징4. 관련 문서

[clearfix]

1. 개요

오픈 그래프 프로토콜은 어떠한 인터넷 웹사이트의 HTML 문서에서 head -> meta 태그 중 "og:XXX"가 있는 태그들을 찾아내어 보여주는 프로토콜이다.

2. 종류

기본적인 종류를 말하자면 이렇다.
속성설명사용법
og:title웹사이트의 제목<meta property="'''og:title'''" content="나무위키" />
og:type[1]웹사이트의 종류<meta property="'''og:type'''" content="website" />
og:url웹사이트의 정식 URL<meta property="'''og:url'''" content="https://namu.wiki/" />
og:image웹사이트를 나타낼 이미지<meta property="'''og:image'''" content="https://namu.wiki/w/파일:나무위키:로고2.png" />
더 많은 종류는 여기에서 확인 가능하다.

3. 특징

만약 웹사이트가 오픈 그래프 프로토콜을 지원한다면, 웹사이트에 들어가기도 전에 뭐하는 사이트인지 알 수 있다. 예를 들어, Discord 메신저에 URL을 올려놓으면 이런 식으로 확인할 수 있다.

다음은 구글을 올려놓은 예시다.
파일:ogex.png

4. 관련 문서


[1] 타입은 여려종류가 있다만 너무 많으니 이곳을 확인하면 된다.

분류