오픈 그래프 프로토콜

1 개요[ | ]

open graph protocol
오픈 그래프 프로토콜

특정 형식의 메타 태그 사용 프로토콜
페이스북, 트위터 등에서 인식됨(입력가능)

페이스북 등에서 URL입력시 잘 인식됨

유투브 등에서 적용되어 있음(출력됨)

html

Copy

<meta property="og:종류" content="내용" />

2 예시[ | ]

html

Copy

<meta name="title" content="PSY - GANGNAM STYLE (강남스타일) M/V">
<meta name="description" content="PSY - Gangnam Style (강남스타일) ▶ NOW available on iTunes: http://Smarturl.it/psygangnam ▶ Official PSY Online Store US &amp; International : http://psy.shop.bravado...">
<meta name="keywords" content="PSY, 싸이, 강남스타일, 뮤직비디오, Music Video, Gangnam Style, KOREAN SINGER, KPOP, KOERAN WAVE, PSY 6甲, 6th Studio Album, 싸이6집, 육갑, YG Family, YG Entertainment">

<meta property="og:site_name" content="YouTube">
<meta property="og:url" content="http://www.youtube.com/watch?v=9bZkp7q19f0">
<meta property="og:title" content="PSY - GANGNAM STYLE (강남스타일) M/V">
<meta property="og:type" content="video">
<meta property="og:image" content="http://i1.ytimg.com/vi/9bZkp7q19f0/maxresdefault.jpg?feature=og">
<meta property="og:description" content="PSY - Gangnam Style (강남스타일) ▶ NOW available on iTunes: http://Smarturl.it/psygangnam ▶ Official PSY Online Store US &amp; International : http://psy.shop.bravado...">
<meta property="og:video" content="http://www.youtube.com/v/9bZkp7q19f0?version=3&amp;autohide=1">
<meta property="og:video:type" content="application/x-shockwave-flash">
<meta property="og:video:width" content="1920">
<meta property="og:video:height" content="1080">
<meta property="fb:app_id" content="87741124305">
<meta name="twitter:card" content="player">
<meta name="twitter:site" content="@youtube">
<meta name="twitter:url" content="http://www.youtube.com/watch?v=9bZkp7q19f0">
<meta name="twitter:title" content="PSY - GANGNAM STYLE (강남스타일) M/V">
<meta name="twitter:description" content="PSY - Gangnam Style (강남스타일) ▶ NOW available on iTunes: http://Smarturl.it/psygangnam ▶ Official PSY Online Store US &amp; International : http://psy.shop.bravado...">
<meta name="twitter:image" content="http://i1.ytimg.com/vi/9bZkp7q19f0/maxresdefault.jpg">
<meta name="twitter:player" content="https://www.youtube.com/embed/9bZkp7q19f0">
<meta name="twitter:player:width" content="1920">
<meta name="twitter:player:height" content="1080">

3 같이 보기[ | ]

메타 태그

4 참고[ | ]