에러
티스토리 블로그 이용자에게 서치콘솔이 다음과 같은 경고 문구를 노출하는 문제.
‘query-input’ 입력란이 누락되었습니다.(경로: 'potentialAction')
해결방법 1
티스토리에 문의하고 티스토리에서 조치해주길 기다린다.
티스토리 블로그 html에 게시되는 schema는 티스토리에서 관리하기때문에 티스토리에서 이를 변경해주면 이용자가 따로 조치를 취할 필요가 없다.
해결방법 2
스크립트를 통해 스키마 태그를 수정한다.
해결방법2 적용 후 조치사항 반영까지 2일 정도 소요되었다.
설명
해결 방법 자체는 간단하다. 서치콘솔에서 무엇이 문제이고, 어떻게 해결해야하는지까지 모두 알려주고 있기 때문이다.
그럼에도 불구하고 문제 해결이 불가능한데, 그 이유는 티스토리 이용자는 티스토리 블로그에 게시되는 구조화된 데이터 태그를 직접 수정할 수 없기 때문이다.
결국엔 티스토리에 문의해서 구조화된 데이터 태그를 수정해주길 기다려야 한다.
왜 티스토리가 해결해줘야 하나요?
앞서 이야기했듯이 티스토리 블로그 html에 게시되는 schema는 티스토리에서 관리한다.
티스토리에서 잘못된 script 태그를 삽입해놓았끼 때문에 발생한 에러이고, 티스토리때문에 경고 문구를 보게 되는 것이다.
티스토리에서 이 문제를 인지하고 적용된 태그를 변경해주면 이용자가 따로 조치를 취할 필요가 없다.
임시방편
다음과 같이 script 태그를 body 태그 안에 삽입한다.
// 해결방법 2
<body>
...
<script> var white_seolpyo_com = document.querySelector('script[type*=application][type*=json]'); /* https://white.seolpyo.com/ */ white_seolpyo_com.innerHTML = white_seolpyo_com.innerHTML.replace('"query"', '"query-input"'); </script>
...
</body>
구글 크롤러가 자바스크립트 작동을 허용하는 것을 활용한 해결방법이다.
위 코드를 적용한 다음 서치콘솔에서 유효성 검사를 진행하니 앞서 확인한 이미지와 같이 문제가 해결되는 것을 확인했다.
태그가 제대로 적용되었는지 직접 확인하고 싶다면 위 태그를 삽입한 다음, 구글에서 제공하는 "리치 검색결과 테스트"를 이용해보자.
티스토리 블로그가 아닌 경우
티스토리 블로그가 아닌데 이런 문제가 발생하고 있다면 아래 링크한 "사이트링크 검색창( WebSite) 구조화된 데이터" 페이지를 참고하여 html을 수정하자.