콘텐츠 폭이 화면 폭 보다 넓음

애드센스 모바일 사용 편의성 중 ‘콘텐츠 폭이 화면 폭 보다 넓음’의 문제를 해결해 보도록 하겠습니다. 모바일 사용 편의성은 해결해 주지 않으면 바로 수익에 영향을 미치기 때문에 빠른 처리를 하는게 좋습니다.

모바일 사용 편의성 문제

구글 콘솔에 들어가게 되면 모바일 사용 편의성에 빨간불이 들어오는 경우가 있습니다. 우리의 사이트로 들어오는 대부분의 유입 기기가 모바일 인걸 감안하면, 이 문제는 반드시 수정해 주어야 합니다.

모바일 사용 편의성 문제는 여러가지가 있지만 그중에서도 오늘은 ‘콘텐츠 폭이 화면 폭보다 넓음’ 이라는 문제를 해결해 보도록 하겠습니다. 티스토리 운영 중 위와 같은 문제가 있으시다면 참고하시기 바랍니다.

이미지의 크기 문제로 발생되는 모바일 문제로, 모바일로 보았을때 이미지가 안보이거나 크기가 너무 커서 생기는 문제입니다. 계속적으로 이 문제가 발생한다면, html에서 직접적으로 수정을 해주고, 특정 글에서만 문제가 생겼다면 이미지를 직접 편집해 주면 됩니다.

1.티스토리 – 스킨편집 – html 편집으로 들어가 줍니다.

2. 편집창에 ctrl + f 키를 눌러 ‘view port’ 찾아 줍니다.

3. 기존에 있던 view port 부분에 아래 코드를 입력해 줍니다.

4. 위 코드를 입력하고 우측 상단 ‘적용하기’를 눌러 완료해 줍니다.

이미지를 직접 수정하여 문제를 해결해 봅시다.

문제가 되었던 글로 들어가 이미지 수정을 클릭해 줍니다.

(맨 좌측 아이콘 클릭)

이미지 수정을 누르면 크기를 확인 할 수 있는데요, 원본 이미지를 보면 문제가 될 만 하죠.

최대 1000 픽셀의 크기를 권장하며 이보다 작은 사이즈가 적당합니다.

직접 입력을 해줘서 수정을 해도 좋고, 보기에 나와 있는 크기로 변경해 주어도 됩니다.

이미지 수정은 반드시 ‘수정’부분에서 크기를 변경해 주어야 해요. 글에서 바로 이미지를 줄였다고 해서 크기가 변경된 것은 아니니 주의해 주시기 바랍니다.

이렇게 구글 콘솔에 있는 모바일 사용 편의성에 대해 알아보았습니다. 앞에서 언급 했듯 모바일 기기로 들어오는 유입수가 많기 때문에 이 부분은 반드시 빠르게 수정해 주어야 합니다.

모바일로 사용자가 보았을때 불편감을 느끼게 되면 이탈자가 많아지고 블로그 지수에 좋지 않은 영향을 미치기 때문입니다.