안녕하세요, TISTORY입니다.

검색 및 소셜 서비스에서 티스토리 글이 더 돋보이도록 추가 적용된 메타태그에 대해서 안내드립니다.


오픈 그래프

오픈 그래프는 페이스북, 카카오톡, 카카오 스토리 등에서 글이 공유될 때 표시되는 대표 문구와 이미지를 지정하기 위해서 사용됩니다. 티스토리에서는 그동안 포스트 퍼머링크에만 오픈 그래프를 적용했는데 최근 블로그 첫페이지에도 오픈 그래프를 확대했습니다.

여러분의 글과 블로그가 페이스북이나 카카오톡, 카카오스토리에서 공유될 때 좀 더 눈에 띄고 아름답게 보이길 기대합니다.


트위터 카드

트위터 카드는 오픈 그래프와 유사한 용도로 사용됩니다. 단, 트위터에서만 사용합니다. 

역시 여러분의 글과 블로그가 트위터에서 공유될 때 좀 더 눈에 띄고 아름답게 보이길 기대합니다.


구조화된 데이터

구조화된 데이터는 구글 검색에서 데이터를 좀 더 하이라이팅 하기 위한 마크업입니다. 

티스토리는 JSON-LD 포맷으로 이 데이터를 제공하며 각 포스트는 BlogPosting 타입으로 설정되었습니다.

현재 포스트마다 다음과 같은 추가적인 마크업이 제공됩니다. 구글 검색에서 좀 더 눈에 띄는 모습으로 여러분들의 글이 보였으면 좋겠습니다.


<script type="application/ld+json">
{
    "@context": "http://schema.org",
    "@type": "BlogPosting",
    "mainEntityOfPage": {
        "@id": "http://notice.tistory.com/2296"
    },
    "url": "http://notice.tistory.com/2296",
    "headline": "[루키인터뷰] ‘반쪽날개의 환상누각’의 반쪽날개님",
    "description": "안녕하세요, TISTORY입니다. 블로그어워드2015를 통해 처음으로 얼굴을 알린 숨겨진 보석같은 블로그들이 있었는데요. 더 많은 분들에게 소개하고자 일명 '루키인터뷰'를 준비하였습니다. 그 첫번째 주인공 '반쪽날개의 환상누각'의 집주인 반쪽날개님의 이야기를 지금 만나보세요! TISTORY 루키인터뷰, 첫번째 주인공 '반쪽날개의 환상누각'의 반쪽날개님 안녕하세요. '반쪽날개의 환상누각'의 집주인이자 양쪽 날개를 꿈꾸는..",
    "author": {
        "@type": "Person",
        "name": "TISTORY"
    },
    "image": {
        "@type": "ImageObject",
        "url": "http://cfile25.uf.tistory.com/image/267B754256C67A3A03B25D",
        "width": "800px",
        "height": "800px"
    },
    "datePublished": "20160219T11:03:58+09:00",
    "dateModified": "20160222T11:21:50+09:00",
    "publisher": {
        "@type": "Organization",
        "name": "TISTORY",
        "logo": {
            "@type": "ImageObject",
            "url": "http://m1.daumcdn.net/svc/image/U03/common_icon/557567EA016E200001",
            "width": "800px",
            "height": "800px"
        }
    }
}
</script>


기타 검색을 위한 메타태그

그동안 [##_page_title_##] 치환자는 포스트 퍼머링크가 아닌 경우 빈 문자로 치환이 되었습니다만, 이제 각 페이지에 맞는 문구가 표시됩니다. 중복 타이틀로 인한 검색 오류를 줄이는데 도움이 되길 기대하고 있습니다. 또한 첫페이지에서 [##_title_##]과 같은 문자로 치환되므로 페이지 타이틀을 다음과 같이 [##_page_title_##]만 사용해도 됩니다.

<title>[##_page_title_##]</title>

티스토리는 포스트의 퍼머링크가 여러형태로 존재합니다. 

숫자형(/1), 문자형(/entry/제목)이 있는데 이는 모바일스킨 사용과 독립도메인 사용으로 다음과 같이 최대 8개로 표현될 수 있습니다.

http://id.tistory.com/1
http://id.tistory.com/entry/제목
http://id.tistory.com/m/1
http://id.tistory.com/m/entry/제목
http://mydomain.com/1
http://mydomain.com/entry/제목
http://mydomain.com/m/1
http://mydomain.com/m/entry/제목

하나의 내용을 표시하는 url이 늘어나는 것은 검색 랭킹에 그리 좋지 못합니다. 

이를 위해서 티스토리는 표준 URL을 표시하고 있습니다. 각 페이지는 기본 URL을 다음과 같이 사용하여 검색엔진이 표준 URL만을 사용하도록 합니다.

<link rel="canonical" href="http://mydomain/entry/제목">

이상 몇가지 변경된 내용을 알려드렸습니다. 

티스토리는 여러분이 자유로운 생각이 더 아름답게 표현되길 원하고, 더 널리 공유되길 바랍니다. 여러분을 응원합니다. 

이와 관련된 아이디어나 문의가 있다면 언제든 고객센터를 통해 문의해주시기 바랍니다.

감사합니다.


저작자 표시 비영리 동일 조건 변경 허락
신고
Posted by 친절한. TISTORY

댓글을 달아 주세요

  1. 이전 댓글 더보기
  2. 고생하셨습니다.~

  3. 오픈그래프 기능 추가하려고 간보고 있었는데 이렇게 티스토리에서 직접해주시니 정말 좋습니다. ㅎㅎ

  4. 이렇게 운영진분들께서 티스토리 블로그 발전을 위해 노력해주시니 많은 블로거들이 티스토리를 이용하는거 같에요. 감사합니다!

  5. 개발자가 아닌, 검색해가며 스킨소스수정 겨우 따라하는 저같은 일반 블로거에겐 다소 어려운 얘기네요.
    결론적으로 어떤 방법을 해야 오픈그래프(?) 라는 효과와 검색노출이 잘된다는 말인가요?
    아니면 기능 업데이트를 해주셔서 저절로 공유기이미지와 검색노출에 도움이 되도록 바뀌었다는 내용인지...

  6. 비밀댓글입니다

  7. 저기, 포스팅할때 글자가 좀 길어지면 렉이 많아지는데 그거 어떻게 해결하나요?

  8. 안 그래도 동일 포스트 주소로 온갖 주소가 생기면서 크롤링 실패 메시지가 떠댔는데,
    빠른지 늦은지는 몰라도 개선되었다니 다행입니다. 앞으로도 계속 노력해주세요.

  9. 현재 페이지 타이틀과 타이틀을 함께 쓰고 있는데
    <title>[@@_page_title_##] :: [@@_title_##]</title>

    이걸
    <title>[@@_page_title_##]</title>
    이렇게 바꿔도 된단 말인가요?

  10. 확인했습니다~ 감사합니다!

  11. 좋은 꿀팁감사합니다:)

  12. 며칠전부터 방문자수가 10배정도 늘었는데 이것 때문일수도 있겠네요.기능 업데이트 감사합니다.

  13. 지속적인 개선 정말 감사합니다. 헌데 또하나 개선을 요청합니다.

    현재 다음 메인 중 라이프 카테고리에 제 글이 노출이 되고 있습니다.

    헌데 제 스킨은 반응형스킨인데, 티스토리에 있는 구형 모바일스킨으로 바뀌어서 노출이 되고 있습니다. 이로 인해서 애드센스의 클릭량은 유입량에 비해 너무나도 낮습니다....

    원래 있는 반응형 스킨 그대로라면 문제가 없었을텐데... 구형 모바일스킨으로 노출되고 있어 참 안타깝습니다.

    이에 대한 답변 혹은 개선이 필요하다고 생각합니다.

  14. 티스토리 운영자님 고생 많으십니다
    근데 한가지 여쭤보자면, 정작 다음검색에서 티스토리블로그들의 썸네일이 안나오거나 대표이미지 지정한게 아닌 엉뚱한게 나오는 경우가 많은데요.
    이부분도 수정을 해주실 수 있을까요?
    네이버블로그가 오히려 사진과함께 더 잘 보이고 티스토리블로그는 텍스트난 덜렁있는 아이러니한 상황입니다.

  15. 앞으로도 티스토리 화이팅 해주세요

  16. 검색엔진 최적화를 위한 메타대그 관련 글 올렸습니다 참고하세요 ^^

    http://hyozin.com/10

  17. 점점 더 발전하는 티스토리 감사합니다.
    더욱 애정을 갖고 블로그 라이프를 즐기도록 하겠습니다^^

  18. 이제 글마다 <meta name="description" content=""> 안넣어도 되겠군요. 좋다.

  19. 우와, 이런 업데이트 대 환영입니다. 정말 감사합니다.

    저 그런데, 혹시 하나만 더 부탁드려도 될까요?
    요즘 다음 모바일에 카테고리별로 몇몇 블로그 글들을 수집하여 모바일 메인에 띄워주시잖아요. 정말 좋은 방법이기는 한데, 클릭하면 글이 모바일 스킨으로 보입니다.
    요즘 상당수의 유저들이 반응형 스킨을 사용하고 있는데, 모바일 스킨 활성화 시켜 놓지 않은 사람들은 그냥 개인 스킨, 즉 반응형 스킨으로 보이게 해주시면 좋겠습니다.
    모바일 스킨은 개인적인 아이덴티티도 잘 드러나지 않을 뿐더러 에드센스로의 유입도 없습니다. 글은 모바일 메인에 종종 노출이 되는데, 에드센스는 예전만 못해요.

    이 부분 변경 부탁드리겠습니다.
    감사합니다.

    • 제가 열심히 테스트 해 봤는데 반응형 스킨이면 반응형으로 들어가집니다ㅠㅠ

      진짜 그런 현상이 발견 되면 캡쳐하셔서 발생하는 환경이나 방법을 고객센터로 넣어주세요

    • 저기 혹시 다음 메인에 모바일로 접속하셔서 라이프 섹션에
      '방방곡곡 국내여행' '해외여행 나가볼까'
      이런 채널에 들어가 보셨는지요.
      그렇게 카테고리로 묶어 요즘 티스토리, 브런치, 다음블로그 등의 해당하는 글들을 수집하여 보여주는데, 여기에 링크되면 티스토리 블로그들은 전부 모바일스킨으로 보여진답니다. 제가 지인들에게 열분정도 물어봤는데, 모두 모바일스킨으로 보인다고 해요. 혹시 무민님은 이 방법으로 링크 따라 들어갔을 때도 반응형으로 보이시는지 확인 부탁드려도 될까요? ^^

      방방곡곡국내여행 채널 링크입니다
      http://m.daum.net/channel/domestictrip?order=recent

    • 아!!! 다음탑....

    • 저는 잘 모르지만 왠지 티스토리는 다음같은 다음같지 않은 무언가가 있지 않을까요?

  20. 비밀댓글입니다



티스토리 툴바