Question

워드프레스 블로그 보니 

못보던 메타 태그가 있던데 아래 TAG 는 어떨때 사용되나요?

<meta property="og:url" content="/qa/tag/html">

<meta property="og:title" content="나눔팁">

Answer 1

Open Graph protocol 이라고 합니다.

(the open graph protocol)

트위터나 페이스북에 자신의 웹페이지를  소셜 그래프로 통합 시킬 수 있도록 하는 기능입니다. 

쉬운 예제로 유튜브의 영상을 트위터나 페이스북으로 퍼가기 하면 타임라인에 영상을 바로 볼수 있도록 플레이가 열립니다.

그것이 바로 오픈 그래프(Open Graph) 프로토콜 입니다.

유튜브 영상 재생페이지의 소스 보기를 하면

<meta property="og:site_name" content="YouTube">

<meta property="og:url" content="http:/ x /watch?v=4I9BhkKBmSw">

<meta property="og:title" content="Lilly Wood &amp; Robin Schulz - Prayer in C (Acoustic Cover by Jona Selle)">

<meta property="og:image" content="http://i.ytimg.com/vi/4I9BhkKBmSw/maxresdefault.jpg">

 

<meta property="og:description" content="Lilly Wood &amp; The Prick - Prayer in C Robin Schulz bootleg remix Acoustic Cover by Jona Selle ►SUBSCRIBE:http://www.youtube.com/user/jonamusix Folgt mir: ►TWI...">

 

<meta property="og:type" content="video">

<meta property="og:video" content="http://www.youtube.com/v/4I9BhkKBmSw?version=3&amp;autohide=1">

<meta property="og:video:type" content="application/x-shockwave-flash">

<meta property="og:video:width" content="1280">

<meta property="og:video:height" content="720">

 

og:site_name, og:url, og:title, og:image, og:description, og:type 등 오픈 그래프 프로토콜 메타 태그가 보입니다.

Answer 2

만약, Open Graph Protocol 처리했는데, 페이스북(Facebook)에 잘 노출되는 확인하는 방법도 있습니다.

https://developers.facebook.com/tools/debug/

페이지에 접속해서 오픈 그래프 작업한 페이지 주소를 입력해보세요.