티스토리 북클럽 스킨 SEO 문제 (H1, ALT 태그) 해결 하기

티스토리 북클럽 스킨 SEO 문제 해결 방법을 알아보겠습니다. 티스토리 블로그를 사용하는 분들 중에 북클럽 스킨을 선택한 분들은 검색엔진을 이용할 때 SEO 오류가 발생할 수 있습니다. H1 태그, ALT 태그 문제는 스킨 편집을 통해서 수정 가능한 부분이니 약간의 시간을 투자해서 변경해 보시기 바랍니다.

 

 

SEO (Search Engine Optimization)

SEO는 검색 엔진 최적화라는 의미입니다. 검색 엔진에서 나오는 결과 페이지에 자신의 글이 노출되기 위해서는 검색 엔진의 가시성을 높이고 순위를 향상하는 과정이 필요합니다. SEO를 통해 좋은 결과를 얻기 위해서는 검색 엔진의 알고리즘에 대한 이해도가 높아야 한다고 합니다.

 

구글 SEO 기본 가이드 바로가기 

SEO 기본 가이드: 기본사항 | Google 검색 센터  |  문서  |  Google Developers

 

1. SEO의 중요성

SEO에 관심이 있는 분은 구글 사이트에서 제공하는 SEO 기본 가이드를 참고해서 보시는 게 좋을 것 같습니다. 구글은 다른 검색 엔진에 비해 검색에 결과가 나오니까지 시간이 많이 걸리고 어렵다고 알려져 있습니다.

 

이때 영향을 미치는 것 중 하나가 도메인 주소도 있습니다. 티스토리는 개인 도메인보다 지수가 더 좋다고 합니다.

 

구글 서치 콘솔, 빙 웹 마스터 도구, 네이버 서치어드바이저 등 여러 검색 엔진을 사용하다 보면 SEO 준수 여부를 체크할 수 있습니다. 크롤링한 글을 가져와서 오류가 있는 부분을 표기해 주는데, 스킨을 수정하지 않고 계속 글을 발행하게 되면 영향을 받는 페이지가 늘어납니다.

 

오류가 많은 사이트보다 SEO 규칙을 잘 따르는 사이트의 콘텐츠를 검색 엔진이 선호하는 것은 당연한 일입니다. 콘텐츠 자체의 소재가 유니크한 경우라면 SEO에 맞지 않게 썼더라도 잘 노출될 수 있겠지만 가급적이면 기준과 규칙에 맞게 하는 것이 사용자의 자세가 아닐까 싶습니다.

 

 

2. 티스토리 북클럽 스킨 SEO 문제 해결

블로그 스킨을 수정하려면 HTML 코드를 변경할 수 있어야 합니다. 티스토리 관리 메뉴에서는 이 부분을 지원중입니다.

 

1) 2개의 H1 태그 문제

티스토리 북클럽 스킨 코드에서는 블로그 제목을 H1 태그로 설정해 놓았습니다. SEO에서는 작성하는 글 제목을 H1 태그로 지정하기 때문에 이렇게 되면 하나의 문서에 H1가 2개 생기게 됩니다. 검색 엔진에서는 이것을 오류로 인식해서 SEO에 맞게 변경해 주어야 합니다.

 

티스토리 스킨 편집에 들어가서 블로그 제목에 해당되는 HTML 코드를 수정합니다. 여러 가지 방법이 있는데, 제가 사용하는 건 블로그 제목의 H1 태그를 P 태그로 바꾸는 것입니다.

 

블로그 관리에서 스킨 편집을 선택합니다.

 

 

스킨 편집에 북클럽(Book Club)이 표시된 것을 볼 수 있습니다. 이미지 밑에 있는 'html 편집' 버튼을 누릅니다.

 

HTML 편집 메뉴 위치

 

오른쪽에 HTML 코드가 쭉 나열되는 것을 볼 수 있습니다. Ctrl + F 키를 눌러서 검색창을 활성화하고 <h1>이나 <header id="header">를 검색합니다.

 

수정 전 html 코드

 

저는 h1을 p style로 바꾸었습니다. Html 코드는 한쌍으로 움직이기 때문에 하단 빨간 박스에 있는 두 번째 부분도 똑같이 바꿔주어야 합니다.

 

• <h1>을 <p style="font-size: 1.6875em; color: #000; padding: 15px 0 5px 0;">으로 변경
• </h1>을 </p>로 변경

 

이렇게 하면 블로그 명을 표시하는 부분의 폰트의 크기를 키우고 색상 지정을 변경할 수 있습니다.

 

수정 후 html 코드

 

2) 이미지가 누락된 ALT 태그 문제

저는 그동안 북클럽 스킨에 H1 태그 문제만 있는 줄 알았는데 이미지가 누락된 ALT 태그 문제도 있다는 것을 새롭게 알게 되었습니다. 이번에 등록한 빙 웹 마스터 도구에서 사이트 검사를 해보았더니 문제가 있다고 결괏값이 나왔습니다.

 

이미지가 누락된 경우의 ALT 특성 옆에 있는 '어떻게 수정하나요?'를 선택해 보면 이미지 태구에 ALT 특성이 정의되어 있지 않아서 검색 엔진이 최종 사용자에게 관련 정보를 제공할 수 없다고 나옵니다. 이미지에 대한 설명적인 키워드 텍스트를 넣어서 수정해야 한다고 합니다.

 

빙 웹 마스터 도구 사이트 검사 결과

 

이 부분도 티스토리 스킨 편집에서 해야 합니다. 인터넷으로 검색을 해 보니 본문 하단에 나오는 관련된 글의 썸네일 이미지에 ALT 값이 누락되어 있다고 합니다.

 

• 블로그 관리 → 꾸미기  → 스킨 편집  → HTML 편집
• <s_article_related_rep_thumbnail> 검색

 

Img src 코드를 보면 alt가 비어 있는 것을 확인할 수 있습니다. 여기에 임의로 내용을 넣어주면 됩니다. 저는 썸네일 부분이라서 thumbnail이라고 입력했습니다.

 

이미지 ALT 관련 오류 수정

 

 

티스토리 북클럽 스킨 SEO 문제 해결 방법을 2가지 모두 알아보았습니다. ALT 태그는 글을 작성할 때도 간혹 잊을 수 있는 부분이긴 하지만 H1 태그는 꼭 변경한 후 사용하시기 바랍니다.

---

2023.02.20 - 빙 웹 마스터 도구 등록 방법 (구글 서치 콘솔과 연동)

빙 웹 마스터 도구 등록 방법 (구글 서치 콘솔과 연동)

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

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

2023.02.16 - 티스토리 블로그에 개인 도메인 연결 방법 (호스팅케이알 기준)

 

티스토리 블로그에 개인 도메인 연결 방법 (호스팅케이알 기준)