본문 바로가기
그 외 정보들/블로그 운영 기록 및 꿀팁

티스토리 모바일 편의성 문제 해결하기

by †ªº 2023. 2. 18.

 갑자기 어느 날부터 구글서치콘솔에서 티스토리 블로그 글들이 모바일 편의성 문제가 생겼다고 메일이 오기 시작했다. 이 문제로 한 4일은 넘게 이것도 해보고 저것도 해보고 한 것 같다. 결국 오늘 그 문제들을 해결하였는데 의외로 간단하게 해결할 수 있었습니다. 혹시나 저와 같은 분이 계실까 하여서 글을 남깁니다!

 

목차 

1. 구글서치콘솔에서 발견한 문제 목록들과 블로그 글들 

2. 필자가 조치해 본 내용들 그럼에도 문제는 지속

3. 의외로 간단했던 해결 방법

 

1. 구글 서치 콘솔에서 발견한 문제들

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

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

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

 

2월 17일에 8개의 글들이 위와 같이 3가지 문제가 있다면서 동시에 뜨더군요. 

 

URL최종 크롤링 

2023. 2. 17.
 
2023. 2. 17.
 
2023. 2. 17.
 
2023. 2. 17.
 
2023. 2. 17.
 
2023. 2. 17.
 
2023. 2. 17.
 
2023. 2. 17.

 그냥 넘어갈 수가 없는 것이 이러한 모바일 문제 뜨고 나서 애드센스 수익이 아예 0달러가 됐습니다. 블로그를 시작한 지 이제 2달 차가 되어가는 입장에서 글 하나하나가 수익과 직결되기에 소중했습니다. 

 

2. 제가 해본 조치들 

 우선 클릭할 수 있는 요소 문제부터 건드려 봤습니다. 문단 사이를 띄어보고 광고가 글과 너무 가깝나 싶어서 3~4줄씩 간격을 띄어봤습니다. 하지만 문제는 그대로였습니다. 콘텐츠 폭과 텍스트 문제를 보고 구글서치콘솔에서 url 실제 테스트 한 것의 스크린숏을 봤는데 제 블로그 프로필 사진이 스크린샷의 80%를 차지하고 있더라구요. 프로필이 너무 크다 보니 글씨가 작아졌고 그만큼 클릭할 수 있는 요소가 가까워졌구나 생각이 들어서 이 문제를 해결하려 했습니다.

 

 두번째 방법으로는 웹디자이너하는 친구에게 물어보았습니다.

 고수에게 너무 쉬운 문제를 이야기하나 싶었지만 해결해야죠! 우선 프로필 사진의 엄청난 크기 문제는 viewport(뷰포트)와 관련된 내용으로 보였습니다. 그래서 보이는 사진의 비율이 어느 기기에서든 고정으로 보이는 것이 아니라 기기마다 설정한 비율에 맞게 보일 수 있게 설정을 하라는 요지였습니다. 그래서 설정을 해보았습니다. 또 동시에 한 것이 자간을 넓히는 겁니다. line-height의 크기를 키워서 위아래 글자 간의 폭을 넓히는 것인데 이것도 설정을 한 뒤! 

 

다시금 유효성 검사를 실시해보았습니다!!  

 

결과는!  여전히 실패!

 

 

 

3. 의외로 간단한 해결방법 

 뭐가 문제인지 욕 나오더라고요. 그러다가 블로그에 위와 같이 글들마다 포스팅한 날짜를 적어보았습니다. 보시면 아시겠지만 다 각자 다릅니다. 대부분 2월이지만 1월에 한 것도 있고요. 그러다가 제 블로그를 직접 들어가 봤습니다. 시크릿 창으로 해서 pc로, 또 모바일로요. 그러다가 제가 스스로 느낀게 너무 광고가 많은데...?라고 느꼈습니다. 애드센스 자동광고 설정에서 광고수를 일단 최댓값으로 설정을 해놨거든요. 그래서 이 자동 광고가 많은 게 문제인가 싶어서 광고수를 줄여보았습니다. 절반보다 밑으로 1/3 지점으로 놓고 블로그를 보니 처음보다 낫더라구요. 그래서 이대로 다시 유효성 검사를 실시! 결과는 문제 해결이 됬습니다! 

 

 포스팅 날짜는 중구난방인데 같은 날 문제가 발생했다면! 광고설정의 문제가 아닌가 의심해 보고 애드센스의 자동광고를 사용하신다면 광고수를 줄여보고 유효성 검사를 한번 해보세요! 저처럼 의외로 쉽게 해결될 수 있습니다! 

 

 

 

 

댓글