티스토리에서 블로그스팟으로 블로그 이전하기 - 3편 구글 SEO에 맞춘 스킨 변경
구글 SEO
SEO란 Search Engine Optimization의 약자로 흔히 최적화라고 부릅니다. 네이버, 다음, 구글 등의 검색엔진의 검색에 적합하게 블로그를 바꿔주는 것을 뜻하고 각 포털 별로 최적화 방법이 다릅니다.
블로그 최적화라고 하면 검색 로직을 얘기하며 키워드 개수, 이미지 개수, 포스팅 간격 등 내용적인 면을 많이 다루는 글을 보게 되는데 네이버나 다음의 경우라면 해당이 되지만 구글의 경우는 조금 다릅니다.
구글 검색엔진은 일차적으로 글의 형식을 중요하게 생각합니다. 블로그스팟의 글을 작성해 보면 주제목, 제목, 부제목, 소제목 등의 드랍다운 메뉴를 볼 수 있는데 html 상에서는 각각, h1, h2, h3, h4를 뜻합니다.
구글 검색엔진은 포스팅이 얼마나 잘 정돈되어 작성되어 있는지를 중요하게 생각하며 다음과 같이 순차적으로 되어 있는 글을 좋아합니다.
포스팅 제목(H1)
A. 제목(H2)
1. 소제목(H3)
본문내용, 본문내용, 본문내용
2. 소제목(H3)
본문내용, 본문내용, 본문내용
B. 제목(H2)
1. 소제목(H3)
본문내용, 본문내용, 본문내용
2. 소제목(H3)
본문내용, 본문내용, 본문내용
구글 검색엔진은 H1의 내용을 가장 우선적으로 검색하기 때문에 포스팅의 제목이 H1으로 설정되어 있는 것이 중요합니다. 티스토리의 경우 자동으로 포스팅 제목이 H1으로 잡히는 반면 블로그스팟은 그렇지 않습니다.
따라서 포스팅 제목이 H1이 되도록 변경해야 하는데 이는 스킨에서 변경이 가능합니다. 우선 www.blogger.com에 들어가 생성한 블로그에서 테마를 누릅니다. 원하는 테마를 선택하는데 각 테마의 속도에 관해서는 애드센서라는 블로그에 잘 정리되어 있습니다.
블로스스팟 SEO 최적화 스킨 변경
A. 포스팅 제목 변경
1. 생성한 블로그에 간단한 포스팅을 합니다. 제목을 넣고 2줄 정도의 내용을 쓴 후 게시합니다.
2. 자신의 블로그 주소를 쳐서 내 블로그에 들어갑니다. 방금 올린 포스팅을 클릭합니다. 꼭 포스팅을 클릭하세요.
3. ctrl+u를 누르면 페이지 소스를 볼 수 있습니다. 놀라지 말고 차분히 따라오세요. ctrl+f를 누르면 페이지에서 찾기를 할 수 있습니다. 여기에 방금 전 포스팅한 제목을 쓰고 엔터를 누르면 여러 개가 검색됩니다. 계속 엔터를 누르면 다음 찾아낸 줄로 넘어갑니다.
몇 번 엔터를 치면 다음과 같은 내용을 볼 수 있습니다.
처음 포스팅이라는 제목이 <h3>와 </h3>안에 있는데 현재는 h3로 포스팅 제목이 설정되어 있습니다. 이것을 h1으로 바꿔주어야 합니다.
4. www.blogger.com으로 들어가 테마를 누릅니다. 내 테마가 보이고 맞춤 설정 옆 세모를 누르면 HTML 편집을 할 수 있습니다.
5. HTML 페이지의 첫 줄을 클릭합니다. 그리고 ctrl+f를 누릅니다. 꼭 첫 줄을 클릭 후 찾기를 하세요.
6. post-title entry-title이라 쓰고 엔터를 치면 다음과 같이 나옵니다.
여기 <h3 와 </h3>를 <h1와 </h1>으로 바꿔준 후 저장을 눌러줍니다.
7. 다시 내 블로그 주소를 치고 포스팅을 클릭합니다. ctrl+u, ctrl+f 후 포스팅 제목을 칩니다.
h3로 되어 있던 제목이 h1으로 바뀌었습니다.
B. 블로그 제목 변경
구글 SEO에 따르면 h1 태그는 포스팅 내에 하나만 있어야 합니다. 그러나 소스를 확인해 보면 방금 수정한 포스팅 제목 외에도 블로그 제목에 h1 태그가 달린 것을 확인할 수 있는데 이것도 수정해 주어야 합니다.
1. 먼저 내 블로그 주소를 치고 들어가 내 포스팅을 클릭합니다. ctrl+u 후 ctrl+f를 누르고 블로그 이름을 쓰고 엔터. 엔터를 몇 번 치면 <h1 class="title" 블로그 이름</h1>을 확인할 수 있습니다. 현재는 h1으로 설정되어 있습니다.
2. www.blogger.com으로 들어가 테마를 누릅니다. 내 테마가 보이고 맞춤 설정 옆 세모를 누르고 HTML 편집에 들어갑니다.
3. HTML 페이지의 첫 줄을 클릭하고 ctrl+f를 누릅니다.
4. super.title이라 쓰고 엔터를 치면 두 개가 나옵니다. 두 번째를 보면
<b:include name='super.title'/>이라는 코드를 다음 코드로 변경 후 저장합니다.
5. 다시 내 블로그 주소를 치고 포스팅을 클릭합니다. ctrl+u, ctrl+f 후 블로그 제목을 칩니다. 여러 번 클릭을 해서 블로그 제목이 h2로 바뀌어 있는 것을 확인합니다.
블로그스팟 기본 제공 테마 외에도 많은 테마가 있습니다. 위 내용은 contempo, essential 테마를 가지고 작성되었으니 다른 테마를 사용하시는 분은 별도의 확인이 필요합니다.
댓글
댓글 쓰기