대부분의 블로그는 PC 유입보다는 모바일 유입이 더 많을 것이다. 이러한 이유로 블로그를 더욱 모바일 친화적으로 만들어야 하며, 이러한 과정 중에 만나는 애드센스 오류를 알아보고 해결 방법을 공유하려 한다.
모바일 사용 편의성 관련 오류
모바일 사용이 편리한 블로그를 만드는 과정에서 발생할 수 있는 오류를 우선 알아보겠습니다. 포스팅한 글에 색인을 입히는 과정에서 한번씩 다음과 같은 알림을 받을 수 있습니다.
새로운 모바일 사용 편의성 문제가 발견됨
이러한 문제가 발생한 경우에 어떻게 해결을 해야 할까요? 우선 상세 내용을 확인해야 합니다.
저같은 경우에는 '클릭할 수 있는 요소가 서로 너무 가까움' 이라는 오류를 확인할 수 있습니다. 대부분의 문제는 위의 내용을 포함하여 3가지로 분류됩니다.
- 클릭할 수 있는 요소가 서로 너무 가까움
- 콘텐츠 폭이 화면보다 넓음
- 제출된 URL을 찾을 수 없습니다.
그렇다면 위의 문제를 어떻게 해결하여 모바일 사용이 편리한 블로그를 만들 수 있을까요? 해결 방법은 생각보다 간단합니다. 한 개씩 확인 해보도록 하겠습니다.
해결 방법 - 클릭할 수 있는 요소가 너무 가까움
해당 문제는 아래 사진과 같이 글에 있는 광고, 이미지, 표의 간격이 가까워서 발생하는 문제이다.
간격을 띄워주고 다시 요청을 하고 기다리면 해결된다.
해결 방법 - 콘텐츠의 폭이 화면 보다 넓음
해당 내용도 해결 방법은 간단하다. 글 안에 있는 사진의 크기를 줄이면 해결할 수 있다.
화면의 가로 넓이에 맞게 이미지를 사용하면, 모바일 화면에서 렌더링 하는 과정에서 렌더링이 안되는 경우가 있다. HTML 편집기에서 사진의 크기를 줄이거나, 화면 중간에 오도록 설정하면 위의 문제는 간단히 해결할 수 있다. 여러분들도 다음과 같은 문제가 발생하면 위의 방법으로 해결하여, 더욱 모바일 친화적인 블로그를 만드셨으면 좋겠습니다.
읽어주셔서 감사합니다.
