티스토리 모바일 가독성 높이는 방법｜스마트폰에서 꼭 확인할 12가지

티스토리에서 글을 작성할 때 저는 대부분 PC 화면을 기준으로 글을 확인했습니다.

큰 화면에서는 제목도 잘 보이고, 문단도 깔끔해 보이고, 이미지와 표도 별다른 문제가 없어 보였습니다.

그런데 애드센스 승인 거절 이후 블로그를 다시 점검하면서 스마트폰으로 제가 작성한 글을 처음부터 끝까지 읽어보니 생각보다 불편한 부분이 많았습니다.

문단이 너무 길어서 화면을 가득 채우기도 했고, 표의 오른쪽 부분이 잘리기도 했습니다.

링크가 본문에 묻혀 어디를 눌러야 하는지 알기 어려운 글도 있었습니다.

특히 PC에서는 적당해 보였던 한 문단이 스마트폰에서는 상당히 길게 느껴졌습니다.

결국 중요한 것은 글을 작성하는 화면이 아니라 실제 방문자가 읽는 화면이라는 생각이 들었습니다.

지난 글에서는 티스토리 블로그 기본 페이지를 점검하는 방법을 알아봤습니다.

이번에는 그다음 단계로 티스토리 글을 스마트폰에서 읽기 편하게 만드는 방법을 하나씩 알아보겠습니다.

처음 블로그를 시작한 분도 자신의 글을 직접 확인하면서 따라 할 수 있도록 12가지 항목으로 정리했습니다.


---

1. 발행한 글은 반드시 스마트폰에서 직접 확인합니다

가장 먼저 해야 할 일은 어렵지 않습니다.

자신이 발행한 글을 스마트폰에서 직접 열어보는 것입니다.

PC에서 작성한 글은 PC 화면에서만 확인하고 끝내기 쉽습니다.

하지만 스마트폰은 화면 폭이 훨씬 좁습니다.

따라서 PC에서 두세 줄이었던 문장이 모바일에서는 여러 줄로 표시될 수 있습니다.

특히 다음과 같은 부분을 확인합니다.

제목이 지나치게 길지 않은지

첫 문단을 읽기 편한지

소제목이 본문과 구분되는지

이미지가 화면을 벗어나지 않는지

표의 내용이 잘리지 않는지

링크를 쉽게 누를 수 있는지

광고 때문에 본문 흐름이 지나치게 끊기지 않는지


단순히 화면을 한 번 보는 것으로 끝내지 않고 실제 방문자처럼 처음부터 끝까지 읽어보는 것이 좋습니다.


---

2. 한 문단을 지나치게 길게 작성하지 않습니다

모바일 가독성을 확인하면서 가장 먼저 눈에 들어오는 부분이 문단 길이입니다.

예를 들어 하나의 문단에 여러 내용을 계속 이어서 작성하면 PC에서는 크게 불편하지 않을 수 있습니다.

하지만 모바일에서는 화면 대부분이 글자로 가득 차게 됩니다.

독자 입장에서는 어디까지 읽었는지 놓치기 쉽습니다.

따라서 저는 한 문단에서 하나의 핵심 내용을 설명하는 방식으로 작성하려고 합니다.

예를 들어 다음 문장을 살펴보겠습니다.

수정 전

티스토리 글을 작성할 때 모바일 화면을 확인하는 것은 중요합니다. PC에서는 글이 정상적으로 보이더라도 모바일에서는 문단이 길어질 수 있고 이미지나 표가 화면에서 제대로 표시되지 않을 수 있으며 링크도 누르기 어려울 수 있기 때문에 발행 후 스마트폰에서 직접 확인하는 것이 좋습니다.

내용 자체가 잘못된 것은 아니지만 한 번에 읽어야 할 정보가 많습니다.

다음처럼 나눌 수 있습니다.

수정 후

티스토리 글을 작성했다면 모바일 화면도 확인하는 것이 좋습니다.

PC에서는 정상적으로 보이더라도 스마트폰에서는 문단이 훨씬 길게 표시될 수 있습니다.

이미지나 표가 화면을 벗어나거나 링크를 누르기 어려운 경우도 있습니다.

따라서 발행 후에는 스마트폰에서 글을 직접 확인합니다.

같은 내용이지만 모바일에서는 두 번째 방식이 훨씬 읽기 편합니다.


---

3. 소제목으로 긴 글을 나눕니다

정보성 글은 내용이 길어질 수 있습니다.

제가 작성하는 글도 하나의 주제를 자세히 설명하다 보면 자연스럽게 분량이 늘어납니다.

이때 소제목 없이 본문만 계속 이어지면 독자가 원하는 내용을 찾기 어렵습니다.

그래서 큰 내용이 바뀌는 부분마다 소제목을 넣습니다.

예를 들어 현재 글처럼

1. 스마트폰에서 직접 확인하기

2. 문단 길이 확인하기

3. 소제목으로 내용 구분하기

처럼 나누는 것입니다.

이렇게 하면 글 전체를 처음부터 읽지 않아도 필요한 부분을 찾기 쉬워집니다.


---

4. H2와 H3 소제목 구조를 구분합니다

소제목은 글씨를 크게 만드는 용도로만 생각하지 않는 것이 좋습니다.

글의 구조를 나타내는 역할도 합니다.

예를 들어 글의 큰 구성을 다음과 같이 만들 수 있습니다.

H2에 해당하는 큰 소제목

티스토리 모바일 가독성을 높이는 방법

그 아래에서 세부 내용을 나누고 싶다면 H3 수준의 소제목을 사용할 수 있습니다.

H3에 해당하는 세부 소제목

문단 길이 확인

이미지 확인

표 확인

링크 확인

모든 문장을 제목 태그로 지정할 필요는 없습니다.

큰 내용은 H2, 그 아래 세부 내용은 H3처럼 계층을 일정하게 유지하는 것이 중요합니다.

티스토리에서 글을 작성할 때 단순히 글씨 크기만 크게 만드는 것보다 에디터의 제목 서식을 활용해 글의 구조를 명확하게 만드는 방법을 사용할 수 있습니다.


---

5. 첫 화면에서 글의 주제를 알 수 있게 작성합니다

검색이나 외부 링크를 통해 들어온 방문자는 처음부터 글을 천천히 읽는다고 장담할 수 없습니다.

먼저 제목과 첫 부분을 보고

“내가 찾던 내용이 맞는가?”

를 판단할 수 있습니다.

따라서 서론을 지나치게 길게 작성하기보다 이번 글에서 무엇을 알려주는지 자연스럽게 설명합니다.

예를 들어 모바일 가독성에 관한 글이라면 첫 부분에서

문단

소제목

이미지

표

링크

등을 점검한다는 것을 알려줄 수 있습니다.

본문과 관계없는 이야기를 길게 작성한 뒤 핵심 내용을 너무 늦게 시작하지 않는 것이 좋습니다.


---

6. 글자 크기를 임의로 너무 작게 만들지 않습니다

한 화면에 많은 내용을 보여주기 위해 글자를 작게 만들고 싶을 수도 있습니다.

하지만 모바일에서는 작은 글씨가 오히려 읽기 불편할 수 있습니다.

특히 방문자가 화면을 확대해야 할 정도라면 정보 접근성이 떨어집니다.

제가 확인하는 기준은 간단합니다.

스마트폰을 평소 사용하는 거리에서 확대하지 않고 읽을 수 있는가?

입니다.

글자 크기는 사용 중인 티스토리 스킨에 따라 표시 방식이 달라질 수 있습니다.

따라서 특정 숫자가 모든 블로그에 정답이라고 생각하기보다 자신의 스킨에서 실제 표시되는 화면을 확인하는 것이 좋습니다.


---

7. 굵은 글씨는 정말 중요한 부분에 사용합니다

정보성 글을 강조하기 위해 모든 문장을 굵게 만들면 오히려 중요한 부분이 무엇인지 알기 어려워집니다.

예를 들어 한 문단에서 핵심 문장 하나 정도를 강조하면 독자가 내용을 빠르게 파악할 수 있습니다.

모바일에서는 강조할 부분과 일반 본문의 차이가 분명해야 읽기 편합니다.

반대로 문단 전체를 계속 굵은 글씨로 작성하면 강조 효과가 줄어듭니다.

저는 다음과 같은 부분에 제한적으로 사용하려고 합니다.

핵심 결론

중요한 주의사항

단계별 설명의 핵심

독자가 반드시 확인해야 하는 내용


색상 역시 지나치게 많이 사용하지 않는 것이 좋습니다.


---

8. 이미지는 모바일 화면에서 다시 확인합니다

PC에서 적당한 크기로 보이는 이미지도 스마트폰에서는 다르게 표시될 수 있습니다.

특히 이미지 안에 글자가 들어 있다면 더 자세히 확인해야 합니다.

제목 이미지나 설명 이미지를 사용할 때는 스마트폰에서도 글자가 읽히는지 확인합니다.

다음 항목을 점검해 봅니다.

이미지 확인 체크리스트

□ 화면 밖으로 벗어나지 않는가?

□ 이미지 비율이 이상하게 변하지 않는가?

□ 이미지 속 글자가 너무 작지 않은가?

□ 이미지가 지나치게 많아 본문을 방해하지 않는가?

□ 동일한 이미지를 반복해서 사용하지 않았는가?

□ 본문 내용과 관련 있는 이미지인가?

특히 설명을 위해 만든 이미지라면 작은 글씨를 많이 넣기보다 핵심 정보가 보이도록 단순하게 만드는 것이 좋습니다.


---

9. 표는 반드시 모바일에서 확인합니다

정보성 콘텐츠를 작성할 때 표는 유용합니다.

가격 비교, 특징 비교, 체크리스트 등을 한눈에 보여줄 수 있기 때문입니다.

하지만 모바일에서는 표가 가장 쉽게 불편해질 수 있는 요소 중 하나입니다.

예를 들어 다음과 같은 표가 있다고 가정해 보겠습니다.

확인 항목 PC 모바일

문단 비교적 넓게 표시 길게 보일 수 있음
이미지 크게 확인 가능 작은 글자 확인 필요
표 여러 열 표시 가능 폭이 부족할 수 있음


PC에서는 간단한 표입니다.

하지만 열이 5개, 6개로 늘어나고 각 칸에 긴 문장을 넣으면 모바일에서 확인하기 어려워질 수 있습니다.

따라서 모바일에서는 표를 가능한 단순하게 구성합니다.

열이 지나치게 많다면 내용을 여러 개의 작은 표나 일반 목록으로 나누는 방법도 생각할 수 있습니다.


---

10. 링크는 무엇을 확인하는 곳인지 알 수 있게 작성합니다

정보성 글에서는 내부 링크와 외부 링크를 사용할 수 있습니다.

하지만

여기를 클릭하세요

처럼 작성하면 링크를 누르기 전에는 어떤 내용인지 알기 어렵습니다.

가능하면 링크의 목적을 알 수 있는 문구를 사용하는 것이 좋습니다.

예를 들어

티스토리 카테고리 정리 방법 확인하기

처럼 작성하면 어떤 글로 이동하는지 예상할 수 있습니다.

또한 모바일에서는 링크가 너무 작거나 다른 링크와 붙어 있으면 잘못 누를 수 있습니다.

발행 후 직접 눌러보면서 정상적으로 이동하는지도 확인합니다.


---

11. 이모티콘과 특수기호를 지나치게 반복하지 않습니다

이모티콘은 긴 글의 분위기를 부드럽게 만들고 특정 부분을 강조하는 데 도움이 될 수 있습니다.

하지만 모든 소제목에 여러 개의 이모티콘을 넣거나 문장마다 특수기호를 반복하면 오히려 본문이 복잡해 보일 수 있습니다.

예를 들어

⭐⭐⭐ 꼭 확인하세요 ⭐⭐⭐

🔥🔥 무조건 해야 합니다 🔥🔥

👉👉 지금 바로 확인 👈👈

같은 표현을 반복하면 정보 자체보다 장식이 먼저 보일 수 있습니다.

저는 필요한 부분에만 제한적으로 사용하고 본문은 가능한 깔끔하게 유지하려고 합니다.

특히 승인용 정보성 콘텐츠를 작성할 때는 장식보다 내용 전달을 우선하는 방식으로 구성하고 있습니다.


---

12. 발행 후 실제 방문자처럼 끝까지 읽어봅니다

마지막 단계입니다.

글을 발행했다면 작성자 입장이 아니라 방문자 입장에서 읽어봅니다.

이 과정에서는 맞춤법만 확인하지 않습니다.

다음과 같은 질문을 해봅니다.

첫 부분에서 어떤 글인지 이해되는가?

스크롤을 너무 오래 해야 핵심 내용이 나오는 것은 아닌가?

문단이 지나치게 긴 곳은 없는가?

소제목만 읽어도 전체 흐름을 이해할 수 있는가?

이미지가 본문을 방해하지 않는가?

표가 잘리지 않는가?

관련 글 링크를 정상적으로 누를 수 있는가?

글을 다 읽은 뒤 필요한 다음 정보를 찾을 수 있는가?

이 과정에서 불편한 부분이 발견되면 다시 수정합니다.


---

모바일에서 읽기 어려운 글의 대표적인 특징

제가 기존 글을 다시 확인하면서 특히 점검하고 있는 부분을 정리하면 다음과 같습니다.

1. 한 문단이 지나치게 길다

화면 대부분이 글자로 채워집니다.

2. 소제목이 거의 없다

원하는 내용을 찾기 어렵습니다.

3. 강조 표시가 너무 많다

어디가 중요한지 구분하기 어렵습니다.

4. 이미지 안의 글자가 너무 작다

이미지를 확대해야 내용을 확인할 수 있습니다.

5. 표에 정보가 지나치게 많다

오른쪽 내용이 잘리거나 글자가 지나치게 좁게 표시될 수 있습니다.

6. 링크가 무엇인지 알 수 없다

누르기 전에는 이동할 페이지를 예상하기 어렵습니다.

7. 서론이 지나치게 길다

방문자가 원하는 정보가 늦게 나옵니다.

이 중 하나라도 발견하면 해당 부분부터 수정할 수 있습니다.


---

티스토리 글 발행 전 모바일 점검 순서

글 하나를 작성했다고 가정해 보겠습니다.

저라면 다음 순서로 확인하겠습니다.

STEP 1. 제목 확인

스마트폰에서 제목이 어떻게 표시되는지 봅니다.

STEP 2. 첫 문단 확인

글의 주제를 바로 이해할 수 있는지 확인합니다.

STEP 3. 문단 확인

지나치게 긴 문단을 나눕니다.

STEP 4. H2·H3 확인

큰 내용과 세부 내용의 구조가 자연스러운지 확인합니다.

STEP 5. 강조 표시 확인

굵은 글씨와 색상을 과도하게 사용하지 않았는지 확인합니다.

STEP 6. 이미지 확인

크기, 비율, 이미지 속 글자의 가독성을 확인합니다.

STEP 7. 표 확인

화면을 벗어나거나 읽기 어렵지 않은지 확인합니다.

STEP 8. 링크 확인

내부 링크와 외부 링크를 직접 눌러봅니다.

STEP 9. 메뉴 확인

글을 읽은 뒤 다른 콘텐츠를 찾을 수 있는지 확인합니다.

STEP 10. 전체 스크롤

처음부터 끝까지 실제로 읽어봅니다.

이렇게 하면 PC에서 글을 작성할 때 놓쳤던 문제를 발견하기 쉽습니다.


---

모바일 가독성과 SEO를 함께 생각하는 방법

모바일 가독성을 높이는 이유를 단순히 검색 노출을 위한 기술이라고 생각할 필요는 없습니다.

가장 먼저 생각해야 할 것은 사람이 읽기 편한가입니다.

예를 들어 적절한 소제목은 독자가 원하는 내용을 찾는 데 도움이 됩니다.

명확한 링크 문구는 이동할 페이지를 이해하기 쉽게 만듭니다.

이미지를 제대로 표시하면 내용을 이해하는 데 도움이 됩니다.

관련 콘텐츠를 내부 링크로 연결하면 추가 정보가 필요한 방문자가 다음 글을 찾을 수 있습니다.

즉, 검색엔진만을 위한 형식을 억지로 추가하는 것보다 독자가 내용을 이해하기 좋은 구조를 만드는 것을 우선하는 편이 자연스럽습니다.


---

애드센스 승인을 준비하면서 제가 확인하는 부분

애드센스 승인이 두 번 거절된 뒤 저는 글의 숫자만 늘리는 것보다 기존 콘텐츠를 하나씩 다시 확인하고 있습니다.

모바일 화면에서는 특히 다음 항목을 살펴보고 있습니다.

□ 첫 화면에서 글의 목적을 알 수 있는가?

□ 본문이 충분히 구체적인가?

□ 문단을 읽기 편한가?

□ 소제목 구조가 일정한가?

□ 이미지가 정상적으로 표시되는가?

□ 표가 모바일 화면을 벗어나지 않는가?

□ 링크가 정상적으로 작동하는가?

□ 관련 글을 자연스럽게 찾을 수 있는가?

□ 과도한 장식이 없는가?

□ 불필요하게 반복되는 내용이 없는가?

이 항목을 확인한다고 해서 애드센스 승인이 보장되는 것은 아닙니다.

하지만 방문자가 실제로 이용하기 불편한 부분을 찾아 수정하는 데는 도움이 됩니다.


---

자주 묻는 질문

티스토리 글은 모바일에서 꼭 확인해야 하나요?

가능하면 확인하는 것이 좋습니다. 사용하는 스킨과 콘텐츠 구성에 따라 PC와 모바일에서 보이는 형태가 달라질 수 있기 때문입니다.

문단은 몇 줄로 작성해야 하나요?

모든 글에 적용되는 고정된 줄 수는 없습니다. 화면 크기와 글자 크기에 따라 달라질 수 있습니다. 숫자를 맞추기보다 스마트폰에서 직접 읽었을 때 부담스럽지 않은지 확인하는 것이 좋습니다.

H2와 H3를 많이 사용하면 검색 노출이 좋아지나요?

소제목은 글의 구조를 명확하게 만드는 데 활용할 수 있습니다. 하지만 제목 태그를 많이 사용하는 것 자체를 목표로 하기보다 내용의 계층에 맞게 사용하는 것이 중요합니다.

표를 사용하지 않는 것이 좋은가요?

그렇지 않습니다. 표는 비교 정보를 전달할 때 유용합니다. 다만 모바일 화면에서 읽을 수 있도록 열과 내용을 단순하게 구성하는 것이 좋습니다.

이미지가 많으면 좋은 글인가요?

이미지 개수만으로 콘텐츠 품질을 판단하기 어렵습니다. 본문을 이해하는 데 실제로 필요한 이미지를 사용하는 것이 중요합니다.

모바일 가독성을 높이면 애드센스 승인이 되나요?

모바일 가독성 하나만으로 승인을 보장할 수는 없습니다. 콘텐츠와 사이트 전체를 함께 점검하는 과정 중 하나로 보는 것이 적절합니다.


---

최종 체크리스트｜발행 전에 이것만은 확인합니다

글 구조

□ 제목과 본문의 내용이 일치한다.

□ 첫 부분에서 글의 목적을 설명했다.

□ H2·H3 구조를 확인했다.

□ 소제목 사이의 내용이 충분하다.

□ 문단이 지나치게 길지 않다.

모바일 화면

□ 스마트폰에서 직접 열어봤다.

□ 확대하지 않아도 본문을 읽을 수 있다.

□ 좌우로 화면이 밀리지 않는다.

□ 이미지가 정상적으로 보인다.

□ 이미지 속 글자를 확인할 수 있다.

□ 표가 깨지지 않는다.

링크

□ 내부 링크가 정상적으로 열린다.

□ 외부 링크가 정상적으로 열린다.

□ 링크의 목적을 문구로 알 수 있다.

□ 잘못된 주소가 없다.

디자인

□ 굵은 글씨를 지나치게 사용하지 않았다.

□ 색상을 과도하게 사용하지 않았다.

□ 이모티콘과 특수기호를 반복하지 않았다.

□ 본문보다 장식이 눈에 띄지 않는다.

마지막 확인

□ 스마트폰에서 처음부터 끝까지 읽었다.

□ 반복되는 내용을 수정했다.

□ 오탈자를 확인했다.

□ 발행 후 화면을 다시 확인했다.


---

마무리｜좋은 글은 스마트폰에서도 편하게 읽혀야 합니다

블로그를 운영하다 보면 글을 작성하는 것 자체가 목표가 되기 쉽습니다.

저 역시 처음에는

오늘 몇 개를 작성했는지,

전체 게시글이 몇 개인지,

글자 수가 얼마나 되는지

같은 숫자를 많이 신경 썼습니다.

하지만 블로그를 다시 점검하면서 생각이 조금 달라졌습니다.

글이 아무리 길어도 방문자가 읽기 어렵다면 정보가 제대로 전달되기 어렵습니다.

그래서 지금은 글을 작성한 뒤 PC 화면만 확인하지 않습니다.

스마트폰으로 직접 들어가서 문단을 읽고, 이미지를 보고, 표를 확인하고, 링크까지 직접 눌러보려고 합니다.

특별한 SEO 기술이 없어도 바로 시작할 수 있는 작업입니다.

PC에서 작성하고, 모바일에서 읽어본다.

그리고 읽다가 불편한 부분이 발견되면 수정합니다.

이 단순한 과정을 새로운 글뿐 아니라 기존 글에도 적용해 볼 생각입니다.

결국 방문자가 편하게 읽을 수 있는 블로그를 만드는 것이 제가 이번 블로그 정리 과정에서 가장 중요하게 생각하는 기준 중 하나입니다.


---

함께 보면 좋은 글

➡ 티스토리 블로그 기본 페이지 점검 방법｜소개·문의·개인정보처리방침 정리하기

티스토리 블로그 기본 페이지 점검 방법｜소개·문의·개인정보처리방침 정리하기

---

다음 글 예고

다음 글에서는 모바일 가독성 점검에 이어 티스토리 글의 오탈자·중복 문장·잘못된 정보를 발행 전에 확인하는 방법을 알아보겠습니다.

“티스토리 글 발행 전 최종 검수 방법｜오탈자부터 잘못된 정보까지 체크하는 15가지”

글을 모두 작성한 뒤 어떤 순서로 검수하면 되는지, 맞춤법만 확인하면 부족한 이유는 무엇인지, 날짜·금액·링크·출처·이미지·제목과 본문의 일치 여부까지 초보자도 그대로 따라 할 수 있는 체크리스트 형태로 정리하겠습니다.


---