티스토리 북클럽 스킨 H1 중복 태그 제거 및 수정
티스토리 블로그를 운영하시는 분들 중 여러 가지 이유로 저를 포함해 많은 분들이 북클럽 스킨을 이용 중이실 텐데요 북클럽 스킨을 사용하시면 구글 SEO 권장사항에 있는 H1태그는 하나만 사용한다는 사항에 어긋나게 됩니다. 그 이유는 북클럽 스킨은 블로그 이름, 포스팅 제목이 H1 태그로 잡혀있기 때문에 중복이 발생되는데요 이번 포스팅은 H1 태그 중복이 발생되지 않게 포스팅 이름에 있는 H1 태그를 수정하는 방법에 대해서 전달드리겠습니다.
목차
- 블로그 이름 중복(수정할 태그) 찾기
- 중복 태그 삭제 및 대체 태그 삽입
- 코드 설명
우선 간략 요약 후 본문에 누구나 따라 할 수 있도록 쉽고 상세하게 설명드리겠습니다.
요약
블로그 설정 → 꾸미기 → 스킨 편집 → HTML편집 → 대체 텍스트 삽입(본문 내용 참고) → 적용
상세 설명
H1 중복 태그(수정할 태그) 찾기
먼저 수정할 태그를 찾아보도록 하겠습니다.
블로그 설정 → 꾸미기 → 스킨편집 → HTML 편집 → HTML과 CSS 둘 중 저희는 HTML 수정을 할 예정이니 HTML을 선택해 줍시다. HTML 화면에서 Ctrl + F를 누르신 후 <header id="header">를 입력 후 검색을 해주세요. 그리고 아래에 있는 코드와 일치한 부분을 확인해주세요.
<>까지 전부 입력하셔야 정확하게 찾을 수 있습니다. 혹시 검색이 안되시는 분들은 직접 스크롤을 내려가면서 아래에 있는 코드를 찾으셔도 됩니다. 대략적인 위치는 20~30번째 줄 사이에 위치하고 있습니다.
<div class="inner">
<h1>
<a href="https://qqooopp.tistory.com/m/">
<s_if_var_logo>
<img src="" alt="자라기">
</s_if_var_logo>
<s_not_var_logo>
자라기
</s_not_var_logo>
</a>
</h1>
<div class="util">
대체 태그 입력
위 코드를 찾으셨다면 이제 아래에 있는 코드처럼 수정을 해야 됩니다.
코드는 파일로 올려놨으니 다운로드하셔서 편하게 복사 붙여 넣기 해주시면 됩니다.
붙여 넣기 할 위치는 <div class="inner">와 <div class="util"> 사이에 넣어주면 되는데 편하게 <div class="inner"> 코드부터 <div class="util">까지 드래그한 후 아래 코드를 붙여 넣기 해주면 된다.
※ 주의 사항 ※
혹 코드를 잘못 붙여놓은 상태에서 적용을 눌러버리면 되돌리 수 없기 때문에 기존 코드를 메모장에 옮겨놓은 뒤 작업을 진행해주시면 되겠습니다.
아래에 있는 코드가 수정이 완료된 코드입니다.
<div class="inner">
<p style="font-size: 1.6875em; color: #000; padding: 15px 0 5px 0;">
<a href="https://qqooopp.tistory.com/m/" style="text-decoration: none;">
<s_if_var_logo>
<img src="" alt="자라기">
</s_if_var_logo>
<s_not_var_logo>
자라기
</s_not_var_logo>
</a>
</p>
<div class="util">
코드 설명
<p style="font-size: 1.6875em; color: #000; padding: 15px 0 5px 0;">
</p>↑ 기존 H1 태그로 적용되어 있던 폰트 크기와 동일하게 적용시키기 위한 코드
<a href="https://qqooopp.tistory.com/m/" style="text-decoration: none;">↑ 마우스를 올렸을 때 밑줄 효과를 제거하는 코드
지금까지 티스토리 북클럽 스킨 H1 중복 태그 수정에 대해 알아보았습니다. 최대한 간략하고 쉽게 따라 할 수 있도록 설명하였으니 편하게 수정 후 구글 SEO에 문제 되지 않게 포스팅하시기 바랍니다. 감사합니다.