구글 서치콘솔 / 티스토리 블로그에 생긴 '모바일 사용 편의성' 오류 & 수정 결과

구글 서치콘솔 (Search Console)

 

모바일 사용 편의성 문제 발견

 

 

구글 서치콘솔로부터 모바일 사용 편의성 문제가 발견되었다는 메일을 받았어요.

서치콘솔 모바일 사용 편의성 문제가 발견

이런 메일과 오류는 처음이라, 메일에 링크되어있는 '모바일 사용 편의성 문제 해결하기'를 눌러 서치콘솔 사이트에 들어갔어요.

저는 이 메일을 받고 나서 며칠 후에 읽었지만, 일찍 확인했었다면 더 빨리 수정할 수 있었을 것 같네요 😭

 

 

 

 

 

 

 

 

모바일 사용 편의성 오류 해결 방법

 

서치콘솔 모바일 사용 편의성

1) 서치콘솔 -> 실험 -> 모바일 사용 편의성

따로 메일을 받지 않아도 서치콘솔 사이트 메뉴에서 확인이 가능해요.

 

모바일 사용 편의성 - 클릭할 수 있는 요소가 서로 너무 가까움, 콘텐츠 폭이 화면 폭보다 넓음

2) 모바일 사용 편의성 오류 확인하기

제 블로그의 경우 하나의 포스팅에 두 가지 오류가 있었어요.

오류가 있다고 알림을 받은 건 처음이라 나름대로 아래와 같이 수정을 해보았어요.

👆🏻 클릭할 수 있는 요소가 서로 너무 가까움

해당 포스팅에 따로 클릭할 수 있는 링크는 없었고, 작은 글씨와 큰 글씨를 섞어가며 글을 많이 적었었어요.
이게 문제일까? 생각을 하고 긴 글의 내용 사이에 엔터를 쳐서 간격을 넓히고 좀 더 보기 편하게 만들었어요.

✌🏻 콘텐츠 폭이 화면 폭보다 넓음

해당 포스팅에 올린 사진은 다 같은 사이즈로, 유난히 길거나 큰 사진은 없었어요.
알고 보니 텍스트가 너무 작은 경우에도 이런 오류가 나타난다고 해요.
제가 글씨 크기를 조정한 적은 없지만, '본문 3'사이즈로 글을 쓴 문장들이 몇 개 있었어요.

이 문장들의 글자가 일반 글자보다 더 작아서 이게 문제일까? 생각을 하고 '본문 2' 사이즈로 수정을 했어요.

 

서치콘솔 모바일 사용 편의성 유효성 검사

3) '수정 결과 확인'을 눌러요.

오류가 없어진 건지 다시 확인하기 위해서에요.

누르면 검사 실행 중이라는 알림 창이 뜨는데요 잠시 기다려야 해요.

그리고 최종 결과는 바로 나오지 않고, 저의 경우에는 바로 다음 날 메일을 받았어요.

 

 

모바일 사용 편의성 오류 수정 결과

 

서치콘솔 모바일 사용 편의성 유효성 검사

짠!

다음날 구글 서치콘솔부터 메일을 받아서 열어보니 모바일 사용 편의성 문제가 해결되었다고 해요 🥳💡
제가 예상하고 수정했던 오류들이 잘 확인이 되었나 봐요.

 

서치콘솔 모바일 사용 편의성 유효성 검사 상태 통과

유효성 검사 상태 통과

메일에 연결된 구글 서치콘솔 사이트에 들어가서 확인을 해보니 '유효성 검사 상태: 통과'라고 떠요.
해당 포스팅에도 문제가 없다고 확인해서 다행이었어요.