2026 티스토리 블로그 관리 · 카테고리 글 수 숨기기 · 스킨 편집 · CSS 설정 · 검색엔진 최적화
카테고리 옆 숫자를 숨기고 블로그 탐색 구조를 깔끔하게 정리하는 방법
티스토리 블로그를 운영하다 보면 사이드바의 카테고리 이름 옆에 글 개수가 표시되는 경우가 있습니다. 예를 들어 ‘워드프레스 (12)’, ‘애드센스 (8)’처럼 각 카테고리에 등록된 게시물 수가 나타나는 방식입니다.
카테고리 글 수는 방문자가 콘텐츠 규모를 파악하는 데 도움이 될 수 있지만, 일부 블로그에서는 숫자가 많아 화면이 복잡해 보이거나 모바일 사이드바의 가독성을 떨어뜨릴 수 있습니다.
이럴 때 카테고리 글 수 표시를 비활성화하면 메뉴를 간결하게 정리할 수 있습니다. 다만 카테고리 글 수를 숨긴다고 해서 구글이나 네이버 검색 순위가 자동으로 상승하는 것은 아닙니다.
검색엔진 최적화에서 중요한 것은 방문자가 원하는 콘텐츠를 쉽게 찾을 수 있는 탐색 구조, 정상적인 내부 링크, 모바일 사용성, 페이지 성능, 유용한 본문 콘텐츠 등입니다.
또한 티스토리는 사용하는 스킨에 따라 카테고리 HTML 구조와 CSS 선택자가 달라집니다. 다른 블로그에서 사용한 코드를 그대로 붙여 넣으면 숫자가 숨겨지지 않거나 메뉴 전체가 사라질 수 있습니다.
따라서 먼저 스킨에서 글 수 표시 설정을 제공하는지 확인하고, 해당 기능이 없을 때만 HTML 또는 CSS를 수정하는 것이 좋습니다. CSS로 숨기는 방법과 실제 HTML 출력에서 제거하는 방법은 결과가 다르므로 목적에 맞게 선택해야 합니다.
이번 글에서는 티스토리 카테고리 글 수 표시의 구조, 스킨 설정 확인, CSS로 숫자 숨기기, HTML 수정 방법, 모바일 적용, 오류 복구 및 SEO 관점의 주의사항까지 단계별로 설명합니다.
스킨 옵션부터 확인
숫자 영역 선택적 숨김
출력 구조 확인과 수정
내부 링크와 사용성 유지
1. 티스토리 카테고리 글 수 표시와 SEO의 관계
① 카테고리 글 수 표시란?
카테고리 이름 옆에 해당 분류의 게시물 수를 숫자로 나타내는 기능입니다.
② 카테고리 글 수가 표시되는 위치
주로 사이드바나 메뉴의 카테고리 목록에 나타나지만 스킨에 따라 위치가 다릅니다.
③ 글 수 표시는 모든 스킨에서 동일한가요?
아닙니다. 스킨마다 HTML 구조, CSS 클래스, 출력 방식이 다릅니다.
④ 카테고리 글 수 표시의 장점
방문자가 특정 주제에 콘텐츠가 얼마나 있는지 빠르게 파악할 수 있습니다.
⑤ 카테고리 글 수 표시의 단점
카테고리가 많거나 화면 폭이 좁은 경우 메뉴가 복잡하게 보일 수 있습니다.
⑥ 글 수를 숨기면 디자인이 달라지나요?
숫자 영역이 사라지면서 메뉴가 간결하게 보일 수 있습니다.
⑦ 글 수 숨기기와 카테고리 삭제는 다른가요?
그렇습니다. 숫자를 숨기는 작업은 카테고리 자체를 삭제하는 작업이 아닙니다.
⑧ 카테고리 글 수도 SEO 요소인가요?
카테고리 옆 숫자를 표시하거나 숨기는 행위 자체가 직접적인 검색 순위 향상 요인으로 확인된 것은 아닙니다.
⑨ 숫자를 숨기면 검색 노출이 늘어나나요?
숫자 숨김만으로 검색 노출 증가를 기대하기는 어렵습니다.
⑩ 숫자를 표시하면 SEO에 불리한가요?
숫자가 있다는 사실만으로 SEO에 불리하다고 단정할 근거는 없습니다.
⑪ 검색엔진이 중요하게 보는 것은?
콘텐츠의 유용성, 접근 가능한 링크, 사이트 구조, 페이지 경험 등 여러 요소를 종합적으로 고려합니다.
⑫ 내부 링크란?
블로그 안의 다른 페이지나 게시물로 이동하는 링크입니다.
⑬ 카테고리 메뉴도 내부 링크인가요?
카테고리 페이지로 연결되는 정상적인 링크라면 사이트 탐색에 도움이 될 수 있습니다.
⑭ 카테고리 숫자를 숨겨도 링크가 유지되나요?
숫자 영역만 숨기고 카테고리 링크를 그대로 유지하면 탐색 기능을 보존할 수 있습니다.
⑮ 카테고리 링크까지 숨기면 어떻게 되나요?
방문자와 검색엔진이 해당 경로를 찾기 어려워질 수 있습니다.
⑯ CSS로 숨기는 방법이란?
숫자에 해당하는 요소를 화면에서 보이지 않도록 스타일을 지정하는 방식입니다.
⑰ HTML에서 제거하는 방법이란?
스킨 출력 구조에서 글 수에 해당하는 코드를 제거하거나 수정하는 방식입니다.
⑱ CSS 숨김과 HTML 제거의 차이
CSS 숨김은 화면 표시만 바꿀 수 있지만 HTML 수정은 문서 출력 자체를 변경할 수 있습니다.
⑲ 모바일에서도 숫자가 보이나요?
스킨에 따라 모바일 메뉴에 동일한 숫자가 표시되거나 별도의 구조를 사용할 수 있습니다.
⑳ 반응형 스킨이란?
화면 크기에 따라 레이아웃이 조정되는 스킨입니다.
㉑ 모바일 메뉴에서 숫자를 숨기는 이유
제한된 화면 폭에서 메뉴를 간결하게 만들기 위해서입니다.
㉒ 카테고리 이름이 긴 경우
숫자까지 표시되면 줄바꿈이나 정렬 문제가 발생할 수 있습니다.
㉓ 카테고리 수가 많은 경우
메뉴가 길어져 주요 카테고리를 찾기 어려울 수 있습니다.
㉔ 카테고리 정리가 더 중요한 경우
중복된 주제나 의미가 모호한 분류가 많다면 숫자 숨김보다 카테고리 구조 개선이 우선일 수 있습니다.
㉕ 카테고리 이름과 키워드의 관계
방문자가 이해하기 쉬운 명확한 카테고리 이름은 탐색에 도움이 됩니다.
㉖ 키워드를 무조건 많이 넣어야 하나요?
아닙니다. 부자연스러운 키워드 반복보다 명확하고 간결한 이름이 좋습니다.
㉗ 카테고리 페이지도 검색될 수 있나요?
검색엔진의 접근과 색인 정책에 따라 카테고리 페이지가 검색 결과에 나타날 수 있습니다.
㉘ 글 수를 숨기면 카테고리 페이지가 사라지나요?
숫자만 숨기는 경우 카테고리 페이지 자체는 유지됩니다.
㉙ SEO 개선 여부는 어떻게 확인하나요?
검색 노출, 클릭, 페이지 성능, 방문자 탐색 행동 등을 함께 살펴봐야 합니다.
㉚ 가장 중요한 원칙은?
숫자를 숨기더라도 카테고리 이름과 링크가 정상적으로 유지되도록 하는 것입니다.
| 방법 | 주요 효과 | SEO 관점 |
|---|---|---|
| 숫자 그대로 표시 | 게시물 수 안내 | 직접적인 불이익 단정 불가 |
| 숫자만 CSS 숨김 | 메뉴 간결화 | 직접 순위 상승 보장 없음 |
| HTML 출력 수정 | 숫자 출력 구조 변경 | 링크 보존 여부 중요 |
| 카테고리 구조 개선 | 탐색 경로 명확화 | 사용성·내부 링크에 도움 가능 |
| 모바일 메뉴 점검 | 작은 화면 가독성 개선 | 페이지 경험 개선에 도움 가능 |
숫자 표시 여부보다 중요한 것은 카테고리 링크의 접근성, 사이트 탐색 구조, 콘텐츠 품질, 모바일 사용성입니다. 숫자를 숨기는 과정에서 카테고리 링크까지 제거하지 않도록 주의하세요.
2. 카테고리 글 수 숨기기 전 스킨 확인과 백업
① 티스토리 관리자에 로그인합니다
수정하려는 블로그의 관리 화면에 접속합니다.
② 올바른 블로그인지 확인합니다
여러 티스토리 블로그를 운영한다면 대상 블로그를 확인합니다.
③ 현재 적용된 스킨을 확인합니다
스킨 이름과 현재 적용 상태를 기록합니다.
④ 스킨 설정 기능을 확인합니다
일부 스킨은 카테고리 관련 표시 옵션을 제공할 수 있습니다.
⑤ 글 수 표시 옵션이 있는지 확인합니다
스킨 설정에 숫자 표시 관련 기능이 있다면 코드 수정 전에 해당 기능을 우선 검토합니다.
⑥ 모든 스킨에 같은 옵션이 있나요?
아닙니다. 스킨마다 제공되는 설정이 다릅니다.
⑦ 스킨 편집 메뉴를 확인합니다
티스토리 관리자에서 스킨 편집 기능을 찾습니다.
⑧ HTML 편집 기능을 확인합니다
현재 스킨에서 HTML과 CSS를 편집할 수 있는지 확인합니다.
⑨ 수정 전 스킨 백업을 준비합니다
코드 변경 전 현재 스킨 파일을 보관하는 것이 좋습니다.
⑩ HTML 코드를 복사해 보관합니다
현재 HTML 코드를 안전한 곳에 저장합니다.
⑪ CSS 코드도 백업합니다
현재 CSS 전체를 별도로 보관합니다.
⑫ 추가 파일이 있는지 확인합니다
스킨에 포함된 이미지, 자바스크립트 등 추가 리소스도 고려합니다.
⑬ 수정 전 화면을 캡처합니다
카테고리 메뉴가 현재 어떻게 표시되는지 기록합니다.
⑭ PC 화면을 확인합니다
데스크톱에서 카테고리 숫자의 위치를 확인합니다.
⑮ 모바일 화면을 확인합니다
모바일에서 별도의 카테고리 메뉴가 나타나는지 확인합니다.
⑯ 사이드바 구성을 확인합니다
카테고리 메뉴가 사이드바에 포함되어 있는지 확인합니다.
⑰ 상단 메뉴도 확인합니다
스킨에 따라 상단 내비게이션에 카테고리가 표시될 수 있습니다.
⑱ 카테고리 이름을 기록합니다
수정 전후 링크와 이름이 유지되는지 비교하기 위해 기록합니다.
⑲ 카테고리 링크를 확인합니다
각 메뉴를 눌렀을 때 정상적인 카테고리 페이지로 이동하는지 확인합니다.
⑳ 하위 카테고리 구조를 확인합니다
상위·하위 분류가 있는 경우 들여쓰기와 링크 구조를 점검합니다.
㉑ 브라우저 개발자 도구를 준비합니다
카테고리 숫자의 실제 HTML 요소를 확인할 수 있습니다.
㉒ 숫자 부분을 선택해 검사합니다
브라우저의 요소 검사 기능으로 숫자가 어떤 태그에 들어 있는지 확인합니다.
㉓ 숫자에 별도 클래스가 있는지 확인합니다
숫자만 감싸는 span 등의 요소가 있는지 확인합니다.
㉔ 카테고리 링크 안에 숫자가 있는지 확인합니다
숫자가 링크 안에 있더라도 숫자 요소만 선택적으로 숨길 수 있는지 확인합니다.
㉕ 숫자가 단순 텍스트인지 확인합니다
별도 HTML 요소 없이 카테고리 이름과 숫자가 하나의 텍스트로 출력될 수도 있습니다.
㉖ CSS 수정만으로 해결 가능한지 판단합니다
숫자가 별도 요소로 구분되어 있다면 CSS 방식이 적합할 수 있습니다.
㉗ HTML 수정이 필요한지 판단합니다
숫자가 분리되지 않은 경우에는 스킨 출력 구조를 검토해야 할 수 있습니다.
㉘ 스킨 업데이트 가능성을 고려합니다
스킨을 교체하거나 업데이트하면 사용자 정의 코드가 변경될 수 있습니다.
㉙ 수정할 코드를 최소화합니다
카테고리 전체 구조를 바꾸기보다 숫자 표시 부분만 수정하는 것이 안전합니다.
㉚ 백업이 완료된 뒤 작업을 시작합니다
원래 상태로 복원할 수 있는 준비를 마친 뒤 수정합니다.
- 수정 대상 블로그 확인
- 현재 스킨 이름 기록
- 스킨 설정의 글 수 표시 옵션 확인
- HTML·CSS 원본 백업
- PC·모바일 화면 캡처
- 카테고리 링크 정상 작동 확인
- 숫자 영역의 HTML 구조 검사
- 숫자만 수정할 수 있는지 판단
3. 티스토리 카테고리 글 수 CSS로 숨기는 방법
① CSS 숨김 방식의 원리를 이해합니다
카테고리 글 수가 들어 있는 요소에 display:none 등의 스타일을 적용해 화면에서 숨기는 방법입니다.
② CSS로 숨길 수 있는 조건을 확인합니다
글 수가 별도 HTML 요소로 구분되어 있어야 숫자만 선택적으로 숨기기 쉽습니다.
③ 카테고리 숫자 영역을 검사합니다
브라우저 개발자 도구에서 숫자 부분을 선택합니다.
④ 숫자의 태그 이름을 확인합니다
span 등의 태그로 감싸져 있는지 확인합니다.
⑤ 숫자 영역의 클래스 이름을 확인합니다
스킨이 실제로 사용하는 CSS 클래스를 확인합니다.
⑥ 예시 클래스와 실제 클래스를 구분합니다
아래의 count 클래스는 설명을 위한 예시이며 모든 티스토리 스킨에서 작동하는 공통 클래스가 아닙니다.
⑦ 숫자만 숨기는 CSS 예시
카테고리 글 수가 count 클래스로 감싸진 경우 다음과 같은 방식으로 숨길 수 있습니다.
/* 예시: 실제 스킨의 클래스 확인 후 적용 */
.category-list .count {
display: none;
}⑧ CSS 선택자의 의미를 이해합니다
.category-list 안에 있는 .count 요소에만 스타일을 적용하는 예시입니다.
⑨ 실제 클래스가 다르면 코드를 변경합니다
현재 스킨에서 확인한 클래스 이름으로 선택자를 수정해야 합니다.
⑩ 카테고리 영역을 제한합니다
다른 영역의 숫자까지 숨기지 않도록 상위 카테고리 요소를 선택자에 포함하는 것이 좋습니다.
⑪ 너무 넓은 선택자를 피합니다
모든 span 요소를 숨기는 코드는 다른 메뉴나 콘텐츠를 손상시킬 수 있습니다.
⑫ 스킨 편집 화면을 엽니다
티스토리 관리자에서 HTML 편집 기능으로 이동합니다.
⑬ CSS 편집 영역을 선택합니다
현재 스킨의 CSS 코드를 편집할 수 있는 화면을 엽니다.
⑭ 기존 CSS를 백업했는지 확인합니다
수정 전 원본을 다시 확인합니다.
⑮ CSS 하단에 코드를 추가합니다
기존 규칙과 충돌을 줄이기 위해 새 규칙을 구분해 작성합니다.
⑯ 주석으로 수정 목적을 기록합니다
나중에 코드를 찾기 쉽도록 카테고리 글 수 숨김이라는 설명을 남깁니다.
⑰ CSS 코드를 저장합니다
스킨 편집 화면의 저장 또는 적용 기능을 이용합니다.
⑱ 블로그 화면을 새로고침합니다
변경된 스타일이 반영되었는지 확인합니다.
⑲ 캐시 때문에 반영되지 않을 수 있습니다
브라우저 캐시를 확인하고 필요하면 강력 새로고침을 시도합니다.
⑳ 카테고리 숫자만 사라졌는지 확인합니다
카테고리 이름과 링크가 그대로 남아 있는지 확인합니다.
㉑ 상위 카테고리를 확인합니다
상위 분류의 숫자가 숨겨졌는지 확인합니다.
㉒ 하위 카테고리를 확인합니다
하위 분류에 별도 숫자 요소가 있는지 확인합니다.
㉓ 모바일 화면을 확인합니다
모바일에서도 같은 CSS가 적용되는지 확인합니다.
㉔ 모바일 메뉴 구조가 다른지 확인합니다
모바일용 별도 메뉴가 있다면 추가 선택자가 필요할 수 있습니다.
㉕ display:none의 특성을 이해합니다
해당 요소는 화면의 레이아웃에서 제외됩니다. 그러나 원본 HTML에 포함된 텍스트가 반드시 제거되는 것은 아닙니다.
㉖ visibility:hidden과 차이를 이해합니다
visibility:hidden은 요소가 보이지 않아도 레이아웃 공간이 남을 수 있습니다.
㉗ CSS 숨김이 SEO를 직접 개선하지는 않습니다
숫자를 숨기는 것만으로 검색 순위가 상승하는 것은 아닙니다.
㉘ 숫자 영역 외에는 수정하지 않습니다
카테고리 링크나 메뉴 전체를 숨기지 않도록 합니다.
㉙ 문제가 생기면 추가한 CSS를 제거합니다
변경한 규칙을 삭제하면 기존 표시 상태로 돌아갈 수 있습니다.
㉚ 정상 작동하면 수정 내용을 기록합니다
적용한 CSS와 날짜를 기록해 추후 스킨 변경 시 참고합니다.
다음 코드는 숫자에 별도의 count 클래스가 있는 스킨을 가정한 예시입니다.
/* 실제 HTML이 아래와 같을 때만 적용되는 예시 */
/*
<div class="category-list">
<a href="/category/Example">
카테고리 이름
<span class="count">(12)</span>
</a>
</div>
*/
.category-list .count {
display: none;
}실제 티스토리 스킨에서 숫자 요소의 클래스가 다르거나 숫자가 별도 태그로 구분되지 않았다면 이 코드는 작동하지 않습니다. 반드시 개발자 도구에서 실제 구조를 확인한 뒤 수정하세요.
4. HTML 구조 수정과 모바일 카테고리 최적화
① CSS로 숫자가 숨겨지지 않는 경우
카테고리 글 수가 별도 요소로 분리되어 있는지 다시 확인합니다.
② HTML 편집이 필요한 상황을 구분합니다
스킨 출력 구조 자체를 수정해야 하는 경우에만 HTML 편집을 고려합니다.
③ 티스토리 스킨 HTML을 백업합니다
출력 구조를 변경하기 전에는 원본 코드를 반드시 보관합니다.
④ HTML 편집 화면을 엽니다
티스토리 관리자에서 스킨 편집의 HTML 편집 기능으로 이동합니다.
⑤ 카테고리 관련 코드를 검색합니다
category 등의 문자열을 검색해 관련 영역을 찾습니다.
⑥ 티스토리 카테고리 치환자를 확인합니다
일반적인 티스토리 스킨에서는 카테고리 목록을 출력하기 위해 [##_category_list_##] 같은 치환자를 사용할 수 있습니다.
⑦ 치환자의 역할을 이해합니다
치환자는 티스토리 시스템이 실제 카테고리 HTML을 생성하는 데 사용하는 자리 표시자입니다.
⑧ 치환자만 삭제하지 않습니다
카테고리 목록 출력 치환자를 제거하면 숫자뿐 아니라 카테고리 메뉴 전체가 사라질 수 있습니다.
⑨ 출력된 HTML과 스킨 원본을 구분합니다
브라우저에서 보이는 실제 HTML은 티스토리 시스템이 생성한 결과일 수 있습니다.
⑩ 출력 결과를 스킨에서 직접 수정할 수 있는지 확인합니다
치환자로 생성된 내부 구조는 스킨 HTML에서 숫자 부분만 직접 수정하기 어려울 수 있습니다.
⑪ 스킨에 별도 카테고리 템플릿이 있는지 확인합니다
사용 중인 스킨의 카테고리 출력 방식에 따라 수정 가능 범위가 달라집니다.
⑫ 카테고리 링크 구조를 확인합니다
수정 전후에 링크 주소와 클릭 동작이 유지되는지 확인합니다.
⑬ 숫자에 해당하는 출력 부분만 수정합니다
스킨이 숫자 출력 요소를 별도로 제공한다면 해당 부분만 수정하는 것이 좋습니다.
⑭ 카테고리 이름은 유지합니다
방문자가 주제를 식별할 수 있도록 메뉴 이름을 보존합니다.
⑮ 상위 카테고리 구조를 유지합니다
상위 분류와 하위 분류의 관계가 유지되는지 확인합니다.
⑯ 하위 카테고리 링크를 유지합니다
하위 메뉴가 클릭 가능한 상태인지 확인합니다.
⑰ 메뉴 전체를 숨기는 코드를 피합니다
숫자를 숨기려는 목적으로 카테고리 전체에 display:none을 적용하지 않습니다.
⑱ 모바일 카테고리 메뉴를 확인합니다
모바일에서 카테고리가 별도의 드롭다운이나 슬라이드 메뉴로 표시될 수 있습니다.
⑲ 모바일 전용 CSS가 있는지 확인합니다
미디어 쿼리 안에서 카테고리 스타일이 다시 정의되는지 확인합니다.
⑳ 미디어 쿼리의 역할을 이해합니다
화면 너비 등에 따라 서로 다른 CSS 규칙을 적용할 수 있습니다.
㉑ 모바일 숫자 영역의 선택자를 확인합니다
PC와 모바일에서 서로 다른 클래스를 사용하는지 확인합니다.
㉒ 모바일 전용 선택자가 필요한지 판단합니다
구조가 다른 경우 실제 요소에 맞는 선택자를 추가합니다.
㉓ 카테고리 줄바꿈을 확인합니다
숫자 숨김 후 긴 카테고리 이름이 자연스럽게 표시되는지 확인합니다.
㉔ 터치 영역을 확인합니다
모바일에서 카테고리 링크를 쉽게 누를 수 있는지 확인합니다.
㉕ 메뉴 펼침 기능을 확인합니다
하위 카테고리를 열고 닫는 기능이 정상적으로 작동하는지 확인합니다.
㉖ 스크립트와의 충돌을 확인합니다
스킨의 카테고리 메뉴가 자바스크립트로 제어되는 경우 수정 후 동작을 점검합니다.
㉗ PC와 모바일 화면을 비교합니다
두 환경에서 숫자 숨김과 링크 동작이 일관되게 적용되었는지 확인합니다.
㉘ HTML 유효성을 확인합니다
태그를 잘못 닫거나 중첩 구조를 손상시키지 않았는지 확인합니다.
㉙ 수정 후 실제 게시물 페이지도 확인합니다
홈 화면뿐 아니라 개별 글 화면에서도 카테고리 메뉴를 점검합니다.
㉚ 수정 사항을 기록하고 백업합니다
최종 HTML과 CSS를 별도로 보관합니다.
- 카테고리 출력 치환자의 역할 확인
- 치환자 전체 삭제 금지
- 카테고리 이름과 링크 유지
- 상위·하위 분류 구조 보존
- PC·모바일 출력 구조 각각 확인
- 메뉴 펼침 기능 정상 작동 확인
- 수정 전후 HTML·CSS 백업
5. 카테고리 탐색 구조와 SEO 개선 방법
① SEO 목표를 정확하게 설정합니다
카테고리 숫자를 숨기는 것보다 방문자가 콘텐츠를 쉽게 찾을 수 있도록 만드는 데 집중합니다.
② 카테고리 이름을 명확하게 작성합니다
주제를 이해하기 쉬운 이름으로 정리합니다.
③ 불필요하게 긴 카테고리 이름을 줄입니다
모바일에서도 읽기 쉬운 길이를 고려합니다.
④ 중복된 카테고리를 검토합니다
비슷한 주제를 여러 분류로 나누어 탐색을 어렵게 만들지 않았는지 확인합니다.
⑤ 카테고리 수를 무조건 줄일 필요는 없습니다
블로그의 콘텐츠 규모와 주제에 맞는 구조가 중요합니다.
⑥ 상위 카테고리를 정리합니다
큰 주제별로 분류하면 방문자가 원하는 분야를 찾기 쉬워집니다.
⑦ 하위 카테고리를 적절하게 사용합니다
콘텐츠가 충분히 구분되는 경우 하위 분류를 활용할 수 있습니다.
⑧ 비어 있는 카테고리를 점검합니다
게시물이 없는 카테고리가 방문자 탐색에 필요한지 확인합니다.
⑨ 카테고리 링크를 유지합니다
숫자를 숨기더라도 카테고리 페이지로 이동하는 링크는 정상적으로 남겨둡니다.
⑩ 메뉴 텍스트를 읽기 쉽게 유지합니다
글자 크기와 색상 대비를 점검합니다.
⑪ 모바일 가독성을 확인합니다
작은 화면에서 메뉴 이름이 잘리지 않는지 확인합니다.
⑫ 모바일 터치 영역을 점검합니다
링크 사이의 간격이 너무 좁지 않은지 확인합니다.
⑬ 주요 카테고리의 접근성을 높입니다
방문자가 자주 찾는 주제를 쉽게 찾을 수 있는 위치에 배치합니다.
⑭ 본문 내부 링크를 활용합니다
관련 게시물로 연결되는 자연스러운 링크를 추가할 수 있습니다.
⑮ 관련 글 연결을 점검합니다
같은 주제의 콘텐츠를 쉽게 탐색할 수 있도록 합니다.
⑯ 글 제목을 명확하게 작성합니다
방문자가 게시물 내용을 이해할 수 있는 제목을 사용합니다.
⑰ 카테고리 이름에 키워드를 과도하게 반복하지 않습니다
검색어만 나열한 이름보다 실제 주제를 설명하는 이름이 좋습니다.
⑱ 카테고리 URL을 무작정 변경하지 않습니다
기존 링크 구조를 변경하면 내부 링크와 검색엔진 접근에 영향을 줄 수 있습니다.
⑲ 검색엔진 접근 상태를 확인합니다
카테고리 페이지와 게시물이 정상적으로 열리는지 확인합니다.
⑳ robots 설정을 임의로 변경하지 않습니다
카테고리 숫자 숨김을 위해 검색엔진 차단 설정을 변경할 필요는 없습니다.
㉑ 색인 요청과 숫자 숨김을 구분합니다
CSS 수정 자체가 검색엔진에 새로운 콘텐츠를 제출하는 작업은 아닙니다.
㉒ 구글 서치콘솔을 활용합니다
검색 노출과 클릭 추이를 확인할 수 있습니다.
㉓ 네이버 서치어드바이저를 활용합니다
사이트 등록 및 검색 관련 진단 정보를 확인할 수 있습니다.
㉔ 검색 노출 변화는 장기적으로 확인합니다
짧은 기간의 순위 변동을 숫자 숨김 효과로 단정하지 않습니다.
㉕ 페이지 성능을 확인합니다
페이지 로딩과 사용자 경험을 점검합니다.
㉖ CSS 한 줄이 속도를 크게 개선한다고 기대하지 않습니다
숫자 숨김 코드 자체의 성능 효과는 일반적으로 제한적입니다.
㉗ 실제 방문자 행동을 고려합니다
카테고리 메뉴가 더 이해하기 쉬워졌는지 살펴봅니다.
㉘ 디자인 변경 전후를 비교합니다
화면 캡처와 사용성 점검을 통해 개선 여부를 확인합니다.
㉙ 검색 순위 보장을 경계합니다
특정 CSS 수정으로 상위 노출이 보장된다는 설명은 신중하게 받아들여야 합니다.
㉚ 지속적인 콘텐츠 관리가 중요합니다
유용한 게시물 작성과 내부 링크 점검, 모바일 사용성 개선을 함께 진행하는 것이 좋습니다.
| 점검 항목 | 확인 내용 | 기대할 수 있는 효과 |
|---|---|---|
| 카테고리 이름 | 주제가 명확한지 확인 | 탐색 이해도 개선 가능 |
| 카테고리 링크 | 정상 연결 여부 | 내부 탐색 경로 유지 |
| 모바일 메뉴 | 가독성·터치 영역 | 사용성 개선 가능 |
| 관련 글 링크 | 주제별 연결 상태 | 콘텐츠 발견 경로 확대 |
| 검색 성과 | 노출·클릭 추이 | 변경 후 상태 관찰 |
- 카테고리 이름 명확화
- 중복·불필요한 분류 검토
- 상위·하위 구조 정리
- 카테고리 링크 정상 작동 확인
- 모바일 메뉴 가독성 점검
- 관련 게시물 내부 링크 연결
- 구글 서치콘솔 검색 성과 확인
- 네이버 서치어드바이저 상태 확인
6. 글 수 숨김 오류 및 스킨 복구 방법
① CSS를 넣었는데 숫자가 그대로 보이는 경우
실제 숫자 요소의 클래스와 작성한 선택자가 일치하는지 확인합니다.
② 클래스 이름이 다른 경우
브라우저 개발자 도구에서 실제 클래스를 확인하고 코드를 수정합니다.
③ 숫자가 별도 요소로 구분되지 않은 경우
CSS만으로 숫자 부분을 선택적으로 숨기기 어려울 수 있습니다.
④ 카테고리 메뉴 전체가 사라진 경우
카테고리 상위 요소에 display:none이 적용되지 않았는지 확인합니다.
⑤ 카테고리 이름까지 사라진 경우
선택자가 너무 넓게 지정되었을 수 있습니다.
⑥ 숫자만 숨기려다 링크가 사라진 경우
HTML에서 카테고리 링크 태그를 삭제하지 않았는지 확인합니다.
⑦ PC에서는 적용되지만 모바일에서는 안 되는 경우
모바일 메뉴의 HTML 구조와 CSS 선택자를 별도로 확인합니다.
⑧ 모바일에서만 메뉴가 깨지는 경우
반응형 CSS 규칙과 미디어 쿼리를 확인합니다.
⑨ CSS 저장 후 반영되지 않는 경우
저장 여부와 브라우저 캐시를 확인합니다.
⑩ 스킨 캐시가 영향을 주는 경우
변경된 스타일 파일이 실제로 제공되는지 확인합니다.
⑪ CSS 우선순위 문제인 경우
다른 스타일 규칙이 덮어쓰고 있는지 개발자 도구에서 확인합니다.
⑫ !important를 무조건 사용하지 않습니다
우선순위 충돌의 원인을 먼저 확인하는 것이 좋습니다.
⑬ HTML 수정 후 메뉴가 깨진 경우
태그의 열림과 닫힘 구조를 확인합니다.
⑭ 카테고리 치환자를 삭제한 경우
백업한 HTML에서 원래 치환자를 복원합니다.
⑮ 하위 카테고리가 표시되지 않는 경우
상위·하위 목록 구조와 관련 스타일을 확인합니다.
⑯ 메뉴 펼침 버튼이 작동하지 않는 경우
자바스크립트에서 참조하는 요소가 변경되지 않았는지 확인합니다.
⑰ 카테고리 링크가 잘못 연결되는 경우
링크 주소가 수정 과정에서 변경되지 않았는지 확인합니다.
⑱ 카테고리 숫자 대신 다른 숫자가 사라진 경우
너무 광범위한 CSS 선택자를 사용했을 가능성이 있습니다.
⑲ 댓글 수까지 숨겨진 경우
카테고리 영역에 한정된 선택자를 사용하도록 수정합니다.
⑳ 방문자 수 표시가 사라진 경우
방문자 통계 요소와 카테고리 숫자 요소가 같은 선택자에 포함되지 않았는지 확인합니다.
㉑ 스킨을 변경한 뒤 코드가 작동하지 않는 경우
새 스킨의 HTML 구조를 다시 확인해야 합니다.
㉒ 스킨 업데이트 후 설정이 초기화된 경우
백업한 코드를 참고하되 새 스킨 구조에 맞게 수정합니다.
㉓ 숫자를 숨겼는데 SEO 변화가 없는 경우
숫자 숨김은 직접적인 검색 순위 향상 방법이 아니므로 이상한 현상은 아닙니다.
㉔ 검색 노출이 감소한 경우
카테고리 링크나 메뉴 구조가 손상되지 않았는지 먼저 확인합니다.
㉕ 색인 상태에 문제가 있는 경우
숫자 숨김과 별개로 검색엔진 접근 및 색인 상태를 점검합니다.
㉖ 모바일에서 글자가 잘리는 경우
메뉴 너비, 줄바꿈, 패딩 설정을 확인합니다.
㉗ 화면 레이아웃이 밀리는 경우
숨김 방식과 주변 요소의 정렬 규칙을 확인합니다.
㉘ 수정 전 상태로 되돌리고 싶은 경우
추가한 CSS를 제거하거나 백업한 HTML과 CSS를 복원합니다.
㉙ 원인을 찾기 어려운 경우
수정한 부분을 한 번에 하나씩 되돌려 문제를 일으킨 코드를 확인합니다.
㉚ 복구 후 전체 블로그를 점검합니다
홈 화면, 게시물, 카테고리 페이지, PC·모바일 메뉴를 확인합니다.
예를 들어 카테고리 숫자를 숨기기 위해 모든 span 태그나 모든 숫자 관련 클래스를 숨기면 댓글 수, 방문자 수, 게시물 정보까지 사라질 수 있습니다.
반드시 카테고리 영역에 한정된 선택자를 사용하고, 실제 HTML 구조를 확인한 뒤 적용해야 합니다.
7. 티스토리 카테고리 글 수 관련 FAQ 7가지
8. 카테고리 글 수 비활성화 핵심 요약
| 구분 | 핵심 내용 |
|---|---|
| 1. 표시 기능 | 카테고리 옆 게시물 수 표시 |
| 2. SEO 관계 | 숫자 숨김 자체는 순위 상승 보장 없음 |
| 3. 스킨 확인 | 기본 표시 옵션부터 점검 |
| 4. 백업 | HTML·CSS 원본 보관 |
| 5. CSS 수정 | 실제 숫자 요소만 선택적으로 숨김 |
| 6. HTML 수정 | 카테고리 치환자와 링크 보존 |
| 7. 모바일 점검 | 별도 메뉴 구조 확인 |
| 8. 내부 링크 | 카테고리 탐색 경로 유지 |
| 9. 오류 복구 | 추가 코드 제거 또는 백업 복원 |
| 10. 최종 점검 | PC·모바일 링크와 화면 확인 |
티스토리 카테고리 글 수 표시는 방문자에게 각 분류의 게시물 수를 알려주는 기능입니다.
숫자가 많거나 카테고리 이름이 긴 경우 메뉴가 복잡하게 보일 수 있습니다.
카테고리 숫자를 숨기면 화면을 간결하게 정리할 수 있습니다.
하지만 숫자를 숨긴다는 이유만으로 검색 순위가 상승하는 것은 아닙니다.
SEO에서는 콘텐츠 품질과 사이트 탐색 구조를 함께 고려해야 합니다.
카테고리 글 수를 숨기기 전에는 현재 스킨의 설정을 확인하는 것이 좋습니다.
일부 스킨은 별도의 표시 옵션을 제공할 수 있습니다.
기본 옵션이 없다면 CSS 수정 방법을 검토할 수 있습니다.
CSS로 숫자만 숨기려면 실제 숫자 영역의 HTML 구조를 확인해야 합니다.
스킨마다 CSS 클래스와 HTML 구조가 다르기 때문에 동일한 코드가 항상 작동하지는 않습니다.
숫자가 별도의 span 요소로 구분되어 있다면 선택적으로 숨기기 쉬울 수 있습니다.
숫자가 단순 텍스트로 출력된다면 CSS만으로 분리하기 어려울 수 있습니다.
HTML 수정이 필요한 경우에는 원본 스킨을 먼저 백업해야 합니다.
카테고리 목록을 출력하는 치환자를 무작정 삭제해서는 안 됩니다.
카테고리 이름과 링크는 그대로 유지하는 것이 중요합니다.
상위 카테고리와 하위 카테고리 구조도 정상적으로 보존해야 합니다.
모바일에서는 별도의 카테고리 메뉴가 사용될 수 있습니다.
따라서 PC와 모바일에서 각각 숫자 숨김 결과를 확인해야 합니다.
CSS 선택자가 너무 넓으면 댓글 수나 다른 숫자까지 숨겨질 수 있습니다.
숫자 숨김 후에는 모든 카테고리 링크가 정상적으로 작동하는지 확인해야 합니다.
카테고리 이름을 명확하게 정리하면 방문자의 탐색에 도움이 될 수 있습니다.
관련 글 내부 링크와 모바일 사용성을 함께 점검하는 것이 좋습니다.
검색 노출 변화는 구글 서치콘솔과 네이버 서치어드바이저 등을 통해 장기적으로 확인할 수 있습니다.
결론적으로 티스토리 블로그 카테고리 글 수 표시를 비활성화하려면 현재 스킨 확인 → 기본 표시 옵션 점검 → HTML·CSS 백업 → 브라우저 개발자 도구로 숫자 요소 확인 → 실제 클래스에 맞는 CSS 작성 → 숫자만 숨김 → PC·모바일 카테고리 링크 점검 → 검색 및 사용성 상태 확인 순서로 진행하는 것이 좋습니다. 핵심은 카테고리 글 수를 숨기는 것 자체보다 방문자가 원하는 콘텐츠를 쉽게 찾을 수 있도록 메뉴 구조를 유지하고 개선하는 데 있습니다.
티스토리 스킨 수정 및 SEO 관련 공식 참고 사이트
티스토리 공식 사이트
Tistory
티스토리 고객센터
카카오 고객센터 티스토리 도움말
티스토리 스킨 제작 안내
Tistory Skin Guide
구글 검색엔진 최적화 기본 가이드
Google SEO Starter Guide
구글 검색 센터
Google Search Central
구글 서치콘솔
Google Search Console
네이버 서치어드바이저
Naver Search Advisor
웹 성능 측정 도구
PageSpeed Insights
※ 본문은 2026년 기준 티스토리 블로그의 카테고리 글 수 표시를 비활성화하는 일반적인 방법을 설명합니다. 실제 메뉴 이름, 스킨 설정, HTML 구조, CSS 클래스, 카테고리 치환자 및 모바일 메뉴 동작은 사용 중인 스킨과 티스토리 서비스 변경에 따라 달라질 수 있습니다. 본문에 제시된 CSS는 설명을 위한 예시이며 모든 스킨에 공통으로 적용되는 코드가 아닙니다. 수정 전 반드시 HTML과 CSS를 백업하고 카테고리 링크가 정상적으로 작동하는지 확인해야 합니다. 카테고리 글 수 숨김 자체가 구글·네이버 검색 순위 상승이나 방문자 증가를 보장하지는 않습니다.