본문으로 바로가기

몇일전 네이버 웹마스터도구에 사이트 노출 부분에

 Open Graph 메타태그를 입력했다가...


모든 썸네일과 정보 등이..고정되어버려서 오픈그래프 정보를 삭제한 적이 있었는데...


오늘 사이트맵 등록을 하면서 검색을하면서 더 알아보니.. -ㅠ-

내가 태그를 잘못입력을 한 것 이였습니다ㅠ_ㅠ.


구글링을 해봐도 티스토리 블로그의 OG 정보 입력을 제대로 알려준 곳이 없었기에.. 

아래처럼 입력하면 절대 안됩니다.


이딴식으로 입력하니깐.. -ㅠ-

모든 게시글이 적힌 주소로 고정이 되어버리지...

아래와 같이 모든 블로그 포스트의 정보가 고정이 되어버립니다..

이게 뭐가 문제냐면 모든 글보내기 카카오스토리 공유하기 페이스북 공유하기 구글플러스 등등

모든 포스팅 공유 내용이 해당값을 가지게 되어버리게 됩니다.


그렇기 때문에 Open Graph태그를 페이지 마다 각각 입력해줘야하는데

사실상 그것은 불가능한 것 처럼 보이지만!!!!!


티스토리는 스킨치환자느님이 있기 때문에 이것으로 Open Graph 태그를 작성하면 됩니다.

그럼 각 포스팅 페이지마다 각각의 정보들이 입력이 되게 됩니다!!!!

(티스토리스킨치환자에관해서)


내가 왜 이제야 이걸 알았지? ㅠ_ㅠ


웹표준에 맞춘 건강한 웹페이지를 유지하기 위해서!! 네이버가 웹마스터도구도 개편하고

Live검색 좋은 검색을 지향하기 때문에 최대한 네이버가 권장하는 방법은 따라가야겠죠?


꼭 해당포스트를 꼼꼼히 확인하고!! 작성하길 바랍니다.


본격적으로 적는 방법에 대해서 알아보자


오픈 그래프 메타 태그의 작성법입니다.


네이버 사이트 노출은 Open Graph 제목과 설명의 제출 유무만 표시하고 있지만

전부다 작성 해주는 것이 좋겠죠? 


첫번째! og:type 에 대해서


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

가장 이게 뭔지가 궁금하고 헷갈리기도 했다 기본 값은 website입니다.

어떤곳은 blog로 적은 곳도 있고 website로 적은 곳도 있는데


페이스북 디벨로퍼에 들어가보니깐

블로그 포스트나 뉴스 기사는 article로 적으라고 합니다.


이게 blog나 website로 적으면 기사로 인식안하고 말그대로 사이트로

인식이 되어버려서 공유 했을때 공유카드 모양이 달라 지게 됩니다.

https://developers.facebook.com/docs/reference/opengraph#object-type

더 자세한 정보는 위에 있습니다.


구글링을 통해서 더자세한 정보를 확인해보니.

일본웹사이트에서 정확한 주의점이 설명되어있습니다.


그러니 루트페이지를 제외하고는 article로 적어야 합니다.

그래서 위에 처럼 적으면 된다. 이부분은 자동으로 구분해주는 치환자가 없으므로 article적고 넘어 갑시다.

두번째! og:title 및 description 에 대해서


<meta property="og:title" content="티스토리 Open Graph 메타태그 입력 방법(네이버 웹마스터도구)">
<meta property="og:description" content="몇일전 네이버 웹마스터도구에 사이트 노출 부분에 Open Graph 메타태그를 입력했다가... 모든 썸네일과 정보 등이..고정되어버려서 오픈그래프 정보를 삭제한 적이 있었는데... 오늘 사이트맵 등록을 하면서 검색을하면서 더 알아보니.. -ㅠ-내가 태그를 잘못입력을 한 것 이였습니다ㅠ_ㅠ. 구글링을 해봐도 티스토리 블로그의 OG 정보 입력을 제대로 알려준 곳이 없었기에.. 아래처럼 입력하면 절대 안됩니다. 이딴식으로 입력하니깐.. -ㅠ-모든 게시글이 적힌 주소로 고정이 되어버리지...아래와 같이 모든 블로그 포스트의 정보가 고정이 되어버립니다..이게 뭐가 문제냐면 모든 글보내기 카카오스토리 공유하기 페이스북 공유하기 구글플러스 등등 모든 포스팅 공유 내용이 해당값을 가지게 되어버리게 됩니다. 그렇기 때문..">

이부분은 다행히 치환자가 존재합니다.


그런데 .. 제대로 값이 나오는지 보기 위해서 페이지 소스 보기를 했는데..

몇일전 네이버 웹마스터도구에 사이트 노출 부분에 Open Graph 메타태그를 입력했다가... 모든 썸네일과 정보 등이..고정되어버려서 오픈그래프 정보를 삭제한 적이 있었는데... 오늘 사이트맵 등록을 하면서 검색을하면서 더 알아보니.. -ㅠ-내가 태그를 잘못입력을 한 것 이였습니다ㅠ_ㅠ. 구글링을 해봐도 티스토리 블로그의 OG 정보 입력을 제대로 알려준 곳이 없었기에.. 아래처럼 입력하면 절대 안됩니다. 이딴식으로 입력하니깐.. -ㅠ-모든 게시글이 적힌 주소로 고정이 되어버리지...아래와 같이 모든 블로그 포스트의 정보가 고정이 되어버립니다..이게 뭐가 문제냐면 모든 글보내기 카카오스토리 공유하기 페이스북 공유하기 구글플러스 등등 모든 포스팅 공유 내용이 해당값을 가지게 되어버리게 됩니다. 그렇기 때문..

본문 내용 축약 치환자가 정상적인 값이 안 나옵니다...멘붕..


확인해보니 해당 치환자는 인덱스치환자...이기때문에 안나옴..



왜 안나올까.. 이문제 때문에 한참을 구글링을 하고

치환자를 계속 집어넣어보고 치환자없이

페이지 본문 기사 블로그 기사 본문의 축약 내용을 뽑아낼 수 있는 방법을 알아보다가


혹시나 페이지 소스를 쭉 살펴봤는데..



오모나 세상에...

이게 머람.



자체적으로 티스토리님께서 오픈그래프 정보를 페이지마다

제공하고 있었다... ㅡ_ㅡ


내가 왜 페이지소스보기를 안했지? ㅠ


맨날 요소검사만 하다보니깐... 페이지 소스 보기를 몰랐고..

이렇게 자체적으로 티스토리에서 오픈그래프 정보를 제공한다는 것을 확실히 알게 되었습니다.


최종 결론

티스토리 자체에서 Open Graph 메타 태그를 제공하기 때문에


티스토리 블로그를 사용하시는 분들은 네이버 웹마스터 도구에서

제출이 되지 않았다고 떠도! 오픈 그래프 메타 태그를 입력을 하지 않아도 됩니다.


블로그 메인화면에서는 오픈그래프 메타 정보를 제공하지 않기 때문에 네이버웹마스터 도구에서

표시가 되지 않지만. 각각의 블로그 포스트 마다 오픈그래프 정보를 제공합니다.


괜히 저거 잘못 입력했다가.. 정보 전달이 제대로 되지 않을 수 있기 때문에

작성을 따로 하지 않으셔도 됩니다.


ㅠ_ㅠ밤새 검색한다고 힘들었는데 그래도 해결을 한 것 같아 다행입니다.



< 2016. 2. 22일 추가>


홈화면에서는 오픈그래프 메타 정보가 전송되지 않아서 웹마스터 도구에 제출이 되지 않았다고 뜨는점을 문의했습니다!!



그런데 문의 하자마자;; 바로 그다음날!!

웹마스터 도구를 들어가보니 제출이 완료되었다고 뜨네요!!



그래서 뭐지?!! 하고


홈화면에 가서 페이지 소스 보기를 해보니!!


이제 홈화면에서도 오픈그래프 정보를 제공합니다!!


티스토리 짱짱!! +_+

티스토리 블로그를 사용중이신 분들은

오픈그래프 메타 태그를 신경 쓰지 않으셔도됩니다!!

티스토리에서 이제 자체적으로 제공하기 때문에 편리하게 블로그 환경을 유지할 수 있습니다!!


<내용 추가>


일부 블로그와 네이버 구글 검색 결과에서

OG 메타 정보를 입력해야한다고 나와있는데 절대로 입력을 금지합니다.


현재로는 오픈그래프가 네이버나 구글 검색결과에는 영향을 미치지 않는다고 보는데 

검색엔진의 로직에 따라서 메타태그정보를 갖고가는 경우도 있습니다.

네이버의 경우는 현재 로직이 바껴서 RSS 피드 전체를 갖고가기때문에 메타 태그와는 관계가 없구요.

구글의 경우는 초스피드 검색을 지향하기 때문에 메타태그만 활용해서 검색표현을 나타내게 됩니다.

다른 검색엔진들은 어떤지 잘모르겠구요. 위 두개도 추정하는것이지요.

최대한 검색봇에서 포스팅글의 메타태그의 충돌이 없이 긁어 갈 수 있도록 위해서! 작성을 금한다는 것이에요 

이미 제공하는것과 다른정보의 op태그를 두번 쏴버리는것은 웹페이지 웹표준에도 맞지않게 되어버려서요

중복해서 메타 태그를 여러번 넣으면 고의적 스팸성으로 분석할 수있다는 의견도 있습니다

검색봇만이 알수있겠지만 최대한 친환경적으로 맞춰주는 것이지요.


요약하자면 현재 구글이나 네이버 검색결과에서 오픈그래프메타는 영향을 안주지만

중복해서 쏴버리기때문에 SEO검색최적화를 위해서

티스토리블로그 개인이 OG정보를 작성하는것은 권장하지 않습니다.


더자세한 정보는 http://ogp.me/ 에서 알 수 있습니다.