본문 바로가기
삶의 도움

티스토리 기본모드와 HTML형식 차이

by 학테크 2025. 4. 23.

 

 

티스토리 블로그를 시작하고 나서 글쓰기를 누르면, 기본모드와 HTML 글쓰기가 별도로 구분됩니다.

항상 궁금했던 점인데, 어떤 차이가 있는지 한번 알아봤습니다.

 

사진 출처 : unsplah

 

 


✅ 1. 기본모드에서 글쓰기 (비전문가용 편집기)

일반 사용자들이 흔히 쓰는 '에디터 모드' (티스토리: 기본 글쓰기 창)

✔ 특징

  • 마치 워드처럼 글을 쓰는 방식 (굵게, 이탤릭, 이미지 삽입 등 버튼 클릭으로 가능)
  • HTML 태그를 몰라도 손쉽게 작성 가능
  • 줄바꿈, 리스트, 제목 등은 자동 서식 적용

✔ 장점

  • 직관적이고 쓰기 편함
  • 빠르게 포스팅할 수 있음
  • 초보자도 에러 없이 운영 가능

✔ 단점

  • 콘텐츠 구조가 정형화되기 쉬움
  • SEO 최적화에 필요한 태그 커스터마이징이 어려움
  • 텍스트 편집이 제한적 (간격 조절, 마진, 색상, 구조 등)

✅ 2. HTML 모드에서 글쓰기 (전문가용)

✔ 특징

  • <h1>, <p>, <ul>, <li>, <strong> 등 HTML 태그를 직접 활용해서 글 구성
  • 디자인, 구조, 서식까지 내가 원하는 대로 직접 제어 가능
  • 웹페이지에 검색 최적화된 구조로 콘텐츠 제공 가능

✔ 장점

  • SEO 최적화가 훨씬 유리 (제목 태그, 키워드 배치, 메타 구조 등 명확함)
  • 글 구성과 표현을 자유롭게 편집 가능 (마진, 패딩, 컬러 등 커스터마이징 가능)
  • 외부 CSS/JS 삽입, 광고 위치 설정 등에 유리함

✔ 단점

  • 태그에 익숙하지 않으면 글 구조가 깨질 수 있음
  • 작성 시간이 더 오래 걸림
  • 코드를 실수로 잘못 쓰면 화면에 이상하게 출력됨

✅ 예시 비교

✔ 기본모드에서 작성한 제목

캠핑에 좋은 쿨러 추천
(에디터에서 글자 크기만 키움)

✔ HTML모드에서 작성한 제목

<h2>캠핑에 좋은 쿨러 추천</h2>

검색 엔진은 <h2> 태그가 있는 글을 '중요한 소제목'으로 인식함 → SEO에 이득


✅ 정리하면?

항목 기본모드 HTML모드

작성 편의성 ★★★★★ ★★☆☆☆
SEO 최적화 ★★☆☆☆ ★★★★★
디자인 자유도 ★★☆☆☆ ★★★★☆
광고/스크립트 삽입

🔍 애드센스 승인 관점에서?

HTML 모드로 작성하는 글이 더 유리합니다!

  • 검색엔진에 잘 노출될 수 있는 구조화된 콘텐츠
  • 제목/소제목의 정확한 태그 분리
  • 광고 배치 위치 지정이 자유로움
  • 콘텐츠 신뢰도/완성도 상승

이 부분이 가장 중요하네요.

 

애드센스 승인관점에서 HTML 형식으로 글을 쓰는게 더 유리하다고 하네요.

네이버 블로그에서 글을 작성하는 습관이 남아 있어서 기본모드로 사용했는데, 이제부터라도 HTML 형식으로 글을 쓰는걸 연습해야겠어요 : ) 

 

그리고 HTML 형식으로 작성하면 SEO 점수도 잘 나온다고 합니다!!