구글 서치콘솔 "모바일 미지원 페이지" 해결방법

하루하루 열심히 포스팅을 하고 구글 서치콘솔에 색인 생성요청을 평소와 같이 하는데,

아니 갑자기 "색인 생성 요청이 거부됨" 이라니??

거부됨이라는 단어가 이렇게 무섭게 다가오다니...ㅋㅋㅋ

구글 서치콘솔, 색인 생성 요청이 거부됨

아래를 보니 아래와 같이 "모바일 미지원 페이지" 라는데..

아니 전 애초에 탭으로 포스팅하는데여... 모바일로 쓰는데 모바일 미지원 페이지라녀.....

구글 서치콘솔 모바일 미지원 페이지 경고

나름 두 가지 이유가 있다.

1. 클릭할 수 있는 요소가 서로 너무 가까움
2. 콘텐츠 폭이 화면 폭보다 넓음

어떻게 하면 해결할 수 있을까?

 

viewport 설정 바꾸기

블로그 로딩 속도가 느리기 때문일 수 있다.

이미지 업로드가 많았을 경우 그러는 경우가 있는데,

그 외에도 웹페이지의 요소들을 로딩하는 속도가 느려서 그렇다.

최적화 세팅할 때처럼 우리 다같이 티스토리 관리 페이지로 들어가보자

• 꾸미기 → 스킨 편집 → html 편집

html 코드에서 viewport로 검색하면 아래와 같은 코드가 나온다.

html 코드에서 "viewport" 수정

기존에는 아래와 같이 되어있었을 것이다.

<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width">

위 코드를 아래와 같이 변경하자! (위 그림과 같이)

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

 

라인 높이, 폰트 사이즈 키우기

PC보다 모바일이 화면 사이즈가 작기 때문에 줄 간격이라던지, 글씨 크기가 작으면 보기 어려울 수 있다.

• 꾸미기 → 스킨 편집 → html 편집

그 중 CSS 카테고리에 들어가서,

line-height 값을 2.5로, font-size 값을 105%로 설정해주자!

(저 수치가 꼭 정답은 아니니 조금씩 바꿔가면서 적당한 값으로 설정해줘도 됨! default 값보다만 키우면 된다)

line-height와 font-size 키우기

 

이미지 사이즈 줄이기

업로드하는 이미지가 너무 커서 그럴수도 있다.

보통 페이지 로딩이 길어지기 때문에 이미지의 용량 자체를 줄이라는 내용이 많은데 이것도 필요하지만,

이미지 사이즈 자체를 줄여줘야 한다.

이미지가 대문짝만하게 들어가면 모바일에서는 보기가 너무 어렵...

이미지가 한 눈에 들어오지도 않고 스크롤 압박도 생길 수 있으니!!

이미지 편집 버튼

이미지를 업로드하고 클릭하면 위와 같이 이미지나 사이즈 편집, 배치, 하이퍼링크, Alt 태그 등을 넣을 수 있는 편집창이 생긴다.

그 중 크기변경 대신 "이미지 편집"을 눌러준다.

이미지 편집 통해 사이즈 조정

크기에서 모바일에 적합한 사이즈는 경험상 500 ~ 700 정도가 적당한 것 같다.

이것도 정답은 아니니 이것저것 사이즈 조정을 해보면서 어떻게 나오나 확인해보면 좋을 듯!!

 

이렇게 세 가지만 작업해주고 다시 색인생성 요청을 해보자!

색인생성 요청 후 실제 URL 테스트를 눌러보면 경고메시지 없이 잘 해결됨을 알 수 있다!!

해결 완료!

 

아래 함께 보면 좋을 포스팅을 소개하니 참고 해주시길!

티스토리 애드센스 승인! 처음 시작하는 블로거 2주만에 승인 방법

티스토리 애드센스 최적화 셋팅? 그거 어떻게 하는건데..