행가_네이버 웹마스터도구 Open Graph (오픈그래프) 메타태그

2016. 3. 24. 10:57행가_웹디&웹프

네이버 웹마스터도구중 Open Graph (오픈그래프)에 대해 알고자합니다.


사이트주소를 복사해서 게시판등에 붙여넣기 하면,


아래와 같이 Open Graph 정보를 활용하여 나타내기도 합니다.




그럼, Open Graph가 뭘까요?


Open Graph(이하 OG)는 


웹페이지의 제목, 내용, 대표이미지를 만든 사람이 직접지정하게 하여,


우리 사이트 정보가 잘 보일 수 있도록 돕는 약속입니다.



<head> </head> 소스사이에 아래의 메타소스를 입력하면 됩니다.



<head>

<meta property="og:title" content="우림복지재단"><meta property="og:type" content="website">

<meta property="og:description" content="홈페이지를 설명내용을 적으면 됩니다.">

<meta property="og:image" content="홈페이지를 대표하는 로고같은 이미지 경로를 입력합니다.">

<meta property="og:url" content="홈페이지 주소를 입력하면 됩니다.">

</head>




<웹마스터도구 등록전>



<웹마스터도구 등록중...반영되면 이어서 쓰겠습니다..^^>









반응형