웹페이지 URL을 카톡에 붙여넣기 하면 이미지와 요약정보가 표시되는 것.

첨 보았을 때는 좋네~ 라고 보았지만 시간이 지나며 무감각하게 된 그것.

그러다 알게된 오픈 그래프 메타데이터 정보.  

샘플 데이터이구요

    <meta property="og:title" content="Open Graph protocol">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://ogp.me/">
    <meta property="og:image" content="https://ogp.me/logo.png">
    <meta property="og:image:type" content="image/png">
    <meta property="og:image:width" content="300">
    <meta property="og:image:height" content="300">
    <meta property="og:image:alt" content="The Open Graph logo">
    <meta property="og:description" content="The Open Graph protocol enables any web page to become a rich object in a social graph.">

 

 

 

페이스북에서 시작되었다가 거의 모두 사용한다는 규약 이라고 합니다.

 

웹페이지 Html 헤더 안에 정의 되어 있는 정보이며

자세한 내용은 아래 공식 홈페이지에서 확인할 수 있습니다.

 

 

 

Open Graph protocol

The Open Graph protocol enables any web page to become a rich object in a social graph.

ogp.me

 

+ Recent posts