텍스트가 너무 작아 읽을 수 없음 등 모바일 사용 편의성 오류 해결

텍스트가 너무 작아 읽을 수 없음 등 모바일 사용 편의성 오류 해결

안녕하세요, 임시크 놀이터 입니다.

얼마 전 구글서치콘솔에서 모바일 사용 편의성 오류가 발생했었습니다.

자꾸 오류들이 생겨나니 여간 신경쓰이는게 아니네요.

▲ 텍스트가 너무 작아 읽을 수 없음, 클릭할 수 있는 요소가 서로 너무 가까움.

하나도 아니고 두개나 있네요. 두개는 짝꿍처럼 같이 붙어다니는 오류 같습니다.

일단 어느 페이지의 오류인지 확인을 해봤습니다.

▲ 두개가 같은 주소를 가리키고 있습니다. 

위와 같은 오류가 발생한 다른분들 글을 보니 정확한 해결 방법은 없는 것 같았습니다.

일단은 오류가 발생했으니 해결을 해야겠습니다.

글씨가 작다고 하니 글씨 포인트를 키워본 후 수정 결과 확인 버튼을 눌렀습니다. 실패.

문제가 해결되지 않았다며 아예 URL 검사 자체가 안됩니다.

그럼 클릭할 수 있는 요소가 서로 너무 가깝다고 하니 문장 사이를 넓혀보고 수정 결과 확인 버튼을 눌렀습니다. 실패.

다시 적절하게 좁혀보고 눌러봅니다.

광고를 다 빼 보았습니다.

그림도 간결하게 짤라서 올려봅니다.

모두 실패.

그러다 친효님 블로그에서 오류 발생 원인에 대해 읽어보니 나의 글쓰기 형태의 문제이던지 외 여러가지가 있더군요.

그래서 글을 조금 수정해보았습니다. 실패.

다시 글, 태그, 문단 간격등 맨 밑에 이전 글 링크 걸어두었던걸 삭제해보았습니다. 성공

오! 수정 결과 확인 버튼이 먹힙니다! URL검사가 진행되었습니다! 

혹시 제일 하단의 광고 바로 위에 링크가 있어서 그랬던 건가?

▲ [ 텍스트가 너무 작아 읽을 수 없음] 오류와 [ 클릭할 수 있는 요소가 서로 너무 가까움 ] 오류가 드디어 유효성 검사가 시작됐습니다. 친효님 글을 찾아 읽어보길 잘했습니다.

며칠 후에 다시 구글서치콘솔에 들어가서 모바일 사용 편의성 오류를 체크 봅니다.

통과 되어 구글서치콘솔의 모바일 사용 편의성 오류가 사라졌습니다.

시간이 지나면 다른 글에 하나씩 또 발생한다고 하네요.