1 개요[ | ]
- open graph protocol
- 오픈 그래프 프로토콜
- 페이스북 등에서 URL입력시 잘 인식됨
- 유투브 등에서 적용되어 있음(출력됨)
html
Copy
<meta property="og:종류" content="내용" />
<img src='http://ogp.me/logo.png' style='width:220px'/>
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 & 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 & International : http://psy.shop.bravado...">
<meta property="og:video" content="http://www.youtube.com/v/9bZkp7q19f0?version=3&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 & 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 참고[ | ]
편집자 Jmnote Jmnote bot 58.74.115.198
로그인하시면 댓글을 쓸 수 있습니다.
… 2014-12-11
- 분류 댓글:
- 웹 (2)
- HTML meta (1)
오픈 그래프 프로토콜 ― …자바스크립트 웹페이지 읽기 ― …