라이킷 13 댓글 공유 작가의 글을 SNS에 공유해보세요

You can make anything
by writing

C.S.Lewis

티스토리 시작하기 2단계, 최적의 테마 선택하기(2)

by 미나토 Mar 27. 2025

티스토리에 가입하고 블로그를 개설했다면, 이제 블로그의 외관과 기능성을 결정할 테마(스킨)를 선택할 차례입니다. 테마는 단순한 디자인 요소 이상으로, SEO와 사용자 경험에 직접적인 영향을 미치는 중요한 요소입니다. 제가 티스토리를 오랫동안 사용하면서 얻은 인사이트를 바탕으로 최적의 테마 선택 가이드를 소개해 드리겠습니다.


추천 테마 TOP 3 - 메거진, 북클럭, #1반응형 테마

티스토리에는 다양한 테마가 있지만, 실제 사용성과 SEO 측면에서 가장 추천드리는 테마는 다음 세 가지입니다.


메거진 테마

메거진 테마는 깔끔한 레이아웃과 콘텐츠 중심의 디자인으로 인기가 많습니다. 특히 블로그 형태의 콘텐츠를 표현하기에 최적화되어 있어 텍스트 위주의 포스팅을 작성하는 블로거에게 적합합니다.

브런치 글 이미지 1


북클럭 테마

북클럭은 특히 책이나 리뷰 관련 콘텐츠에 최적화된 테마로, 포스팅이 마치 책 페이지처럼 보이는 독특한 디자인을 제공합니다. 사이드바 배치가 효율적이어서 광고 삽입이 용이하고, 반응형 디자인으로 모바일 환경에서도 훌륭한 가독성을 제공합니다.

브런치 글 이미지 2


#1반응형 테마

가장 대중적으로 사용되는 #1반응형 테마는 깔끔함과 효율성이 특징입니다. 다른 두 테마와 마찬가지로 H1 마크다운 이슈가 있지만, 비교적 쉽게 수정할 수 있다는 장점이 있습니다(이 부분은 다음 포스팅에서 자세히 다루겠습니다). 블로그 형태로 콘텐츠를 표현하기에 최적화되어 있어 많은 블로거들이 선호합니다.

브런치 글 이미지 3


SEO를 고려한 테마 선택의 중요성

왜 테마 선택이 SEO에 영향을 미칠까요? 일부 티스토리 테마는 HTML 구조에 문제가 있어 검색 엔진 최적화에 부정적인 영향을 미칠 수 있습니다. 특히 많은 테마들이 H1 마크다운(포스팅 제목) 코드를 본문에 넣거나, 제목을 H3 마크다운으로 지정하는 경우가 있어 SEO 구조가 깨지게 됩니다.


검색 엔진은 페이지의 구조를 해석할 때 H1 태그를 가장 중요한 제목으로 인식합니다. 따라서 포스팅의 제목이 H1으로 올바르게 마크업되지 않으면 검색 엔진이 콘텐츠의 주제를 제대로 파악하지 못해 검색 순위에 부정적인 영향을 미칠 수 있습니다.


앞서 추천한 세 가지 테마도 이러한 이슈가 있지만, 상대적으로 수정이 용이하고 다른 장점들이 이러한 단점을 충분히 상쇄할 만큼 뛰어납니다.


반응형 테마 vs 모바일 전용 테마

티스토리는 '설정 > 플러그인'에서 모바일 전용 테마를 사용할 수 있는 옵션을 제공합니다. 이 기능은 구글에서 비교적 빠르게 동작하는 코드를 제공하지만, 몇 가지 제약사항이 있습니다.


브런치 글 이미지 4
브런치 글 이미지 5


HTML 코드를 직접 수정할 수 없어 커스터마이징에 제한이 있습니다.

모바일과 데스크톱 버전의 디자인이 일관되지 않을 수 있습니다.

관리해야 할 테마가 두 개가 되어 유지보수가 복잡해집니다.


따라서 최근 트렌드는 모바일과 데스크톱 환경을 모두 지원하는 반응형 테마를 선택하는 것입니다. 반응형 테마는 화면 크기에 따라 자동으로 레이아웃을 조정하므로, 모든 기기에서 일관된 사용자 경험을 제공할 수 있습니다.

브런치 글 이미지 6


사용자들이 점점 더 다양한 기기로 인터넷을 이용하는 요즘, 반응형 디자인은 선택이 아닌 필수가 되었습니다. 검색 엔진도 모바일 친화적인 웹사이트를 우대하는 추세이므로, SEO 측면에서도 반응형 테마가 유리합니다.


이외에도 다양한 티스토리 테마들

TOP 3 외에도 티스토리에는 다양한 테마들이 존재합니다. 각각의 테마가 가진 특징과 장단점을 알아보면 자신의 블로그 목적에 맞는 최적의 선택을 할 수 있습니다.

브런치 글 이미지 7


hELLO 테마

현대적인 디자인과 다양한 기능으로 인기를 끌고 있는 무료 테마입니다. 개발자의 지속적인 지원과 높은 유연성이 장점이지만, 다른 추천 테마들에 비해 SEO 구조가 최적화되어 있지 않은 부분이 있습니다.


Odyssey, Poster, Whatever

티스토리에서 기본으로 제공하는 이 테마들은 다양한 레이아웃과 기능을 제공합니다. 특히 Poster 테마는 심플함과 직관적인 사용성 때문에 초보 블로거들에게 자주 추천됩니다.


FastBoot, 엠원스킨, 골라조스킨

과거에 상당한 인기를 끌었던 이 테마들은 각각 속도와 디자인 측면에서 강점을 가지고 있습니다. 다만 FastBoot의 경우 더 이상 업데이트가 이루어지지 않는다는 점에 유의해야 합니다.


유료 테마의 장점

Berry Skin과 같은 유료 테마는 간편한 사용법, 세련된 디자인, 지속적인 업데이트라는 장점이 있습니다. 블로그에서 수익을 창출하려는 목적이라면, 초기 투자로 유료 테마를 고려해볼 만합니다. 개인적인 경험상, 유료 테마는 대체로 SEO 최적화와 광고 배치에 더 많은 신경을 쓴 경우가 많습니다.


테마 적용 및 관리 방법

테마를 선택한 후에는 적용 및 관리 방법을 알아야 합니다. 티스토리에서 테마를 변경하는 방법은 다음과 같습니다.

브런치 글 이미지 8


블로그 관리 화면에서 "꾸미기" > "스킨 변경" 메뉴로 이동합니다.

기본 제공되는 스킨 중에서 선택하거나, "스킨 등록 +" 버튼을 클릭하여 외부에서 다운로드한 사용자 정의 스킨을 업로드할 수 있습니다.

업로드된 스킨은 "스킨 보관함"에 표시되며, 여기서 원하는 스킨을 선택하여 적용할 수 있습니다.


테마 변경 전 꼭 알아두세요!

테마를 변경하기 전에 미리보기 기능을 통해 실제 적용 모습을 확인하는 것이 좋습니다. 또한, 현재 사용 중인 스킨을 "보관" 기능을 통해 백업해두면 문제가 발생했을 때 신속하게 복원할 수 있습니다.


개인적으로 테마를 여러 번 바꾸어본 경험에 비추어, 테마 변경 시 기존의 위젯이나 사이드바 설정이 초기화되는 경우가 있으니 중요한 설정은 미리 메모해두는 것이 좋습니다.


테마 선택 시 고려해야 할 핵심 요소

테마를 선택할 때는 단순히 디자인만 보고 결정하기보다는 다음과 같은 여러 요소를 종합적으로 고려하는 것이 중요합니다.


     반응형 디자인: 다양한 화면 크기(데스크톱, 태블릿, 스마트폰)에 자동으로 적응하는 디자인인지 확인하세요.

     레이아웃: 콘텐츠 유형에 적합한 레이아웃인지 고려하세요. 특히 애드센스 수익화를 목표로 한다면, 사이드바가 있는 2단 레이아웃이 광고 배치에 유리합니다.

     로딩 속도: 가볍고 빠르게 로딩되는 테마가 사용자 경험과 SEO에 유리합니다. 과도한 애니메이션이나 무거운 이미지가 포함된 테마는 피하는 것이 좋습니다.

     커스터마이징 옵션: 자신의 브랜딩과 선호도에 맞게 조정할 수 있는 충분한 커스터마이징 옵션을 제공하는지 확인하세요.

     SEO 최적화: HTML 구조가 검색 엔진 최적화에 적합한지 확인하세요. 특히 H1, H2 태그의 올바른 사용은 검색 엔진 순위에 중요한 영향을 미칩니다.

     지원 및 업데이트: 특히 외부 테마를 사용하는 경우, 개발자의 지속적인 지원과 업데이트 여부를 확인하는 것이 중요합니다.


테마 선택은 블로그의 첫인상과 성능에 큰 영향을 미치는 중요한 결정입니다. 디자인적 매력뿐만 아니라 SEO 최적화, 사용자 경험, 모바일 대응력 등을 종합적으로 고려하여 선택하는 것이 좋습니다. 다음 포스팅에서는 선택한 테마를 커스터마이징하고 SEO에 최적화하는 방법에 대해 더 자세히 다루겠습니다.


작가의 이전글 티스토리 블로그 시작하기 가이드(1)

브런치 로그인

브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari