‘query-input’ 입력란이 누락되었습니다.(경로: ‘potentialAction’) 오류가 발생하셨나요? 구글 태그 매니저에서 계정 생성과 태그 추가로 이 오류를 해결할 수 있습니다. 천천히 설명해 드릴 테니 따라 해 보시기를 바랍니다.
‘query-input’ 입력란이 누락되었습니다.(경로: ‘potentialAction’) 해결 방법
며칠 전에 구글 서치 콘솔에서 ‘query-input’ 입력란이 누락되었습니다.(경로: ‘potentialAction’) 제목으로 메일이 왔습니다. 그냥 두면 해결될거라 생각했는데 이어서 색인 등록 오류가 발생했습니다. 해결해야 하는 문제였던 거죠.
순서대로 따라오시면 해결할 수 있습니다.
1. ‘query-input’ 입력란이 누락되었습니다. 해결을 위한 구글 태그 매니저 계정 만들기
먼저 구글 태그 매니저 계정을 만드는데 구글 서치 콘솔 계정 아래 여러 개의 티스토리 블로그를 설정하고 사용한다면 계정은 한 개를 만드시면 됩니다.
1.1 구글 태그 매니저에 접속하면 오른쪽에 계정 만들기 버튼이 있습니다.
1.2. ‘새 계정 추가’ 화면에서 계정 설정정보를 등록하고 컨테이너 설정의 타겟 플랫폼을 ‘웹’을 선택합니다.
1.3. ‘만들기’ 버튼을 클릭하면 ‘Google 태그 관리자’ 설치하기 화면이 나옵니다.
- 첫번째 코드를 복사하여 티스토리 html 편집화면에서 <head> 태그 아래에 붙여넣기 합니다.
- 두번째 코드도 복사하여 티스토리 html 편집화면에서 <body> 태그 아래에 붙여넣기 합니다.
- 완료하였으면 ‘확인’ 버튼 클릭합니다.
티스토리 블로그가 여러 개라면 위 작업을 블로그별로 해 주셔야 합니다. 서치 콘솔 등록한 구글 계정이 동일하다면 태그 매니저 계정은 하나를 만들고 태그를 추가하는 방식입니다.
2. 태그 만들기
태그는 블로그 개수만큼 만듭니다. 블로그마다 주소가 다르기 때문에 각 주소별로 태그를 만들어야 합니다.
2.1 계정의 컨테이너를 클릭하면 ‘새 태그’를 만들 수 있는 화면이 나옵니다.
2.2 ‘새 태그’를 클릭합니다.
2.3 태그 구성 화면 오른쪽 상단에 연필 모양을 클릭하고 나오는 화면에서 아래쪽 맞춤 설정의 ‘맞춤 HTML’을 클릭합니다.
2.4 나오는 화면에 아래 코드를 복사해서 붙여넣기하고 볼드체 글씨부분을 수정합니다.
<html>
<head>
<title>The title of the page 자신의 사이트 이름을 넣으세요</title>
<script type=”application/ld+json”>
{
“@context”: “https://schema.org“,
“@type”: “WebSite”,
“url”: “https://자신의 사이트 링크주소/”,
“potentialAction”: {
“@type”: “SearchAction”,
“target”: {
“@type”: “EntryPoint”,
“urlTemplate”: “https://query.자신의 사이트 링크주소/search?q={search_term_string}”
},
“query-input”: “required name=search_term_string”
}
}
</script>
</head>
<body>
</body>
</html>
2.5 우측 상단의 저장 버튼을 클릭하시고 ‘트리거 추가’ 선택합니다.
2.6 트리거 선택에서 ‘All Pages’를 선택합니다.
2.7 우측 상단 저장 버튼을 클릭합니다.
2.8 태그 이름을 지정하고 저장합니다.
3. 태그 게시하기
3.1 화면 아래쪽에 태그가 추가된 것을 볼 수 있습니다.
3.2 화면 우측상단의 ‘제출’을 클릭합니다.
3.3 버전 이름을 입력하고 우측상단의 게시를 클릭합니다.
3.4 완료되었습니다.
이제 구글 서치 콘솔에 가셔서 유효성 검사를 해보시면 문제가 해결된 것을 확인할 수 있습니다. 태그 매니저 설정이 적용되는데 10분 정도 소요됩니다.
이상으로 ‘query-input’ 입력란이 누락되었습니다.(경로: ‘potentialAction’) 해결 방법에 대하여 살펴봤습니다.
[ 함께 보면 좋은 글 ]
Security check! 워드프레스 오류 에러 원인과 해결방법은?