본문 바로가기
카테고리 없음

티스토리 블로그 북클럽 스킨 H1, Alt tag 오류 수정하기

by 선레이 2023. 6. 23.
반응형

티스토리 블로그 북클럽 스킨 H1 오류와 Alt tag 오류 수정하는 방법을 정리했습니다. 티스토리가 제공하고 있는 무료 스킨 중에 많은 분들이 사용하고 있는 것이 바로 북클럽 스킨입니다. SEO에 맞지 않는 부분이 2가지 있으니 구글, 빙, 네이버 등의 검색 엔진에 등록하기 전에 수정하는 것이 좋습니다.

 

북클럽스킨-H1-Alt-tag-오류-수정

 

티스토리 블로그 북클럽 스킨

티스토리 블로그는 다양한 스킨을 제공하고 있습니다. 대부분의 스킨들은 SEO에 맞게 제작되었지만 간혹 오류가 있는 경우가 있습니다.

 

이 상태로 네이버 서치어드바이저, 구글 서치콘솔이나 빙 웹 마스터 도구에 블로그나 사이트를 검색 등록하면 문제가 있다고 나오므로 수정해 주는 것이 있습니다.

 

HTML에 대해 잘 모르고 있더라도 오늘 포스팅을 따라서 하시면 큰 문제없이 해결할 수 있습니다.

 

목차
1. H1 tag 오류 수정
2. Alt tag 오류 수정

 

티스토리 블로그 메뉴에 있는 꾸미기의 스킨 편집을 선택하면 HTML 수정할 수 있는 새 탭이 생깁니다.

 

티스토리-꾸미기-메뉴

 

왼쪽에는 현 블로그의 미리보기 화면이 나오고, 오른쪽에 스킨 편집 메뉴가 나옵니다. 사용 중인 스킨이 Book Club으로 나오면 스킨 썸네일 밑에 있는 html 편집 버튼을 누릅니다.

 

스킨-편집

 

 

1. H1 tag 오류 수정

북클럽 스킨의 가장 큰 문제는 바로 H1 태그가 2개 있다는 것입니다.

 

SEO(Search Engine Optimization)는 검색 엔진 최적화라는 의미를 가지고 있습니다. SEO는 원래 H1 태그를 글의 제목으로 인식합니다. 북클럽은 블로그 제목에도 H1 태그를 쓰고 있어서 하나의 글에 제목이 2개 있다고 판단될 수 있습니다.

 

가장 좋은 해결 방법은 블로그 제목을 다른 태그로 바꾸는 것입니다. 이 부분을 바꾸는 것은 다양한 해결 방법이 온라인에 공유되고 있습니다. 저는 H1 태그를 P 태그로 대체했습니다.

 

 

HTML 화면을 마우스로 클릭한 후 Ctrl+F(검색) 키를 눌러서 h1을 검색합니다. 한번도 북클럽 스킨을 편집한 적이 없다면 42번 줄에 h1이 있는 것을 확인할 수 있습니다.

 

H1-검색

 

HTML 코드는 언제나 한 쌍으로 되어 있습니다. 42번 줄과 51번 줄을 함께 바꿔주어야 제대로 작동합니다.

 

<h1> 은 <p style="font-size: 1.6875em; color: #000; padding: 15px 0 5px 0;"> 로 변경합니다.

</h1> 은 </p> 로 변경합니다.

 

설명드린 코드는 글자의 크기와 색상을 정하고 글 주변 여백을 설정해 주는 것입니다.

 

H1-코드-수정

 

이 부분을 따라서 하기 어렵다면 해당 부분을 정리해 놓은 코드 파일을 다운로드해서 42번부터 51번 줄까지 선택해 붙여 넣기 하면 됩니다.

 

북클럽 스킨 H1 변경 코드.txt
0.00MB

 

 

 

2. Alt tag 오류 수정

두 번째로 수정해야 할 부분은 Alt tag입니다. 알트 태그는 이미지에 대한 설명을 검색 엔진에 제공하는 역할을 합니다.

 

알트 태그에 대해 더 알고 싶다면 이전에 작성한 글을 참고하시기 바랍니다.

 

티스토리 블로그 이미지에 알트 태그(Alt Tag) 추가하기

 

티스토리 블로그 이미지에 알트 태그(Alt Tag) 추가하기

티스토리 블로그 이미지에 알트 태그(Alt Tag) 추가하는 방법을 알아보겠습니다. 이미지를 넣을 때 알트 태그를 작성해 주면 구글 SEO에 맞는 글을 작성하는데 도움이 됩니다. 티스토리에서는 2가

brightsun.co.kr

 

마찬가지로 html 편집 모드에서 검색 기능을 통해 해당 오류를 찾아냅니다.

 

검색할 내용은 <s_article_related_rep_thumbnail> 또는 alt=" " 입니다.

 

수정해야 할 태그는 453번째 줄에 있습니다.

 

alt-tag-검색

 

코드가 길어서 오른쪽으로 끝까지 가고 나면 마지막에 alt=" "가 있는 것을 확인할 수 있습니다. 

 

쌍 따옴표 사이에 있는 스페이스 값을 없애고 이미지에 대한 설명적인 키워드 텍스트를 넣어 수정해 줍니다. 원래 이 코드는 블로그 본문 하단에 나오는 관련된 글의 썸네일이므로 thumbnail을 입력하면 됩니다.

 

H1 tag 오류, Alt tag 오류를 모두 수정했다면 상단에 있는 적용 버튼을 누릅니다.

 

내용입력-후-적용

 

 

SEO에 맞게 블로그 세팅을 했다고 해서 모든 글들이 검색 엔진의 상단에 노출되지는 않습니다. 각 사의 검색 엔진들은 복잡한 알고리즘을 통해 방대한 양의 자료들을 정리하고 검색결과를 만들어 냅니다.

 

매일 새롭게 생성되는 정보가 워낙 많기 때문에 검색 엔진이 원하는 추가적인 요소들을 감안하고 가급적 오류가 없는 글들을 발행하는 것이 가장 좋은 방법이지 않을까 싶습니다.

 

구글 검색 작동 방법 / 출처: 구글 공식 유튜브

 

 

 

티스토리 블로그 북클럽 스킨 H1 오류와 Alt tag 오류 수정하는 방법을 알아보았습니다. 다음 포스팅에서는 구글 서치 콘솔에 등록하는 방법을 정리해 보겠습니다.


다음(Daum) 검색등록에 사이트 등록하기

 

다음(Daum) 검색등록에 사이트 등록하기

다음(Daum) 검색등록에 사이트 등록하는 방법을 알아보겠습니다. 검색엔진을 운영하고 있는 포털 사이트인 다음에서는 2차 도메인을 사용 중인 블로그를 사이트 등록할 수 있습니다. 신청은 5분

brightsun.co.kr

사진 용량 줄이는 법 알아보기

 

사진 용량 줄이는 법 알아보기

사진 용량 줄이는 법을 알아보겠습니다. 사진이나 이미지 크기 줄이기가 필요한 이유는 페이지 로딩 속도에 영향을 미치기 때문입니다. 용량이 큰 원본 사진을 쓰는 대신 빠르게 확인할 수 있도

brightsun.co.kr

티스토리 블로그 꾸미기 (기본설정)

 

티스토리 블로그 꾸미기 (기본설정)

티스토리 블로그를 만든 후 블로그 관리 페이지에서 많은 설정을 할 수 있습니다. 이 중에서 기본적인 꾸미기 및 설정에 대해 알아보도록 하겠습니다. 티스토리 블로그 꾸미기 목차 1. 티스토리

brightsun.co.kr

반응형