본문 바로가기
블로그

티스토리 블로그 <H1> 요소 2개 문제 해결하기

by snsmen 2023. 6. 20.

  티스토리 블로그에는 <h1> 요소가 기본으로 2개가 있기 때문에 네이버, 빙 등 일부 검색 엔진 로봇이 블로그 구조를 제대로 이해하지 못하는 SEO 문제가 발생합니다. 이러한 문제를 해결하기 위해 중복된 h1 문제를 해결해야 합니다. 

 

티스토리 블로그 h1 중복 문제 해결해야 하는 이유 및 해결방법

 

 

▣ 목록 (LIST) ▣

1.HTML 문서에서 h1 태그에 대해 알아보자

2. HTML 문서에서 h 태그 알아보기

3. 티스토리는 기본값이 <h1> 요소가 2개입니다

4. 티스토리 블로그 <h1> 요소 CSS 편집하기


 

 

 

1.HTML 문서에서 h1 태그에 대해 알아보자

 • HTML 문서에서 h1 태그는 구획 제목 요소입니다.

 • h1 태그는 일반적으로 페이지당 한 번씩 사용됩니다.

 • 주로 페이지 내용물의 제목이나 뉴스의 헤드라인을 표시하기 위해서 페이지를 열 때 브라우저에 표시됩니다.

 

 

 

2. HTML 문서에서 h 태그 알아보기

 • h1 태그는 6단계의 구획 제목을 분류할 수 있습니다.

 • 구획 단계는 h1이 가장 높고 h6은 가장 낮습니다

 • 가독성을 위해 글씨 크기 조절을 위해 제목 태그를 사용하면 안 됩니다.

 • H1 태그 대신 CSS의 font-size 속성을 사용해야 합니다.

 • 포스팅을 작성할 때 제목 단계를 건너뛰어서는 SEO상 좋지 않습니다.

 • h1로 시작해서, h2, 순차적으로 사용해야 하며, 페이지 당 하나의 h1을 사용해야 합니다.

 

 

 

3. 티스토리는 기본값이 <h1> 요소가 2개입니다

 • 구글, 다음에서는 <h1> 요소가 여러 개라도 블로그 구조를 잘 이해합니다.

 • 네이버, 빙 검색 엔진에서 <h1> 요소가 2개 이상 발견되는 경우 검색 로봇이 블로그의 구조를 이해하지 못해 SEO 문제가 발생합니다. 이러한 문제는 포스팅이 노출되는 시간이 많이 걸리거나 누락되는 경우가 있습니다. 이러한 누락을 피하기 위해서는 티스토리에서 css를 편집해야 합니다.

 

 

 

4. 티스토리 블로그 <h1> 요소 CSS 편집하기

 (1) 티스토리 관리 메뉴로 들어갑니다.

 (2) 왼쪽의 '꾸미기' 카테고리에서 '스킨 변경' 선택합니다.

 (3) 사용중인 스킨에서 '편집' 버튼을 선택합니다.

 (4) 스킨편집에서 'html 편집' 버튼을 선택합니다.

 (5) 검색에서 'h1'을 찾아 <h1>,</h1> 요소를 <p></p>로 변경합니다.

수정 전 수정 후

 

  (6) 상단에 css 탭으로 이동합니다.

  (7) 검색에서 'header h1'을 검색하고 h1을 p로 수정합니다.

수정 전 수정 후

 

  (8) 상단에 '적용' 누르면 이제 티스토리 h1 태그 중복 문제를 해결할 수 있습니다.