티스토리 'itemListElement' 입력란이 누락되었습니다 오류

2020. 6. 23. 22:47 | 댓글 19

티스토리에서 ‘itemListElement’ 입력란이 누락되었습니다 오류가 발생하는 경우가 있습니다. 이 문제는 카테고리에 글이 없을 때 발생한다고 알려져 있습니다. 저는 테스트용 티스토리 블로그에서 빈 카테고리가 없어도 이 문제가 발생했지만 브레드크럼을 추가해주니 문제가 해결되었습니다.

티스토리 ‘itemListElement’ 입력란이 누락되었습니다 오류

구글 서치 콘솔에서 사이트에서 '새로운 탐색경로 문제가 발견됨'이라는 경고 메시지가 표시되었습니다.

탐색경로 문제 해결하기를 클릭하여 문제에 대한 자세한 정보를 볼 수 있습니다. 저는 티스토리 블로그에 브레드크럼(이동경로)을 추가해주니 이 문제가 해결된 것으로 표시되었습니다.

브레드크럼을 표시하는 티스토리 스킨이 있다고 들은 것 같습니다. 저는 몇 년 전에 워드프레스의 한 테마에서 사용되었던 브레드크럼을 흉내 내어 티스토리 스킨에 적용하여 사용하고 있습니다. 다음 글에서 매거진 스킨에 브레드크럼을 추가하는 방법이 설명되어 있습니다. 다른 티스토리 스킨에도 비슷한 방법으로 적용이 가능합니다.

 

티스토리 Magazine 스킨에 브레드크럼을 추가하는 방법

브레드크럼(Breadcrubmb; 이동 경로)을 추가하면 SEO(검색엔진 최적화)에 도움이 될 수 있습니다. 지난 달에 이 티스토리 블로그의 스킨을 Magazine으로 변경했습니다. 티스토리의 신규 스킨 Magazine으로

avada.tistory.com

브레드크럼을 표시하면 SEO에 도움이 된다고 합니다. 

이 블로그의 글 제목 바로 위에 브레드크럼(이동경로)이 표시됩니다.

그리고 구글 검색엔진에 글이 노출될 때 다음 그림과 같이 카테고리 이름이 표시됩니다. 하지만 네이버에서는 이동경로가 검색 결과에 표시되지 않습니다.

마치며

구글 서치 콘솔에서 'itemListElement' 입력란이 누락되었습니다 오류가 발생하는 경우 글이 없는 카테고리가 있다면 삭제해보시고, 그래도 문제가 해결되지 않으면 브레드크럼 관련 코드를 스킨 파일에 추가하여 문제가 해결되는지 체크해보시기 바랍니다.

 

브레드크럼은 그 자체로 SEO(검색엔진최적화)에 도움이 되므로 브레드크럼을 표시하는 것도 괜찮을 것 같습니다.

자동으로 모든 글에 자동으로 브레드크럼을 추가하는 방법은 다음 글을 참고해보세요.

2020/05/14 - [IT & 기타/티스토리] - 티스토리 블로그의 모든 글에 자동으로 목차 표시하는 방법

참고

 

블로그 방문자 수를 늘리는 방법: SEO에 적합한 글 작성하기

돈 버는 기술이나 돈 버는 방법을 다루는 블로거나 유튜버들 중 일부는 블로그는 돈 들이지 않고 시작할 수 있는 방법으로 소개하고 있습니다. 하지만 이런 말에 혹하여 블로그를 시작해도 방문

avada.tistory.com

 

  • 네이버 블러그 공유하기
  • 네이버 밴드에 공유하기
  • 페이스북 공유하기
  • 트위터 공유하기
  • 카카오스토리 공유하기

댓글을 달아 주세요

">
  1. thumbnail
    Chron

    안녕하세요. 구글서치콘솔에서 itemListElement 입력란에 오류가 떠서 해결방안을 찾던도중 여기로 오게되었습니다. 자꾸 존재하지도 않는 페이지를 구글봇이 크롤링하는데요;; 사이트맵, rss 삭제하고 재등록 시켜도 해결되지 않습니다. 오류 타입이 브레드크럼이라고 뜨는데요 현재 작성하신 글을보니 제가쓰고있는 스킨은 없어서 글을 작성합니다. portfolio 스킨에 적용할 수 있는 브레드크럼에 대하여 알려주실수 없을까요? 오류가 계속 해결되지않아 심적으로 괴롭습니다 ㅜㅜ

  2. thumbnail
    Chron

    배치 위치를 알려주셔서 감사합니다. 덕분에 브레드크럼을 적용시켰습니다. 하지만 구글서치콘솔에서 아직도 오류가 있다고 나오네요 ㅜㅜ 아무튼 감사합니다.

  3. thumbnail
    thegrace

    다른 페이지에 댓글을 남겼는데, 여기에도 질문을 드리겠습니다. 저도 똑같은 오류가 있다고 메시지를 받았거든요.

    북클럽 스킨을 사용하는데요, 처음에 워드 프레스님의 블로그에서 보고 따라하다가, 북클럽에서는 어디에 적용을 해야하는지를 몰라서, 다른 분(찰리)의 블로그에서 따라했는데, 검색을 해보니 적용이 안되네요. 코드는 여러번 확인했는데 틀린 곳은 없고, 제 주소를 정확히 기입을 했고, 넣어라는 곳에 적용을 시켰는데, 구글에서 확인을 해 보니 전혀 변화가 없어요. ㅠㅠ 혹시 북클럽 스킨에 적용하는 방식이나 코드가 다른게 있을 까요?

    HTML하고 CSS 각각 적용하는 위치를 알려 주실 수 있을까요?

    (찰리님은 바로 적용이 되었다는데, 그래도 적용한 후에 일주일정도 기다려야 할까요?)

    • thumbnail
      홈페이지 제작, 워드프레스, 웹호스팅 정보를 제공하는 블로그 Avada
      2020.07.22 19:30 신고

      북클럽 스킨의 경우

      <span class="category"></span>
      <h1></h1>

      위의 라인 바로 아래에 추가하면 됩니다.

      그림을 참고해세요. 위의 비슷한 라인이 몇 군데 있을 것입니다.

      아무런 코드를 추가하지 않았을 때 409라인 정도에 추가하시면 됩니다.

      https://www.screencast.com/t/FKMvXyqQzpkE


      그리고 CSS는 동일합니다. 추가로 다음과 같은 CSS를 추가해도 됩니다.



      nav.bf-breadcrumb {
      text-align: center;
      margin-top: 5px !important;
      }

      그러면 다음 그림과 비슷하게 표시됩니다.

      https://www.screencast.com/t/9fY8QqoYD4C

      CSS는 원하는 대로 수정하세요.

    • thumbnail
      thegrace
      2020.07.22 19:48 신고

      HTML은 자리를 옮겼고, css에서 추가 하라는거는 윗부분에 붙이는 건가요? 그리고 북클럽 스킨 css의 젤 밑에 넣으면 되는 건가요? (죄송합니다.) 아직 반응이 없네요.
      -------------------

      워드 프레스님이, (북클럽 스킨의 경우
      <span class="category"></span>
      <h1></h1>
      바로 아래에 삽입) 이라고 하셨지만, 그렇게 하니 광고가 위로 뜨고 글이 없어지고...ㅠㅠ

      그래서 다시 찰리님의 위치대로 원상복귀 시켰어요.


      아무튼 도와주셔서 감사드립니다. 계속 시도해 보느라 감사하다는 말씀을 못드렸네요. 혹시 며칠후에라도 변화가 보이면 다시 올게요. 지금까지는 아무 반응이 없지만 성공했으면 좋겠어요. ^^


    • thumbnail
      홈페이지 제작, 워드프레스, 웹호스팅 정보를 제공하는 블로그 Avada
      2020.07.22 21:27 신고

      북클럽에 브레드크럼을 추가하는 방법을 추가했습니다. 참고해보세요:

      https://avada.tistory.com/1301

    • thumbnail
      2020.07.25 18:46

      비밀댓글입니다

    • thumbnail
      홈페이지 제작, 워드프레스, 웹호스팅 정보를 제공하는 블로그 Avada
      2020.07.25 21:16 신고

      브레드크럼 문제가 해결되어 다행이네요.

      출처를 밝히고 이 블로그의 글을 자유롭게 공유하거나 참고하여 글을 작성하셔도 됩니다.ㅎ

      즐거운 주말과 휴일 보내세요.

    • thumbnail
      thegrace
      2020.07.25 21:30 신고

      감사합니다.:)

  4. thumbnail
    깡Marketer

    안녕하세요.
    글보며 따라했는데요..
    북클럽 스킨이고요. 똑같이 따라해서 실행은 되는데 전체화면으로 보면 페이지 맨 왼쪽에 글이 써지네요ㅠㅠ 가운데 정렬하는 건 알려주셨더라고요.. 근데 가운데 정렬 안하고 싶어서...

    위 제목과 맞게 왼쪽 정렬하는 법 알려주실 수 있으신가요?

    • thumbnail
      홈페이지 제작, 워드프레스, 웹호스팅 정보를 제공하는 블로그 Avada
      2020.07.25 11:11 신고

      안녕하세요?

      CSS를 조금 알면 쉽게 응용이 가능합니다.

      nav.bf-breadcrumb {
      text-align: center;
      margin-top: 5px !important;
      }

      위의 코드에서 text-align: center; 라인을 삭제해주세요.

      그리고 다음 코드를 추가해보시기 바랍니다.

      .container.bf-breadcrumb-container {
      display: block;
      max-width: 1080px;
      margin: 0 auto 13px;
      }

      원하는 대로 작동하는제 체크해보시겠어요?

  5. thumbnail
    컬쳐스무디

    안녕하세요! 보신 포스팅보고 적용은 잘 했는데 문제는 각 콘텐츠에 뜨는 브레드크럼에서 카테고리 영역을 누르면 ‘사이트를 찾을 수 없음’으로 뜨더라구요 ㅠㅠ 반면 home을 누르면 홈으로 잘 가집니다.. 뭐가 문제인지 알 수 있을까요?