본문으로 바로가기

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

 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="[##_page_title_##]">
<meta property="og:description" content="[##_article_rep_summary_##]">

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


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

[##_article_rep_summary_##]

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


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

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

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


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



오모나 세상에...

이게 머람.



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

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


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


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

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


최종 결론

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


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

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


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

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


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

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


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



< 2016. 2. 22일 추가>


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



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

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



그래서 뭐지?!! 하고


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


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


티스토리 짱짱!! +_+

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

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

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


<내용 추가>


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

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


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

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

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

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

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

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

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

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

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


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

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

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


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



신고

댓글을 달아 주세요

  1. BlogIcon 프루신월 2016.02.20 21:55 신고

    안그래도 open graph 메타 태그 때문에 고민하고 있었는데 감사드립니다.

    • BlogIcon COCOSOFT COCO Media 2016.02.21 21:04 신고

      넵 ㅠ_ㅠ 개인이 입력하는 방법도 있겠지만 지원하지 않는 스킨 치환자도 있어서 일일히 넣기는 힘들더구요. 자체적으로 지원해주니깐! 굳이 넣지 않아도 될것같아요. 홈화면에 오픈그래프 정보 제공에 대해서는 다음에 문의를 해놓았으니 기달려봐야겠습니다.

  2. BlogIcon 세모뷰 2016.02.22 12:54 신고

    새벽 4시에 포스팅을....덜덜덜덜

  3. BlogIcon ½ 2016.02.23 00:22 신고

    꿀팁이군요..추천! 아 그러면 오픈그래프 정보는 article만 입력해놓고 나머지는 지우면 되는건가요?

    • BlogIcon COCOSOFT COCO Media 2016.02.23 10:50 신고

      아니요!! 이제는 홈화면에서도 오픈그래프를 자체적으로 제공하기때문에!! 작성하실필요가 없습니다!! 작성안하시면 됩니다 ㅎㅎ^^ 홈이랑 기사랑 타입이 다르기때문에 티스토리에서 제공하는 그대로 나두시면 되세요 ㅎㅎ

    • BlogIcon ½ 2016.02.23 13:42 신고

      감사합니다. :)

  4. BlogIcon 운도도씨 2016.04.24 13:30 신고

    좋은 정보 잘보고갑니다. 제 티스토리 블로그가 og 태그를 써놓은바람에 사단이 난 것 같아요. 네이버에서 검색하면 모든 글들이 제 블로그명으로 나오더군요. 이거참 난감한 상황입니다. og 태그를 전부 삭제해도 변하질않네요. 네이버에서 운도도씨 라고 검색하면 정말 암울합니다.

    • BlogIcon COCOSOFT COCO Media 2016.04.25 20:26 신고

      네이버 웹마스터 도구에서 갱신을 webmastertool.naver.com 을 해주시구요! 짧게는 2~3일에서 일주일 뒤면 전부 갱신이 완료 될거에요^^

      그리고 꼭 발행글은 부분공개가 아닌 전체공개로 설정을 해야지 네이버 검색에서 다 갖고갑니다!!

    • BlogIcon 운도도씨 2016.04.26 00:20 신고

      감사합니다., 한가지 더 여쭤볼게요. 너무넘 궁금한 부분입니다.
      지금 티스토리 블로그가 2차 주소로 되어 있거든요. 그런데 1차 주소들도 전부 노출이 되고 있어요. 2차주소 글, 1차 주소글, 이렇게 하나의 포스트가 두곳으로 중복 노출되고 있는거죠. 1차주소는 노축안되게 할 수 있을까요??

    • BlogIcon COCOSOFT COCO Media 2016.04.26 10:26 신고

      초기에 그런증상이 나타났는데 그땐 네이버가 고객센터를 운영하고 있어서 문의해서 처리했던 것으로 기억합니다. ㅠ

      기존 나타난 글들은 아마 원본반영요청 금지를 해보시면 될 것 같고.
      조금 지나면 검색봇이 티스토리 2차주소 설정을 읽어서 2차주소발행글만 나타나게 될 것 같습니다! 따로 설정을 하지 않아도요 ㅠ

      기존 나타난 티스토리 1차주소의 글들만 나타나지 않게 신청을 하면 좋을 것 같네요.

    • BlogIcon 운도도씨 2016.04.26 11:05 신고

      친절한 설명 넘넘 감사드립니다 많은 도움이 되었어요 ^^

  5. 2016.05.31 09:24

    비밀댓글입니다

  6. BlogIcon 청춘일기 2016.06.21 04:13 신고

    네이버 웹마스터 보고 저도 오픈그래프 메타태그 추가 했다가 이글 보고 지웠네요
    좋은 정보 감사합니다!

    • BlogIcon COCOSOFT COCO Media 2016.06.22 10:23 신고

      네네 지우는게 맞습니다!! ㅠ 간혹 일부 블로그에서 필수로 등록해야한다고 설명하는 곳이 있는데 절대로 등록해서는 안되고

      수정할 내용이 있다면 기본정보에서 바로 수정하면 됩니다. html 건들지말구요 ㅎㅎ

  7. BlogIcon 케어스 2016.07.29 20:10 신고

    아 블로그 날릴뻔했는데 구해주셔서 대단히 감사합니다.

  8. 2016.10.14 21:15

    비밀댓글입니다

  9. s 2016.10.14 21:16 신고

    글보다 궁금한게 있습니다 ㅜㅜ 그럼 아무것도 안하고 놔두면 되는건가요? 아님 수정을 해야하나요 ㅠㅠ제가 이해를
    잘못하겠네요 ㅠㅠ

  10. BlogIcon 보수주의자 2016.12.05 23:11 신고

    description 이것도 안건들어야되나요??

  11. BlogIcon 이민철 2017.01.23 08:42 신고

    이것 때문에 한참 고민하고 있었는데.. 정말 감사합니다~

티스토리 툴바