블로그 포스팅 화면 두손가락 확대 축소기능 설정 하면 가독성을 대폭 높혀준다

내 블로그 포스팅 화면은 다른 사람들에겐 어떻게 보일까?

가끔 그런 궁금증을 가지게 되는 시간이 있는데요 

각각의 모바일의 종류와 화면의 크기가 다르기 때문이라고 할수 있겠습니다.

제가 포스팅으로 사용 하는 겔노트 크기 와 비슷한 모바일 이라면 크게 상관 없지만 작은 화면의 모바일 이라면 문제가 될수 있겠지요

특히 도표를 함축해  올린 경우 글자가 깨알 같이 작아 잘 보이지 않아서 답답 했든 경험 있을 것입니다.

가까스로 유입된 유저가 포스팅을 읽다가 불편 하게 느껴지면 금방 나가 버리게 되겠지요

페이지 전환율이 떨어 지는 이유가 됩니다.

구글 애드센스에서는 양질의 블로그에 대해 우호적이며 검색의 우선 순위도 양질의 싸이트 부터 하게 되는데 그 기준의 가장 중요한 포인트중  하나가 페이지 전환율이 됩니다

좀더 자세히 보고 싶은데 안되면 신경질이 나서 빠져 나가 버리겠지요

이럴때 손가락 두개로 화면을 펼쳐서 크게 볼수 있는 확대 축소 기능이 있다면 또다른 페이지 방문도 유도 되기 쉽고 결국 전환율은 높히고 방문자를 오래 머물수 있도록 해 이탈율도 낮출수 있으니 양질의 싸이트가 되는 지름길이 라고 할수 있을 것입니다.

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1 .0"> 

위 메타 태그를 복사해 블로그 스킨 편집에 들어가 head부에 붙혀 넣기 하면 됩니다.

그리고 user-scalable=no 를 user-scalable=yes로 바꿔 주면 됩니다.

반대로 축소 확대 기능이 필요 없다면 반대로 user-scalable=no 로 바꿔 주면 됩니다.

모바일 웹에서는 html 에디터를 지원 하기 때문에 스킨 편집이나 html코딩이 가능 하지만 현재의 티스토리 앱 에디터 에서는 html기능이 제공되지 않기 때문에 html수정이 불가능 합니다.

그리고 웹으로 처리한 레이어가 앱에서 레이 아웃이 불일치 하는 경우가 많습니다.

현재의 티스토리 앱으로는 두손가락 확대 축소 기능이 지원 되지 않으니 참고 바랍니다.

그리고 위 메타 태그는 모든 크기의 모바일 기기에 맞도록 비율을 조절 해주는 태그 이니 꼭 사용해 보도록 하세요.

도움이 되셨다면 추천💓 한방씩 쏴 주고 가세요

감사 합니다.