구글 서치 콘솔 "콘텐츠 폭이 화면 폭보다 넓음" 완벽해결!!

 

티스토리나 애드센스 광고를 사용하시는 사용자라면, 한 번쯤은 이메일이나 구글 서치 콘솔 사이트에서 아래와 같은 문구를 보신 적이 있으실 텐데요.

 

 

이런 문제가 생기는 이유는 작성한 콘텐츠의 설정된 크기와 모바일 사용자들이 사용하는 기기들의 화면 크기가 다양하기 때문에 발생하게 됩니다.

 

위 문제가 발생하면 사이트의 검색 노출에서 제외되며, 방문자(▼) 및 애드센스 수익(▼)도 줄어들게 됩니다.

 

그럼 이 "콘텐츠 폭이 화면 폭보다 넓음" 문제를 완벽하게!! 해결해 보겠습니다.

 

중요한 것은 [뷰포트 설정]에 있습니다. 이 설정에선 뷰포트를 독립적인 픽셀로 만들어 다양한 기종에서 페이지를 열어도 화면의 너비를 일치시켜 줍니다.

 

· [티스토리 관리] > [스킨 편집] > [html 편집]으로 들어갑니다.

티스토리 html 편집하기!

 

·[HTML] 탭 > [Ctrl] + [F]를 눌러서 검색창을 불러옵니다.

 

 

· 검색창에 "viewport"를 입력하고 [Enter]를 눌러 검색합니다.

 

· <meta name="viewport" ~ >로 되어있는 코드 전체를 아래 파일을 다운로드 받아서 복사 붙여넣기해 줍니다.

 

뷰포트 설정 코드.txt

0.00MB

 

<변경 코드>

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

 

· 모든 작업이 완료되었다면 우측 상단의 [적용]을 눌러서 저장해줍니다.

 

· 다시 구글 서치 콘솔로 돌아와 수정 결과 확인을 눌러서 유효성 검사를 진행합니다. 유효성 검사가 진행 중이라고 바뀌게 되며, 며칠 후 아래처럼 등록된 메일로 결과가 오게 됩니다.