구글서치콘솔 모바일 사용 편의성의 대표적인 에러들 해결법

티스토리 블로그를 하면 아무래도 구글 서치 콘솔 데이터에 의존할 수밖에 없는데, 문제는 모바일 편의성 항목에서 온갖 에러를 표시해줘 가끔 스트레스의 원인이 되더군요.

 

대표적으로 '클릭할 수 있는 요소가 서로 너무 가까움', '콘텐츠 폭이 화면 폭보다 넓음', '텍스트가 너무 작아 읽을 수 없음' 등을 들 수가 있는데, 실제로 모바일 편의성 검사를 하면 '모바일에 친화적임'을 표시하는데, 열받게 자꾸 왜 이런 에러메시지를 출력하는 걸까요?

 

포스팅할 때 본문에 가장 큰 글씨체 사용은 물론 사용자들의 눈이 피로하지 않게 최대한 자간과 이미지 간격을 통일하는데, 왜  이런 난해한 숙제로 자꾸 날 괴롭히는지...

사용자들이 해당 포스팅을 보는데 아무런 문제가 없어 내버려 두어도 될 문제지만 구글에서 중요시하는 요소가 모바일 친화와 반응속도이기 때문에 혹시나 불이익이 있을지도 모를 일이라 내버려 둘 수가 없으니 고치도록 하겠습니다.

 

 

1개를 해결하면 3개 모두 동시에 해결이 가능하다.

 

난 처음에 이게 무슨 뜻인지 몰랐고 지금도 정확히 모르겠으나 일단 모두 수정하였습니다.

저의 추측으로는 아무래도 글자와 글자 간의 간격과 이미지와의 간격을 말하는 것 같았습니다.

 

구글 애드센스가 들어가게 되면 아무래도 부정클릭이 될 수 있는 밀접한 요소이기 때문에 이런 에러가 나오지 않나 추측을 하는데, 구글의 문제점은 이런 에러를 자세하게 말해주지 않고 두리뭉실하게 이야기하여 정확한 에러를 파악하기 힘들다는 것입니다.

 

확실한 건 클릭할 수 있는 요소 건과 콘텐츠 폭이 너무 작은 문제, 텍스트가 작아서 에러는 모두 커플링이 되어있기 때문에 3군데 중 한 개라도 걸리면 모두 3개 동시에 에러를 나타낸다는 거죠.

 

반대로 생각하면 하나를 해결하면 3개의 에러가 모두 사라질 수 있다는 이야기가 되기도 합니다.

 

이렇게 모바일에 친화적이 않다며 문제점을 말해줍니다. ㅠㅠ

 

 

원인 파악 및 해결하기

 

직접적인 원인을 파악해야 문제를 해결할 수 있으니 아래 나열된 설명이 자신의 블로그에도 해당되는지 보세요.

 

• 텍스트가 너무 작아 읽을 수 없음은 말 그대로 텍스트가 너무 작다는 의미이나 직접적인 원인이 되지 못한다.
• 클릭할 수 있는 요소가 서로 너무 가까움은 자간과 이미지 사이에 공백이 없어 나중에 애드센스 들어갈 자리가 없어 생긴다.
• 콘텐츠 폭이 화면 폭보다 넓은 메시지는 일반적으로 작성했다면 전혀 문제가 될 게 없다.
• 포스팅할 때 티스토리 표를 사용한 후 글씨가 많아지면 콘텐츠 폭이 화면 폭보다 넓어져 직접적인 원인이 된다.
• 대부분 이러한 원인은 스킨 변경 후에 빈번하게 발생한다.
• 이러한 에러는 시간이 지나면 크롤링 한 날짜를 기준으로 스스로 해결되기도 하지만 아닌 경우가 대부분

제가 추려본 문제 원인 중 3개가 직접적인 원이라 생각하여 에러 걸린 12개의 포스팅 분석을 했습니다.

 

 

영향을 받은 페이지는 무려 12개나 됩니다 ㅠㅠ 

 

날짜를 보면 JB - 팩토리로 바꾼 후 저렇게 빈번하게 에러가 발생했다는 걸 알 수 있었습니다.

저 위에 나열한 문제점 중에 '스킨 변경으로 인한 문제점'에 해당된다고 생각하네요.

 

 

에러나는 페이지에 들어가서 '실제 URL 테스트'를 해보니

 

페이지가 모바일 친화적이라고 나오네요...

 

제가 작성한 포스팅 대부분을 검사해보니 모두 '페이지가 모바일 친화적임'이라는 문구를 출력했습니다.

그래서 포스팅 전체에는 문제가 없다 생각하고 자간과 그림 사이에 공백이 없는 포스팅이 있나 확인하니 몇 개의 문제점이 발견되더군요.

 

 

위의 이미지 처럼 이미지 설명문 후에 반드시 띄어쓰기를 해줘야한다.

 

12개 중 총 3개의 포스팅이 위의 같은 문제가 있어 수정 후 다시 유효성 검사 상태를 다시 요청하였습니다.

다음 날 3종류의 에러가 모두 말끔하게 해결되었다는 메일을 받을 수 있었습니다.

 

 

다시 검사를 요청하였습니다.

 

다음 날 말끔하게 해결되었다는 메일이 왔습니다.

 

보시는 바와 같이 에러난 12개가 모두 깔끔히 해결이 되었습니다.

 

---

 

구글 서치 콘솔에 대표적인 예가 몇 가지가 있는데, 오늘 소개한 오류는 일명 '에러 3인방'에 대하여 알아봤습니다.

이 에러 3인방은 모두 커플링화 되어있어, 한 녀석이 일정 조건에 충족을 못하면 나머지 에러를 동시에 동반하는 골치 아픈 녀석들입니다.

 

문제는 구글에서 정확하게 문제점을 지적하지 않아 해결하려면 여러 가지 시도를 해야 하니 골머리가 아프죠.

처음부터 글을 제대로 쓰면 문제 될 게 없어 보이지만, 실제로 스킨 변경에 의한 에러도 생기며 심지어 똑같은 형태의 글에서 하나는 정상인데, 하나는 모바일 친환경적이지 않다며 경고하기도 하니 알다가도 모르겠습니다.

 

분명 사람마다 글 쓰는 방식이 다르니, 이 포스팅을 참고하시고 해결이 안 되면 문제점이 뭔지 생각해보셔야 할 것 같습니다.