모바일 가독성 — 이탈률 30% 줄이는 5가지 포맷팅 규칙

모바일에서 보면 다른 글이 된다

PC에서 멀쩡해 보이던 글을 핸드폰으로 열어보면 한 문단이 일곱 줄로 늘어나 답답해 보이는 경우가 흔합니다.

네이버 블로그 통계에 따르면 평균 방문자 중 모바일 비중이 80%를 넘는 블로그가 대다수입니다.

그런데도 많은 작가가 PC 화면 기준으로 글을 쓰고 발행해 모바일 독자가 첫 화면에서 이탈하는 일을 만듭니다.

체류시간은 D.I.A. 알고리즘이 가장 정직하게 평가하는 신호이기 때문에 모바일 가독성은 곧 노출 점수와 직결됩니다.

이 글은 발행 후 모바일 미리보기로 반드시 확인해야 하는 다섯 가지 포맷팅 규칙을 정리합니다.

---

규칙 1 — 한 문단은 두 줄을 넘기지 않는다

모바일 화면에서 한 문단이 다섯 줄을 넘어가면 독자의 눈은 "읽기 싫은 정보 덩어리"로 인식합니다.

문장이 길더라도 의미 단위로 끊어 한 문단을 2~3줄로 유지하면 시선이 자연스럽게 다음 문단으로 흐릅니다.

문장과 문장 사이에 한 줄 띄움을 넣어 호흡을 만드는 것도 같은 효과를 냅니다.

이 규칙은 단순하지만 발행 전 미리보기로 확인하지 않으면 어김없이 무너집니다.

---

규칙 2 — 첫 화면에서 결론이 보이게 한다

모바일 첫 화면에 들어가는 분량은 약 250~300자입니다.

독자는 그 안에서 이 글이 내가 찾던 정보인가를 판단하고 머물지 떠날지를 결정합니다.

그래서 도입부 첫 두 문단 안에 글의 핵심 결론이나 약속이 드러나야 합니다.

"이 글에서 다룰 내용은…"식의 안내문보다는 "결론부터 말하자면…" 또는 구체적 일화로 시작해 핵심을 빠르게 노출하는 편이 이탈률을 낮춥니다.

도입부에서 결론을 일부 보여줘도 독자는 그 근거가 궁금해서 끝까지 읽습니다.

---

규칙 3 — 소제목은 명사형으로 짧게

모바일 화면에서 소제목이 두 줄을 넘기면 본문과의 구분이 흐려집니다.

가장 깔끔한 형태는 10~15자 내외의 명사형이며, 핵심 키워드 한두 개를 포함하는 구조입니다.

"○○에 대한 모든 것을 알려드릴게요"처럼 풀어쓴 소제목은 가독성도 떨어지고 검색 노출에도 도움이 안 됩니다.

소제목만 쭉 훑어도 글의 흐름이 보이는 것이 잘 짜여진 본문 구조의 특징입니다.

---

규칙 4 — 이미지는 본문 한 호흡에 한 장

본문에 이미지를 너무 많이 넣으면 모바일에서 스크롤이 끝없이 이어지고 의미 없는 사진들이 글의 집중도를 떨어뜨립니다.

반대로 이미지가 한 장도 없는 글은 시각적 휴식 없이 텍스트만 이어져 독자가 빠르게 지칩니다.

가장 안정적인 비율은 한 소제목당 이미지 1~2장이며, 본문 전체로 보면 5~7장 정도입니다.

이미지에는 alt 속성과 캡션을 넣어 검색 노출과 가독성을 동시에 챙기는 것이 좋습니다.

---

규칙 5 — 강조 표시는 본문의 5%를 넘지 않는다

본문의 핵심 단어를 굵게 처리하거나 색상으로 강조하면 독자의 눈이 그 부분에 빠르게 머뭅니다.

하지만 한 문단에 굵은 글자가 여러 군데 흩어지면 강조가 사라지고 산만한 글이 됩니다.

가장 좋은 비율은 전체 본문의 약 5% 내외이며, 한 문단에 강조는 1회 정도가 적당합니다.

색상 강조는 두 가지 색을 넘기지 않는 것이 좋고, 빨강과 파랑처럼 의미가 명확히 구분되는 색상을 일관되게 사용하는 것이 깔끔합니다.

이 규칙들을 적용하고 발행 직후 자기 휴대폰으로 글을 한 번만 열어보아도 이탈률은 눈에 띄게 떨어집니다. 가독성은 글의 품질만큼이나 노출 점수에 직접 영향을 주는 변수입니다.