구글 애드센스 문제 해결 방법/ SEO

출처 pixels

 

티스토리 구글 애드센스를 이용하는 분들이라면 한 번쯤 겪어봤을 오류.

'클릭할 수 있는 요소가 너무 가까움'과 '콘텐츠 폭이 화면 폭보다 넓음'

요즘은 정보를 모바일로 많이 찾아보는 추세이기 때문에 이는 결국 수익구조에 큰 영향을 미친다.

무조건 해결해야 한다.

일단 시도해 볼 수 있는 방법은 이미지 크기를 줄여보거나 이미지와 텍스트 사이의 공백을 주는 것이다.

 

 

 

'

오류 해결 방법

처음엔 이미지가 너무 큰 건가 싶어서 사이즈를 줄여도 보고 이미지와 텍스트가 가까워 그런가 해서 공백도 줘보았지만 결과는 달라지지 않았다. 그래서 또 다른 방법을 계속 찾던 중 해결 방법을 찾았다.

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

이는 자칫 개체들이 서로 겹쳐 보일 수 있는 상황이 된다. 그렇게 되면 방문자가 줄고 그럼 당연히 수익이 떨어지니 꼭 해결해야 한다.

포인트는 '뷰포인트'에 있다.

관리-꾸미기-스킨 편집-HTML 편집으로 들어간다.

 

출처 티스토리

출처 티스토리

 

이곳에서 변경 코드를 넣어주고 적용을 눌러준다.

 

<meta name="viewport" content="initial-scale=1.0, width=device-width">

 

 

 

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

관리-꾸미기-스킨 편집-HMTL-CSS 페이지에 들어간다.

CSS 페이지에서 ctrl+F를 눌러 line-height를 검색한다.

그 부분이 기본적으로 1,25로 되어있는 것을 2~2.5로 바꿔준다.

 

출처 티스토리

 

그다음 사용자의 화면 크기를 확인하고 콘텐츠의 폭을 변경하는 코드이다.

CSS 페이지 맨 아래로 이동해 이 코드를 넣어주면 된다.

그리고 적용을 누른다.

 

/* Touch Screen Check */ .container a { padding: .2em; } @media (any-pointer: coarse) {.container a {     padding: .8em; } }

 

그리고 다시 모바일 편의성 검사를 다시 해본다.

다행히 성공했다.

출처 애드센스