구글 서치콘솔 클릭할 수 있는 요소가 서로 너무 가까움 문제 해결법

구글 서치콘솔 클릭할 수 있는 요소가 서로 너무 가까움 문제 해결법 어떻게 되는지 알아보겠습니다.

 

 

▶ 해당 문제는 왜 발생하나요?

말 그대로 클릭이 가능한 콘텐츠가 너무 붙어있어 발생합니다.

▶ 해당 문제를 어떻게 해결하나요?

콘텐츠를 서로 떨어뜨려놓아야 합니다.

 

 

이 작업은 해결방법이 약간씩 다를 수 있으므로 참고용으로만 봐주시면 되겠습니다.

구글 서치콘솔 클릭할 수 있는 요소가 서로 너무 가까움 문제 해결법

블로그를 운영하는 사람들은 언제나 저품질의 위험에 직면해 있으며 실제 저품질이 되었다고 하는 주변인의 케이스를 비교적 쉽게 볼 수 있습니다. 블로그 특성상 다수가 네이버/다음/구글 3가지 포털 사이트의 검색결과에 따라 방문객수가 달라지기 때문입니다.

그러다보니 포털사이트에서 하지 말아야 하는 행위를 하게 되면 수시로 저품질이 되기도 하며 하지 말아야 하는 행위를 한적이 없음에도 불구하고 원인을 모르는 저품질에 걸리는 경우도 간혹 있습니다. 그렇기 때문에 티스토리를 운영하는 사람들 가운데는 블로그를 한개만 운영하는 사람은 없습니다. 저 역시 한개 이상의 블로그를 운영하고 있는데 어느날 갑자기 특정 블로그에 해당 글의 주제와 같은 메세지가 날아온게 아니겠습니까?

 

 

- '클릭할 수 있는 요소가 서로 너무 가까움'

해당 문제는 이미 저품질이 되어버려 방치한 블로그에서 발생했다고 구글 메일로 날아온 것인데 내용을 보면 다음과 같습니다.

본인의 블로그에서 '모바일 사용 편의성 문제가 발견되었습니다' 라고 하며 '클릭할 수 있는 요소가 서로 너무 가까움'이라고 합니다. 즉 말 그대로 클릭할 수 있는 콘텐츠들이 너무 붙어 있어 이를 멀리 떼내라는 것인데 이는 클릭을 잘못하게 되어 광고를 클릭할 수 있는 오클릭과 연관이 되어 있기 때문에 수정을 하라는 의미기도 합니다.

 

구글 서치콘솔로 가보면 영향을 받은 페이지에 1이 적혀있으며 URL이 적힌 것을 볼 수 있습니다. 저는 태그 영역이 이상하다고 연락이 온 것인데 확인을 해볼까요?

태그 영역을 확인해봤더니 이렇게 태그가 전부 겹쳐서 붙어 있는 것이 확인됩니다. 사실 티스토리는 자체 검색이 거의 없기 때문에 태그는 아무 소용이 없지만 해당 태그는 아주 오래전 블로그를 처음 만들당시 뭣도 모르고 집어넣었으며 글마다 적힌 태그를 모두 제거해야 하기 때문에 이 또한 일이라 관련 문제를 해결해보기로 했습니다.

몇가지를 확인해보다가 해당 라인을 떼낼 수 있는 코드가 발견되지 않아 아예 그냥 계정 스킨을 변경해보기로 했습니다. 예전에 공식 스킨이라고 알려진 Flatinum 스킨에서 다른 스킨으로 전환을 시도합니다.

전환 시도 전에 스킨에 있는 html 코드 및 필요한 몇몇부분은 따로 복사를 해둡니다.

그리고 태그를 봤더니 겹친 부분이 하나도 보이지 않는게 아니겠습니까?

그래서 다시 검사를 받았는데 '유효성 검사 프로세스를 계속할 수 없음' 이라고 나옵니다. 즉 문제가 해결이 되지 않았다는 뜻이죠. 그렇다면 실제 칸을 띄어야 한다는 뜻인데 해당 스킨에는 칸을 띌 수 있게 되어 있는지 코드를 찾아보기로 했습니다.

CSS쪽 'line-height' 검색을 통해 태그 부분의 칸을 띄우기가 가능한지 찾아봤더니 이렇게 코드를 찾을 수 있었습니다. 해당 코드의 숫자를 2로 변경한 뒤 확인을 해보니 이전 상태보다 한줄마다 더 크게 띄어져 있는 것을 확인했으나 여전히 '유효성 검사 프로세스를 계속할 수 없음' 이라고 나옵니다.

두번째로 확인해봐야 할 부분은 글 전체를 띄어쓰기 하는 부분입니다. 기본값을 1.25에서 2로 변경하고 재검사를 받아봅니다. 이 작업을 하게 되면 글을 작성할때 전체 부분에 대한 줄간격이 벌어지므로 가능하면 태그 자체를 없애버리는 것이 좋습니다.

이번에는 유효성 검사 상태가 시작됨으로 변경되었습니다. 

URL 검사에서 모바일 사용 편의성 역시 '페이지가 모바일 친화적임'으로 변경된 것을 알 수 있습니다.

이 작업을 하고나면 구글 메일로 '사이트의 모바일 사용 편의성 문제가 해결되었는지 확인중입니다' 라고 하나 날아옵니다. 여기서 가만히 놔두면 문제가 해결되기에 기다리기만 하면 됩니다.

 

 

구글 서치콘솔 클릭할 수 있는 요소가 서로 너무 가까움 문제 해결법 어떻게 되는지 알아보았습니다. 문제마다 해결법이 다를 수 있으므로 참고용으로만 봐주시기 바랍니다.