본문 바로가기

초보 티스토리 블로거

티스토리 줄간격 조절하기 - 모바일 사용 편의성 문제

안녕하세요. 티스토리 블로그를 구글 서치 콘솔에 등록을 해 놓았더니 사이트의 문제점에 대해 리포팅이 왔습니다. 구글에서 글을 수집중인데, 오류와 수정할 내용에 대해 이렇게 인폼을 주니 참 좋은것 같습니다.

 

제게 온 메일은 '사이트 https://intocloud.kr/에서 새로운 모바일 사용 편의성 문제가 발견됨 이라는 제목 입니다.

 

모바일 사용 편의성 문제 해결하기로 들어가 보니, 태그를 보는 페이지가 모바일 환경에서 최적화 되어 있지 않다고 합니다. 사이즈가 너무 작아서 사용자가 확대를 해야 보인다는 친절한? 문제점도 리포팅이 되어 있습니다.

 

그래서 모바일로 보니 확실히 태그의 글자 사이즈가 좀 작은것 같았습니다.

아래와 같이 줄간격 및 폰트 사이즈를 변경 하고 문제점 해결을 눌러 줬습니다.

 

블로그홈 관리 꾸미기 에서 스킨편집 - HTML편집 - CSS선택

스킨편집선택
HTML편집선택
CSS선택 후

Ctrl + F로 line-height를 찾아 줍니다. 이것은 줄간격을 조절하는 건데요, 제 반응형 블로그에는 1.25로 되어 있었습니다. 조금씩 늘려 보니 1.8 정도는 되야 쓸만할것 같아서 1.8로 수정 하였습니다.

폰트 사이즈도 조금 작은듯 하여 기존 100% 에서 105%로 변경해 주었구요.

 

문제 해결을 누르니 하기와 같이 유효성 검사상태 시작됨으로 상태가 변경 되었습니다.

구글의 봇이 크롤링을 하고 분석을 시작할듯 합니다. 혹시 계속 문제가 되면 전반적인 모바일의 글씨 크기와 간격을 더 수정해 주고자 합니다. 최종 완료되면 결과를 댓글에 남기도록 하겠습니다.

 

작은 차이인듯 하지만 이렇게 문제점을 리포팅 해 주니 좋은것 같습니다. 예전에는 모바일로 웹 검색을 하면 확대하지 않고서는 보기 힘든 페이지가 많았는데 어느순간 그런 페이지 들은 거의 찾아보기가 힘들어 졌네요. 이러한 노력들이 사용자 편의성을 증가 시키는것 같습니다.

 

여튼 기분좋은 하루 입니다.