구글 서치콘솔 오류 ' 클릭할 수 있는 요소가 너무 가까움' 오류 해결 방법

 

 

 

티스토리 블로그를 운영하다가 '스킨 변경'을 하신 후 갑자기 유입이 적어지거나 수입이 반토막나기도 하는등 끔찍한 문제가 진행중인 블로그를 위한 포스팅입니다.

 

나는 블로거다 구글은 신이고

 

유입이 적어지는 문제는 사실 스킨 변경말고도 여러 이유가 있을 수있지만 가장 문제가 발생하기 쉬운건 '스킨변경'입니다. 

문제의 원인 요소를 찾는 방법으로는 '구글 서치 콘솔'이나 자신이 유입 되는 검색엔진에서 감소한 곳에 점검해보는 것이 좋습니다.

 

구글 서치 콘솔이란?

구글에서 무료로 제공하는 서비스로, 해당 서비스를 이용할 경우
자신의 사이트의 각종 문제를 분석하고 문제점을 찾아 해결 할 수도있고
각종 데이터및 통계를 제공하며 궁극적으로 자신의 사이트의 구글 유입을 증가시키는데 효과적인 역할을 한다.
티스토리 블로그에서 유입을 원한다면 무조건적으로 해야된다고 보면된다. 구글은 신이기 때문에..

 

 

 

 

위 화면은 '구글 서치 콘솔'에서 모바일 사용 편의성 부분입니다.

요즘 블로그 유입 시장은 'PC < 모바일'이 대세이므로 사실상 모바일에 신경 쓰셔야됩니다!

---

 

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

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

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

 

모바일 유입이 대다수인데 모바일에서 오류가 넘쳐나고 있으면 안되겠죠.

 

 

해당 오류는 모바일환경을 기준으로 발생하는 오류이기에 PC에서 블로그 활동을 하신다면

모르실수도 있으나 이제부터라도 인지하고 고쳐야됩니다.

 

이번 포스팅은 '클릭 할 수 있는 요소가 서로 너무 가까움' 에 대해서 포스팅하겠습니다.

 

 

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

 

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

 

 

클릭 할 수 있는 요소가 서로 너무 가까움 오류는 URL 버튼이 서로 너무 인접해 있다는 것을 말합니다.

위 오류가 있다는 말은 해당 사이트가 원하지 않는 경로로 이동될 수 있어서 부적합한 요소로 작용합니다.

여기서 말하는 URL로 인식되는 요소들은 '버튼, 링크, 첨부파일, 이미지, 광고 등'이 다 포함됩니다.

 

해결 방법으로는

• 크롬 웹 스토어에서 Mobile/Responsive Web Design Tester 을 이용해 여러 모바일 화면으로 문제의 URL에서 짤리는 요소가 없는지 체크 해보기 (링크)

• 스킨 편집을 통해 태그 간격 넓히기 (스킨 편집 - CSS - Ctrl+F : line height 검색후 : 1또는 1.25 일텐데 ➡2 ~ 2.5 정도로 올리기)

• 문제의 URL에서 폰트가 너무 작지는 않은지 만약 작아보인다면 널널하게 올리자(텍스트 크기 문제)

• 이미지의 가로폭이 큰경우

• 사진과 본문 사이 간격 띄어주기 (엔터키로 구분해주기)

 

 

 

2) 이미지의 가로폭이 큰경우 (추천)

 

 

스킨편집 - CSS 클릭

 

 

밑의 코드를 복사하여 CSS 맨밑에 복사-붙여넣기 해주시면 됩니다.

 

/*화면폭 겹칩 해결을 위한 코드*/
img {
  max-width: 100%;
  height: auto;
}
span.imageblock {
  max-width: 100%;
  height: auto;
}

/* 위의 코드 삽입에 따른 썸네일 이상현상 해결코드 */
#ttCanvas img {
  max-width: none;
}

 

width는 가로 / height 는 세로입니다.

설명하자면

이미지의 최대 가로폭(max-width)을 100%로 설정하고, 원본의 가로 세로 비율을 유지하도록 세로 길이를 맞추라는 뜻입니다.

 

#ttCanvas img {
  max-width: none;
}

 

티에디션 썸네일까지 적용되는데 이상하게 나올경우에 대비한 코드입니다.

위 코드의 단점은 가로로 사진을 2~3개 정도 연달아 올리면 이상하게 보일수있는데

옆에 나란히 사진을 넣는 방식은 모바일환경에서 좋지 않기애 안하시는 걸 추천합니다.

해당 코드는 링크 에서 가져왔습니다.

 

그리고 오류주소들을  색인 요청을 하거나 다시 크롤링하기를 기다리면

 

 

구글 서치콘솔로 꾸준히 글이 반영되고 있는지 확인하는것은 아주중요합니다.

단순히 잘쓰기만 한다고 상위검색으로 오르기는 힘들뿐더러

여러 오류요소를 고치지 않는다면 검색엔진 봇들은 보다 최적화된 사이트를 상위로 올려서

내 글이 쥐도새도 모르게 묻힐수 있으니까요.

 

그럼 이만 다음포스팅에서 뵐게요!