모바일 사용 편의성 문제 발견 및 해결하기 애드센스 오류

티스토리 애드센스를 운영하시다 보면 여러 가지 오류에 대한 메일을 받아 보시고 당황하시는 경우가 있는데요. 오늘은 그중에"모바일 사용 편의성 문제가 발견됨"이라는 메일을 받은 것과 그 문제를 해결하는 방법을 간략하게 설명드립니다 잘 보시고 따라 해 주시면 됩니다. ^^

 

모바일 사용 편의성 문제 해결방법.

 

1. 구글 서치 콘솔로부터 '문제가 발견됨' 메일을 받다.

 

모바일 사용 편의성 문제가 발견되었습니다.

이 글을 보시는 분들은 저와 같은 내용의 메일을 받으셨을 겁니다. 

 

사이트에서 발견된 문제는 다음과 같습니다.

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

2) 텍스트가 너무 작아 읽을 수 없음.

메일 하단의 모바일 사용 편의성 문제 해결하기 클릭하면 구글 서치 콘솔 사이트로 아래와 같이 이동이 됩니다.

 

 

모바일 사용 편의성 문제요소

오류 부분에 메일로 받아 본 2가지 내용에 문제가 있다고 알려주고 있습니다. 

 

 

2. 모바일 사용 편의성 문제 해결하는 방법.

 

1) '클릭할 수 있는 요소가 서로 너무 가까움'에 대한 오류부터 수정을 해 봅니다.

 

오류 부분의 글씨를 클릭하면 해당 포스트가 어떤 것인지 알려줍니다 문제가 있는 포스트로 이동을 합니다.

 

광고와 글씨가 너무 가까이 붙어있음.

보시는 화면과 같이 애드센스 광고와 제가 포스팅한 글씨가 너무 가깝게 붙어있습니다. 애드센스는 이처럼 광고와 글씨가 가깝게 붙어 있으면 부정클릭을 유도하고 사용자로 하여금 불편을 야기할 수 있다고 보고 이를 수정하라고 권고합니다. 

 

저는 본문에 별도로 충분한 공간을 두고 수동 광고를 넣고 있습니다만, 자동 광고도 활성화시키면 이와 같이 글씨에 광고가 가깝게 붙어서 나오는 경우가 있습니다. 이는 제가 의도한 것이 아니라 애드센스 자동 광고가 임의로 넣은 자리입니다. 이런 한 경우는 수정이 정말 쉬운데요. 광고 이미지의 윗 줄의 글씨와 아랫 줄의 글씨를 붙여주시면 해결이 됩니다. 즉, [장면들에 있다고 생각한다.] 이 바로 뒤에 다음 줄의 글씨를 이어 붙여주면 문제가 된 애드센스 자동 광고가 다른 곳으로 이동이 됩니다. 

 

개인 적인 생각에는 애드센스 자동 광고는 임의로 광고를 넣어 주고 있는데 포스팅을 하다가 엔터를 치면서 줄 바꿈을 하면 그러한 공간 중 한 곳을 찾아 광고를 넣어 주는 형식으로 생각됩니다. 하지만 위와 같이 광고와 글씨가 붙어서 나오는 경우가 종종 있으니 이러한 부분은 해당 부분을 직접 글 수정해주셔야 합니다. ( 이런 경우는 구글이 개선을 해줄 것이라 믿습니다 ㅎㅎ ) 

 

2) '텍스트가 너무 작아 읽을 수 없음'에 대한 오류를 수정해봅니다.

 

 

텍스트가 너무 작아 읽을 수 없음 오류

 

해당 포스트 중에 글씨가 작은 부분들에 대해 크기가 작으니 읽을 때 잘 보이도록 폰트 사이즈를 키우면 해결이 됩니다. 작성한 포스팅을 보시면 다른 글씨와 다르게 상대적으로 작은 글씨들이 보입니다. 위의 빨간 네모 부분과 아래의 파란 네모 친 부분들을 비교해 보시면 글씨가 상대적으로 다른 게 보이시죠?

 

문제가 된 작은 글씨들은 티스토리 글쓰기 기능 중 인용 문구를 사용한 부분들인데 인용된 문구를 사용하는 기능을 쓰면 저렇게 글씨가 상대적으로 작게 표시가 됩니다. 그렇다고 인용된 문구를 그냥 쓰면 문제의 소지가 될 수 있기에 "인용 문구"라는 것을 표시하면서 '폰트 사이즈를 키우려면' 티스토리 글쓰기 기능 중 HTML 편집기를 사용해야 합니다. 

 

글쓰기 최상단에 보시면 '기본 모드'라는 것이 있고 그것을 누르시고 HTML이라는 것을 클릭해 줍니다.

 

티스토리 HTML 편집기 사용하기.

HTML을 잘 모르시는 분들에게는 외계어처럼 보이시겠지만 일단 한글로 보이는 부분들 중 글씨가 작다고 했던 부분을 찾아봅니다. 

 

티스토리 HTML 편집기 사용

 

포스팅 내용 중 글씨가 작다고 했던 내용들 앞을 보시면 빨간 네모 박스표기를 해준 부분에 size라는 영어가 있고 그 뒤에 숫자 16이 보입니다. 이 숫자가 바로 글씨의 크기를 정해주는 부분입니다. 폰트 사이즈 16이 작다고 했으므로 숫자를 변경해줍니다.

 

티스토리 HTML 폰트 사이즈 변경하기.

 

16이라는 숫자를 18로 변경해주고 'HTML 모드'에서 다시 '기본 모드'로 돌아와서 글씨 크기를 확인 후 저장 및 발행을 클릭합니다.

 

 

구글 서치콘솔 수정 경과 확인 하기.

 

구글 서치 콘솔로 돌아와 이미지에 보이는 '수정 경과 확인'버튼을 클릭해줍니다. 이는 문제가 되었던

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

2) 텍스트가 너무 작아 읽을 수 없음.

두 가지 오류 부분을 수정하였으니 다시 확인을 해달라고 구글 측에 요청을 하는 행동입니다.

3. 오류 수정 후 구글 서치콘솔 확인 요청하기

 

텍스트가 너무 작아 읽을 수 없음을 확인 중입니다.

 

그리고 약간의 시간이 지나면 구글 서치 콘솔로부터 이러한 메일들을 받아 보실 수 있습니다.

 

 

 

클릭할 수 있는 요소가 서로 너무 가까움을 확인 중입니다.

 

수정을 한 내용에 대해 검토하고 있다는 회신 메일이 온 것을 확인할 수 있습니다.

 

모바일 사용 편의성에대해 문제가 해결됨.

 

요청을 하고 그다음 날 하루 만에 오류가 있었던 부분들에 대해 문제가 해결된 것으로 확인되었다는 확인 메일이 도착한 것을 확인할 수 있습니다. 회신 메일의 하단에 문제 세부 정보 보기를 클릭하시면 구글 서치 콘솔로 이동이 되며 아래와 같은 화면이 나타납니다.

 

구글 애드센스 광고 유효성 검사를 통과한 사진.

오류 부분에 숫자가 0으로 표기되어있고 하단의 상세정보에 보시면 

 

1) 텍스트가 너무 작아 읽을 수 없음.

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

 

문제가 되었던 두 가지 오류에 대해 유효성 검사 결과 '통과'로 표시되어 있는 것을 확인하실 수 있습니다.

 

애드센스 모바일 사용 편의성 문제 발견 및 해결하기에 대한 내용이 다소 길어 보이지만 따라서 하시다 보면 금방 해결이 가능합니다. 긴 글 읽어 주셔서 고맙습니다 늘 행복하세요 ^^ 

 

2020.10.12 - 애드센스 게시자 정책 위반 보고서 해결하기!

애드센스 게시자 정책 위반 보고서 해결하기!