[HTML] Open Graph

간단한 Open Graph 팁(Tip)과 샘플입니다.


▸ 이미지(og:image)사이즈: 600 X 314 또는 1146 X 600 또는 1200 X 630
▸ 업데이트 시간(og:updated_time)은 UTC로 작성(ex: 2016-03-08T10:35:24+09:00)


▸ 샘플 코드

<!-- Open Graph -->
<meta property="og:type" content="website">
<meta property="og:site_name" content="site name">
<meta property="og:title" content="site title">
<meta property="og:url" content="site address">
<meta property="og:image" content="image url">
<meta property="og:description" content="site description">
<meta property="og:updated_time" content="update time(UTC)">
<!-- Twitter -->
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="website title">
<meta name="twitter:description" content="site desciption">
<meta name="twitter:image" content="image url">

▸ 참고
http://ogp.me/
https://developers.facebook.com/docs/sharing/opengraph
https://dev.twitter.com/cards/getting-started
https://dev.twitter.com/cards/markup
http://socialdebug.com/