Open Graph

 

Open Graph

 

The Open Graph protocol

- 웹 페이지의 메타 데이터를 사용해 페이지 콘텐츠 표시를 표준화하기 위한 페이스북에서 만든 인터넷 프로토콜

 

<meta property="og:type" content="..."> - 웹페이지 타입
<meta property="og:site_name" content="..."> - 웹사이트 이름
<meta property="og:title" content="..."> - 콘텐츠 제목
<meta property="og:description" content="..."> - 웹페이지 설명
<meta property="og:image" content="..."> - 표시되는 이미지
<meta property="og:url" content="..."> - 웹페이지 URL

<!-- 예시 -->
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Vue3 Movie App" />
<meta property="og:title" content="Vue3 Movie App" />
<meta property="og:description" content="The OMDb API is a RESTful web service to obtain movie information, all content and images on the site are contributed and maintained by our users." />
<meta property="og:image" content="https://raw.githubusercontent.com/HyungJun-Yoo/vue-movie-app/master/src/assets/Blue.png" />
<meta property="og:url" content="https://admiring-roentgen-0bebac.netlify.app/" />

 

예시 결과

 

---

 

참고

https://ogp.me/

Open Graph protocol