티스토리 블로그 H1코드 중복 문제 해결 방법

티스토리 블로그의 북클럽 스킨의 문제점 중 검색엔진의 SEO가 해당 스킨의 h1코드를 중복으로 인식한다는 점입니다. 이 중복문제를 해결해 보도록 하겠습니다.

 

목차

 

구글 SEO

 

티스토리 블로그 H1코드 중복 문제 해결

북클럽 스킨의 h1 코드 중복 문제 해결을 위해서는 html 코드와 css 코드를 수정해 주어야 합니다. 아래에 수정 절차에 대해 자세하게 설명드리도록 하겠습니다.

 

 

✅ 티스토리 바로가기

 

 

티스토리 html 수정

먼저 티스토리로 이동해 주신 후에, 아래와 같이 관리 메뉴를 선택해 주세요.

티스토리 관리 메뉴

 

티스토리 왼쪽 꾸미기 메뉴에 있는 스킨 편집 메뉴를 선택해 주세요.

 

티스토리 스킨 편집

 

우측 상단의 html 편집을 선택해 주세요.

 

html 편집

 

아래와 같이 50 - 70번째 줄 사이를 살펴보면,

<h1>과 </h1> 코드가 보이는데 이를 <div class="blog-header">와  </div>로 변경해 주신 후 우측 상단의 적용 버튼을 눌러 주세요.

 

html 수정

 

아래와 같이 수정이 완료되었으면 우측 상단의 적용 버튼을 눌러 주세요.

 

html 수정 완료

 

 

html을 바꿔줬으니 이제 css에 있는 값들도 수정을 해주어 매칭을 해주어야 합니다.

 

티스토리 css 수정

상단의 CSS 메뉴를 선택해 주세요.

 

북클럽 CSS 메뉴

 

컨트롤 F 버튼을 같이 눌러 찾기를 실행시킨 후, #header h1을 찾아 주세요. 총 5개를 찾을 수 있는데, 여기에 있는 5개의 라인 모두를 아래와 같이 변경을 시켜줘야 합니다.

 

css 값 변경

 

5개의 #header h1 부분을 모두 #header .blog-header 로 변경을 해주셔야 합니다.

 

css 변경 완료

 

이렇게 변경을 완료하셨으면, 우측 상단의 적용 버튼을 눌러 저장을 하시면 모든 작업이 완료됩니다.

추천글

[컴퓨터 IT] - 티스토리 구글 서치콘솔 등록 방법

티스토리 구글 서치콘솔 등록 방법

[컴퓨터 IT] - 티스토리 자동목차 사용 방법

티스토리 자동목차 사용 방법

[컴퓨터 IT] - 티스토리 블로그 사진 넣는 방법 (무료 사진, 화면 캡처 프로그램)

티스토리 블로그 사진 넣는 방법 (무료 사진, 화면 캡처 프로그램)