구글 서치콘솔 모바일 미지원 페이지 해결 방법 3가지 (무조건 해결 가능)

 

구글 서치콘솔은 운영하는 티스토리나 블로그스팟의 노출 이슈 여부를 확인할 수 있습니다. 간혹 문제가 있는 글의 경우라면 구글에 노출되지 않는 경우가 발생합니다. 이럴 때는 수정을 통해 해결하여 노출될 수 있도록 해야 합니다. 

구글 서치콘솔 - 페이지에 들어가면 색인이 생성되지 않음으로 뜨는 페이지들이 보입니다. 서치콘솔을 오랜만에 관리했더니 색인 생성되지 않은 페이지가 많이 쌓였습니다만, 자주 들어가서 확인하는 것이 좋습니다. 

발견됨-색인이 생성되지 않음을 눌러 들어가면 색인 생성이 되지 않은 게시글 확인이 가능합니다. 여기서 각 게시글 위로 커서를 두면 우측에 3가지 아이콘이 생깁니다. 여기서 돋보기 아이콘을 눌러 들어가줍니다.

돋보기 아이콘을 눌러 들어간 뒤 실제 URL 테스트를 진행하면 아래와 같이 문제가 뜹니다. 

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

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

이럴 때 해결 방법은 총 3가지가 있습니다. 

첫번째, HTML 편집 

1. 티스토리 - 꾸미기 - 스킨편집 - HTML 편집 

HTML 접속 후 viewport를 수정합니다. 하단 그대로 입력하면 됩니다. 모바일에 맞게 페이지를 변경해주는 입력어 입니다. 

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

두번째, CSS 편집 

1. 스킨편집 HTML 옆 CSS를 눌러준 뒤 접속합니다.

2. Line-height를 2 나 2.5로 변경해줍니다. 클릭할 수 있는 요소가 너무 가까움을 해결해줍니다. 

세번째, 글자, 이미지 사이즈 변경

앞서 말씀드린 2가지 방법 (html, css)를 수정해도 실시간 url 검사 시 모바일 미지원으로 뜬다면 이 방법으로 수정하셔야 합니다. 

1. 글자 사이즈 변경 

모바일 미지원인 게시글을 일일이 수정해야 하는 방식으로, 게시글 내 글씨 크기가 본문 2라면 본문 1로 변경해야 합니다.

2. 이미지 사이즈 변경

이미지는 사이즈를 오히려 줄여야 합니다. 기존에 큰 이미지일 경우 모바일 미지원이 뜨는 경우가 많기 때문에 가로 사이즈를 600~700사이로 줄여야 합니다. 일괄 이미지 사이즈 조정이 가능하기 때문에 일괄로 조정해주시면 됩니다. 

위의 3가지를 진행 후 다시 요청해보았습니다. 모바일 사용 편의성이 바로 해결 된 것을 확인할 수 있습니다. 

이상으로 모바일 미지원 페이지 해결 방법에 대해 소개해드렸습니다. 서치콘솔 자주 확인하여 노출이 막히지 않도록 유의하시길 바랍니다.