[오류 해결] 1.클릭할 수 있는 요소가 서로 너무 가까움 2.콘텐츠 폭이 화면 폭보다 넓음

티스토리 블로그는 구글 애드센스 때문에 매력 만점이다.
다만 자유도가 높은 만큼 어떤 문제에 봉착했을 때 해결하는 건 쉽지 않다.
이번에는 구글 서치콘솔에서 오류 메지가 왔다. 네이버 블로그는 사실 이런 자잘한거에 신경쓰지 않아도 되는데 해결방법을 모색해 보자.
가장 흔하게 발생하는 오류는 아래 두 가지이다.

1. 클릭할 수 있는 요소가 서로 너무 가까움
2. 콘텐츠 폭이 화면 폭보다 넓음

 

그리고 한가지 더 추가하자면
3. 제출된 URL을 찾을 수 없습니다(404)

 

각각의 상황에 맞도록 간단한 해결책을 정리해 본다.

1. 클릭할 수 있는 요소가 서로 너무 가까움
왼쪽 화면의 모바일 사용 편의성을 클릭하면 오른쪽에 오류가 난 상세 정보를 볼 수 있다.
나 같은 경우 이 오류를 해결하기 위해 사진, 광고, 글 , 표 등의 간격을 다시 한번 조정해 줬다. 분명히 한칸씩 띄웠는데 가끔씩 붙어 있는 경우가 있다. 다소 귀찮지만 오류가 난 페이지를 다시 한번 들어가서 1칸 정도를 띄워주었다.

 

[티스토리 문제 해결] 1. 클릭할 수 있는 요소가 서로 너무 가까움/ 2.콘텐츠 폭이 화면 폭보다 넓음/ 3.제출된 URL을 찾을 수 없습니다(404)

이렇게 한번 정리를 해 준 상태에서 모바일 친화성 테스트를 한번 진행해보자.
필자는 사실 글을 수정하기 전에도 페이지가 모바일 친화적이라고 평가내려졌다.
어쨌거나 혹시 몰라 모바일 친화적임을 다시 한번 확인해 주었다.

모바일 친환경 테스트
https://search.google.com/test/mobile-friendly?hl=ko

모바일 친화성 테스트 - Google Search Console

 

[티스토리 문제 해결] 1. 클릭할 수 있는 요소가 서로 너무 가까움/ 2.제출된 URL을 찾을 수 없습니다/ 3.제출된 URL을 찾을 수 없습니다(404)

글 수정과 테스트가 끝났다면 세부 정보 보기를 확인해 보자. 나는 현재 수정결과 확인을 클릭한 상태라서 유효성 검사 상태가 시작됨으로 변경됐다.

 

원래는 오른쪽에 새로운 유효성 검사를 시작하는 메뉴가 있다.(아래 아래 사진에서 확인 가능) 이를 클릭하면 아래 화면처럼 유효성 검사 상태: 시작됨으로 바뀐다. 글을 제대로 수정했다면 하루 정도 후에 결과를 안내해 준다.

 

[티스토리 문제 해결] 1. 클릭할 수 있는 요소가 서로 너무 가까움/ 2.콘텐츠 폭이 화면 폭보다 넓음/ 3.제출된 URL을 찾을 수 없습니다(404)

 

아래 결과에서 볼 수 있듯이 17개는 통과를 했는데 1개를 실패를 했다. 그래서 실패한 1개 글을 다시 클릭해서 다시 한번 정리해 주었다.

 

오른쪽에 보면 새로운 유효성 검사 시작이 있다. 이를 클릭해서 다시 한번 테스트를 진행 중이다. 큰 문제가 없다면 1일 후에 통과된 결과를 받을 수 있을 것으로 보인다.

 

[티스토리 문제 해결] 1. 클릭할 수 있는 요소가 서로 너무 가까움/ 2.콘텐츠 폭이 화면 폭보다 넓음/ 3.제출된 URL을 찾을 수 없습니다(404)

 

만약 이렇게 했는데도 클릭할 수 있는 요소가 서로 너무 가까움 메시지가 온다면, 글자간격을 넓히는 것으로 해결해보자.

1. 티스토리 관리자모드-꾸미기-스킨편집을 차례대로 클릭!

2. 그런 다음 오른쪽의 HTML 편집으로 고고씽

3. 다음으로 CSS를 눌러서 line-height를 찾아보자.

4. 보통 1.15로 돼 있으니 2 또는 2.25로 바꾸자. 나는 두개가 있길래 그냥 두개를 다 2.25로 변경했다.

 

 

 

2. 콘텐츠 폭이 화면 폭보다 넓음
두번째 콘텐츠 폭이 화면 폭보다 넓음 오류에 대한 해결방법이다.
다른 티스토리 블로거들은 새로운 유요성 검사 시작으로 해결했다는 사례도 있다. 나는 두번 고생하기 싫어서 해당 글에 들어가서 혹시 사진이 큰 것은 조금 작게 조정해 주었다.

 

그렇게 했더니 13개는 통과됐고 1개는 실패를 했다. 재조정 후 새로운 유요성 검사를 시작 중이다. 이미 13개를 통과시켰으니 이것도 쉽게 해결되리라 믿는다.

 

[티스토리 문제 해결] 1. 클릭할 수 있는 요소가 서로 너무 가까움/ 2.제출된 URL을 찾을 수 없습니다/ 3.제출된 URL을 찾을 수 없습니다(404)

이렇게 정리한대로 며칠을 기다리니 실제로 모든 오류가 해결된 것을 확인할 수 있었다.

만약 비슷한 증상을 겪고 있는 블로거가 있다면 오류가 잘 해결되길 기대해 본다.

참고로 앞으로 이런 어려운 문제 좀 발생하지 않았으면 좋겠다는 생각을 해 본다.ㅎ