[티스토리] 구글 서치 콘솔 오류 해결하기 (클릭할 수 있는 요소가 너무 가까움, 콘텐츠 폭이 화면 폭보다 넓음)

 

 

안녕하세요,

 

오늘은 구글 서치 콘솔에서 모바일 사용 편의성 오류 해결하기에 대해 포스팅 해보도록 하겠습니다. (클릭할 수 있는 요소가 너무 가까움, 콘텐츠 폭이 화면 폭보다 넓음)

 

 

최근 게시한 게시물들을 구글 서치 콘솔에 등록하기 위해 접속했더니 모바일 사용 편의성 오류를 만나게 되었습니다.

 

 

 

상세정보를 클릭해보니 가장 처음에 올린 글에서 문제가 발생했네요.

 

 

 

구글에서는 사용자 친화적인 글을 선호하기 때문에 위의 오류를 빠르게 해결하지 않으면, 추후 검색 순위에서 밀린다는 이야기가 있습니다. 하나씩 해결해보도록 하겠습니다.

 

 

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

 

글의 간격이 충분하지 않을 때 나오는 오류입니다. 해결법으로는 엔터(Enter)를 많이 사용해주는 방법과 스킨 편집의 CSS에서 줄 간격을 수정해주는 방법이 있습니다. 

 

CSS에서 줄 간격을 수정해주는 방법은 아래와 같습니다.

 

스킨 편집 -> html 편집 편집

 

 

 

CSS -> line-height 검색 후 line-height 값을 2.5 또는 3.5로 변경 후 적용

(그래도 발생시 그림과 글 사이에 엔터 추가)

 

 

반응형

 

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

 

삽입한 그림의 크기가 너무 클 때 나오는 오류입니다. 글 수정하기에서 그림들의 크기를 조절해주시면 됩니다.

 

('클릭할 수 있는 요소가 서로 너무 가까움' 오류만 해결해주어도 사라지는 경우가 많습니다.)

 

수정 완료 후 실제 URL 테스트를 해보면 오류가 사라진 것을 볼 수 있습니다.

 

 

 

수정사항을 구글에 반영하기 위해 URL 검사에서 실제 URL 테스트 후 색인 요청을 눌러주세요.

 

 

 

실제 반영되기까지 시간이 조금 걸린다고 하니 느긋하게 기다리면 되겠습니다.

 

 

추가로 실제 URL 테스트 시 모바일 친화적이라고 나오지만 계속해서 해당 오류가 발생할 경우, 티스토리의 버그일 확률이 높습니다. 

 

이 경우 모바일 사용 편의성 -> 세부정보 보기에서 유효성 검사하기를 클릭하면 며칠 후 해당 오류가 사라지는 것을 볼 수 있습니다. (한 번에 해결되지 않으면 여러 번 검사..)

 

 

 

지금까지 구글 서치 콘솔에서 모바일 사용 편의성 오류 해결하기였습니다.

 

읽어주셔서 감사합니다.