티스토리 뷰

초보 블로그 일상 정보

티스토리 블로그 가독성 높이는 서식 박스·표 적용법

mynote43788 2026. 7. 30. 08:53

처음 블로그를 개설하고 글을 쓸 때는 그저 정성 들여 많은 정보를 적기만 하면 좋은 포스팅이 되는 줄 알았습니다. 저 역시 초보 블로거로서 주제 하나를 정하면 몇 시간 동안 열심히 검색하고 공부하면서 글을 빽빽하게 채워 넣곤 했습니다. 2,000자, 3,000자 분량을 완성했을 때는 스스로 뿌듯함까지 느꼈습니다.

 

하지만 얼마 지나지 않아 제 블로그의 통계 지표를 확인해 보고 큰 충격을 받았습니다. 방문자 수는 조금씩 생기는데, 정작 그분들이 블로그에 머무르는 '평균 체류시간'이 겨우 10초~20초 남짓에 불과했기 때문입니다. "이렇게 정성껏 썼는데 도대체 왜 다들 글을 읽지 않고 바로 나가는 걸까?" 하는 의문과 함께 좌절감이 밀려왔습니다.

 

원인을 찾기 위해 제가 작성한 글을 제 스마트폰 화면으로 직접 열어보았습니다. 그 순간 바로 이유를 깨달을 수 있었습니다. 여백도 없이 줄줄이 이어진 검은색 글씨들의 향연은 보기만 해도 눈이 피로했고, 모바일 작은 화면에서는 어디가 핵심 정보인지 전혀 한눈에 들어오지 않았습니다. 저조차도 제 글을 끝까지 읽기 부담스러울 정도였습니다.

 

그날 이후 저는 글의 서식과 시각적 레이아웃을 정돈하는 노하우를 하나씩 익히기 시작했습니다. 표(Table)와 포인트 가이던스 박스를 활용하여 글의 가독성을 다듬자, 거짓말처럼 방문자들의 체류시간이 2분 이상으로 급상승했습니다. 오늘 포스팅에서는 초보자도 티스토리 기본 기능과 간단한 코드만으로 글의 가독성을 2배 이상 높이는 실전 서식 노하우를 나누어 드리겠습니다.

1. 가독성과 체류시간이 애드센스 승인과 검색 노출에 미치는 영향

많은 분들이 내용의 전문성만 강조하지만, 사실 '글이 얼마나 읽기 편한가'는 검색엔진 알고리즘과 수익화 측면에서 매우 중요한 핵심 지표입니다.

1) 이탈률 감소와 평균 체류시간의 대폭 상승

인터넷 사용자들은 글을 소설책처럼 한 줄 한 줄 정독하지 않습니다. 대부분 스크롤을 빠르게 내리며 내가 원하는 핵심 정보가 어디에 있는지 '스캔'하듯 읽습니다. 이때 시선을 사로잡는 강조 박스나 표가 있으면 자연스럽게 스크롤을 멈추고 글을 소비하게 됩니다. 이는 블로그의 이탈률을 낮추고 체류시간을 높이는 결정적인 역할을 합니다.

2) 구글 검색 로봇이 좋아하는 '구조화된 문서' 완성

구글 로봇은 잘 정돈된 문서를 정밀하게 평가합니다. 단순 텍스트 나열보다 표(``)나 강조 구조로 정리된 데이터를 발견하면 "사용자에게 유용한 정보를 구조화하여 제공하는 고품질 문맥"으로 인식합니다.

이는 구글 상단 노출과 애드센스 승인 심사에서 매우 높은 가산점을 받는 요소입니다.

2. 초보자도 5초 만에 적용하는 가독성 UP 핵심 서식 3가지

제가 실제 블로그 포스팅을 작성할 때 매번 활용하고 있는 핵심 서식 적용법입니다.

1) 핵심 정보 한눈에 요약하는 표(Table) 서식 디자인

여러 가지 제품을 비교하거나 수치/조건을 나타낼 때는 글보다 표를 쓰는 것이 훨씬 직관적입니다.

  • 표 헤더 강조: 표의 첫 번째 행(머리글)에는 약간 짙은 배경색(예: 연한 딥블루나 회색)을 넣고 글자를 두껍게 처리하여 구분감을 줍니다.
  • 정렬 규칙: 텍스트 설명은 좌측 정렬, 숫자나 짧은 단답형 정보는 중앙 정렬로 설정하면 시각적인 안정감이 생깁니다.

2) 시선을 사로잡는 포인트 가이던스 박스 (강조 박스)

본문 중 독자가 반드시 읽어야 하는 '주의사항'이나 '핵심 꿀팁'은 바탕색과 테두리가 있는 가이던스 박스로 감싸주는 것이 좋습니다.

티스토리 HTML 모드에서 아래와 같이 깔끔한 CSS 스타일이 적용된 박스 태그를 사용해 보세요.

💡 초보 블로거를 위한 가이던스 박스 예시:
중요한 정보나 세부 설명은 이렇게 배경색과 좌측 포인트 선이 들어간 박스로 표현하면 독자의 시선이 자연스럽게 머물게 됩니다.

3) 모바일 맞춤형 단락 분개와 소제목(H2, H3) 설정

한 문단이 4줄을 넘어가면 모바일 화면에서는 커다란 텍스트 벽처럼 느껴집니다. 2~3문장마다 엔터를 쳐서 문단을 나누어 주고, 내용의 주제가 바뀔 때마다 에디터 상단의 '제목2(H2)'나 '제목 3(H3)' 서식을 적용해 이정표를 만들어 주어야 합니다.

3. 작성 시간을 획기적으로 아껴주는 '서식 관리' 기능 활용법

매번 글을 쓸 때마다 HTML 모드로 들어가서 박스 코드를 짜고 표 테두리를 설정하려면 시간이 너무 오래 걸리고 쉽게 지치게 됩니다. 그래서 티스토리의 [서식 관리] 기능을 200% 활용하셔야 합니다.

  1. 티스토리 관리자 페이지 좌측 메뉴에서 [서식 관리] > [서식 쓰기]를 클릭합니다.
  2. 자주 사용하는 강조 박스 디자인이나 표준 표 형태를 미리 만들어두고 저장합니다.
  3. 이후 포스팅 작성 시, 에디터 상단 메뉴의 [더보기(점 3개)] > [서식]을 누르거나 단축키를 이용해 저장해 둔 서식을 1초 만에 불러와 사용합니다.

이렇게 서식을 시스템화해 두면, 글쓰기 시간은 절반으로 줄어들면서도 글 전체의 디자인 완성도는 전문가 수준으로 일정하게 유지할 수 있습니다.

4. 마치며: 보기 좋은 글이 독자의 마음을 사로잡습니다

정성껏 모은 좋은 정보도 독자가 읽기 불편하다면 그 가치를 제대로 전달하기 어렵습니다. 저 역시 가독성의 중요성을 깨닫고 서식을 하나씩 바꾸어 나가면서, 블로그를 방문해 주시는 분들의 댓글 반응과 체류시간이 눈에 띄게 좋아지는 것을 직접 체험했습니다.

오늘 알려드린 가이던스 박스와 표 서식, 그리고 소제목 구조화를 여러분의 포스팅에 하나씩 적용해 보세요.

소소한 시각적 변화만으로도 내 블로그가 훨씬 전문적이고 단단해지는 것을 느끼실 수 있을 것입니다.

여러분의 멋진 블로그 성장을 늘 응원하겠습니다!