‘id’ 입력란의 URL이 잘못되었습니다, 서치 콘솔 색인 오류 - 티스토리 최적화 필수

티스토리 최적화를 위해 노력 중인데 ‘id’ 입력란의 URL이 잘못되었습니다.(경로:'itemListElement.item') 구글 서치 콘솔 오류라는 메일을 받으면 정말 막막합니다.

티스토리 최적화를 위해 해결해야할 단계

---

사이트 이동 경로 (BreadcrumbList) 오류라는 말입니다.

두 말할 필요 없이 html 편집 열어서 Ctrl+F 눌러서 ‘id’ 입력란의 URL이 잘못되었습니다, 서치 콘솔 색인 오류 - 티스토리 최적화 필수을 찾습니다. 그 위에 아래 내용을 붙여 넣고 저장합니.

<nav role="navigation" aria-label="Breadcrumbs" class="bf-breadcrumb clearfix bc-top-style">
<div class="container bf-breadcrumb-container">
<ul class="bf-breadcrumb-items" itemscope="" itemtype="http://schema.org/BreadcrumbList"><meta name="numberOfItems" content="3"><meta name="itemListOrder" content="Ascending">
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem" class="bf-breadcrumb-item bf-breadcrumb-begin"><a itemprop="item" href="https://marketingplus.tistory.com" rel="home"><span itemprop="name">Home</span><meta itemprop="position" content="1"></a></li>
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem" class="bf-breadcrumb-item"><a itemprop="item" href="https://marketingplus.tistory.com
/category/%EB%B8%94%EB%A1%9C%EA%B7%B8%20Tips"><span itemprop="name">블로그 Tips</span><meta itemprop="position" content="2"></a></li>
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem" class="bf-breadcrumb-item bf-breadcrumb-end"><span itemprop="name">‘id’ 입력란의 URL이 잘못되었습니다, 서치 콘솔 색인 오류 - 티스토리 최적화 필수</span><meta itemprop="position" content="3"><meta itemprop="item" content="https://marketingplus.tistory.com
/81"></li></ul>
</div>
</nav>

<h1>‘id’ 입력란의 URL이 잘못되었습니다, 서치 콘솔 색인 오류 - 티스토리 최적화 필수</h1>

위에서 저의 도메인인 https://marketingplus.tistory.com 대신에 여러분의 도메인으로 변경하셔서 사용하시면 됩니다. 드래그해서 복사가 안 되는 관계로 첨부파일로 붙여드리겠습니다.

사이트 이동 경로 (BreadcrumbList).txt

0.00MB

---

그리고, css를 적용하실 분은 CSS 코드

.bf-breadcrumb.bc-top-style {
    margin: 0 0 14px 0;
}
.bf-breadcrumb .bf-breadcrumb-items {
    padding: 0;
    margin: 0;
    list-style: none;
}
.bf-breadcrumb .bf-breadcrumb-item:not(.bf-breadcrumb-end):after {
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\00BB';
    margin-left: 5px;
    margin-right: 5px;
    color: #FFFFFF;
    vertical-align: top;
}
.bf-breadcrumb .bf-breadcrumb-item a, .bf-breadcrumb .bf-breadcrumb-item span {
    color: #FFFFFF;
    display: inline-block;
}
li.bf-breadcrumb-item {
    display: inline-block;
}

위 내용을 CSS 편집에서 추가해 주시면 됩니다. 어디에 넣어야 할지 모르시면 저의 경우에는 /* 티스토리 북클럽 스킨 목차 - TOC */ 에 관련된 CSS가 끝나는 부분에 넣었는데, 중간에 꼬이지만 않으면 아무 곳이나 넣어도 상관없을 것 같습니다. 이것도 파일로 첨부해 드리겠습니다.

사이트 이동 경로 (BreadcrumbList)_CSS.txt

0.00MB

티스토리 공부 재미있네요. 저와 같은 초보에게 도움이 되면 좋겠습니다. 적용이 끝나셨으면 저장 후 유효성 검사를 재시작 할 수 있도록 구글 서치 콘솔에서 실행해주시면 됩니다.

---

구글 검색하니 이렇게 나오네요. 구글은 정말 친절하지만 제가 이해하고 해결하기에는 너무 어려운 설명입니다 ^^;; 탐색경로를 지정하려면 두 개 이상의 ListItems가 포함된 BreadcrumbList를 정의해야 합니다. 탐색경로로 콘텐츠를 표시하려면 필수 속성이 있어야 합니다.

BreadcrumbList

BreadcrumbList는 목록의 모든 요소를 포함하는 컨테이너 항목입니다. BreadcrumbList의 전체 정의는 schema.org/BreadcrumbList에서 확인할 수 있습니다.

---