모바일에서 안 읽히면, 데스크톱 점수도 같이 내려간다
블로그 방문자의 대부분은 휴대폰으로 들어옵니다. 구글은 모바일 화면을 기준으로 색인하므로, PC에서 아무리 멀쩡해 보여도 모바일에서 깨지면 그것이 평가 대상입니다. 손볼 곳은 많지 않고 대개 몇 군데로 정해져 있습니다.
목차
왜 모바일이 기준인가요?
구글이 모바일 화면을 보고 색인하기 때문입니다. PC 화면은 참고일 뿐이고, 검색 결과에 반영되는 것은 모바일에서 본 모습입니다.
| 항목 | 내용 |
|---|---|
| 색인 기준 | 모바일 화면 |
| PC 화면 | 참고 |
| 방문 비중 | 모바일이 다수 |
| 확인처 | 서치콘솔 |
첫 줄이 판단을 바꿉니다. PC에서 예쁘게 나온다고 안심하시면 안 되고, 휴대폰으로 직접 열어 보셔야 실제 상태를 아십니다.
셋째 줄이 현실입니다. 검색으로 들어오는 독자 대부분이 휴대폰이므로, 모바일 경험이 곧 체류시간이고 그것이 다시 노출로 이어집니다.
무엇이 자주 깨지나요?
문제가 되는 자리가 정해져 있습니다. 이 4가지만 봐도 대부분 잡힙니다.
- 가로 스크롤 — 화면 밖으로 넘치는 요소
- 작은 글씨 — 확대해야 읽히는 크기
- 누르기 어려운 링크 — 서로 붙어 있음
- 느린 로딩 — 큰 이미지
첫 번째가 가장 흔합니다. 넓은 표나 큰 이미지가 화면을 넘으면 좌우로 밀어야 읽히는 상태가 되어, 대부분의 독자가 그 자리에서 나갑니다.
세 번째가 광고와 겹치면 문제가 커집니다. 링크나 버튼이 서로 가까우면 잘못 눌리고, 광고를 실수로 누르게 만드는 배치는 정책 문제로도 이어집니다.
표는 어떻게 하나요?
표가 가로 스크롤의 주범입니다. 열이 많으면 모바일 화면에 들어가지 않습니다.
- 열 수 줄이기 — 2~3개로
- 가로 스크롤 허용 — 표만 따로 밀리게
- 항목 나열로 대체 — 표 대신 목록
- 긴 제목 줄이기 — 열 너비를 줄입니다
첫 번째가 가장 확실합니다. 정보를 다 넣으려다 열이 늘어나는 것이므로, 핵심 2개만 남기고 나머지는 본문으로 옮기시면 됩니다.
세 번째가 대안입니다. 비교가 목적이 아니라 나열이 목적이면 표를 쓸 이유가 없으니, 항목과 값을 줄로 적는 편이 모바일에서 훨씬 잘 읽힙니다.
이미지는요?
크기와 형식을 함께 보셔야 합니다. 큰 원본을 그대로 올리면 로딩이 느려집니다.
- 가로 크기 — 화면 폭에 맞게
- 파일 크기 — 줄여서 올리기
- 형식 — 사진과 도표에 맞는 것으로
- 대체텍스트 — 검색과 접근성
두 번째가 속도를 좌우합니다. 휴대폰 카메라로 찍은 원본은 용량이 크므로 줄여서 올리시면 로딩이 눈에 띄게 빨라집니다.
첫 번째를 놓치면 가로 스크롤이 생깁니다. 화면보다 넓은 이미지가 1장만 있어도 페이지 전체가 옆으로 밀립니다.
글은 어떻게 쓰나요?
같은 내용이어도 모바일에서 읽히는 형태가 따로 있습니다.
- 짧은 문단 — 3~4줄마다 끊기
- 소제목 자주 — 스크롤 중 위치 파악
- 핵심 먼저 — 결론을 앞에
- 긴 문장 나누기 — 한 문장에 하나씩
첫 번째가 체감 차이를 만듭니다. PC에서 3~4줄인 문단이 휴대폰에서는 10줄이 넘어가므로, 벽처럼 보여 읽다가 그만두게 됩니다.
세 번째가 체류시간에 직결됩니다. 결론이 뒤에 있으면 스크롤 도중 이탈하시므로, 첫 문단에 답을 먼저 두시는 편이 낫습니다.
어떻게 확인하나요?
도구도 있고 눈으로 보는 방법도 있습니다. 둘 다 하시면 확실합니다.
- 휴대폰으로 열기 — 가장 정확합니다
- 브라우저 기기 모드 — PC에서 미리 보기
- 서치콘솔 — 모바일 사용 편의성 보고
- 속도 측정 도구 — 로딩 시간
1번을 권합니다. 30초면 되고, 도구가 알려 주지 않는 것들이 있어서 실제로 스크롤해 보면 어디가 답답한지 바로 느껴집니다.
2번이 편집 중에 유용합니다. 브라우저 검사 창에서 기기 크기를 바꿔 보면 글을 쓰면서 확인하실 수 있습니다.
속도 개선은 블로그 페이지 속도 느려지는 원인과 개선 순서에, 이미지 형식은 이미지 파일 형식 JPG PNG WebP 골라 쓰는 기준에 있습니다.
대체텍스트는 이미지 대체텍스트, 파일명 그대로 두면 검색이 못 읽는다에, 색인은 구글 서치콘솔 색인 요청하고 누락 원인 찾는 법에 정리했습니다.
제목과 구조는 블로그 글 제목 짓는 원칙과 흔한 실수 살펴보기와 구조화 데이터 넣어 검색 결과 풍부하게 만들기를 보시기 바랍니다.
설명 문서는 구글 검색 센터에서 확인하실 수 있습니다.
자주 묻는 질문
왜 모바일이 기준인가요?
구글이 모바일 화면을 보고 색인하기 때문입니다. PC 화면은 참고입니다.
무엇이 가장 자주 깨지나요?
가로 스크롤입니다. 넓은 표나 큰 이미지가 화면을 넘으면 생깁니다.
표를 어떻게 해야 하나요?
열을 두세 개로 줄이거나 항목 나열로 바꾸시면 됩니다.
이미지는 얼마나 줄여야 하나요?
화면 폭에 맞는 가로 크기로 줄이고 파일 용량도 함께 낮추십시오.
어떻게 확인하나요?
휴대폰으로 직접 열어 스크롤해 보시는 것이 가장 정확합니다.
정리
- 색인 기준은 모바일 화면입니다
- 가로 스크롤이 가장 흔한 문제입니다
- 표는 열을 줄이거나 나열로 바꾸십시오
- 이미지는 가로 크기와 용량을 함께 줄이십시오
- 문단은 3~4줄마다 끊으십시오
- 휴대폰으로 직접 열어 보는 것이 가장 정확합니다
다음으로 하실 일은 최신 글 하나를 휴대폰으로 열어 좌우로 밀리는지 확인하시는 것입니다. 밀린다면 표나 이미지부터 손보시면 됩니다.
글쓴이 션잇 · IT 전문가. 업무 자동화와 AI 도구를 다룬다
댓글