수학방

블로그 왼쪽 사이드바의 효과라는 글에서 오른쪽에 있던 사이드바를 왼쪽으로 옮긴 후기를 짤막하게 소개했었습니다. 그 후로 왼쪽 사이드바를 사용하는 블로그들을 보면 조금 더 관심을 가지고 스킨을 보게 되더라고요.

혹시 저처럼 왼쪽 사이드바를 사용하고 싶으신 분이 계실까 하여 사이드바를 옮기는 방법을 아주 간단히 소개할까 합니다. 그리고 왼쪽 사이드바를 사용하는 게 좋은 건지 어떤 경우에 왼쪽 사이드바를 사용해야 하는지에 대한 얘기도 해보고요.

지극히 개인적인 경험인지라 다른 분들에게는 적용이 안 될 수도 있으니까 한 번 걸러서 읽어주세요.

사이드바를 왼쪽으로 옮기는 방법

사이드바를 왼쪽으로 옮기는 방법은 간단합니다. 티스토리 관리자 - html/css 편집에서 두 가지만 수정하면 되니까요.

style.css의 #content에 float:right를 #sidebar에 float:left를 넣어주면 돼요. 백전백승님의 글에 따르면 이 방법으로 안되는 스킨도 일부 있으나 대부분의 스킨에서 사용하는 방법입니다.

사이드바를 옮긴 다음에 여백에도 신경을 써 줘야 합니다. 사이드바가 오른쪽에 있을 때는 본문과의 공간이 알맞게 있었는데, 왼쪽으로 옮기면서 간격이 너무 붙어버리는 경우가 생길 수 있는데요. 이는 위 그림에서 margin과 padding으로 조절할 수 있습니다. 잘 모르겠으면 margin:10px 사용하시되 숫자를 바꿔가면서 여백을 조절하면 됩니다.

왼쪽 사이드바를 어떻게 사용해야 하나?

결론을 말씀드리면 왼쪽 사이드바는 좋은 선택은 아닙니다. 대부분의 스킨이 오른쪽 사이드바를 사용하는 이유가 있겠죠. 네이버나 다음의 검색 결과도 오른쪽 사이드바를 사용하고 있습니다. 분명 오른쪽 사이드바가 훨씬 더 좋습니다.

하지만 제가 사이드바를 왼쪽으로 옮긴 이유는 간단합니다. 제는 블로그 사이드바를 왼쪽으로 옮긴 후에 방문당 페이지뷰가 늘었거든요.

위 그림은 웹페이지에서 사람들의 시선이 어디에 많이 가는지를 나타내는 그림입니다. 붉은색일수록 시선이 더 많이 가는 곳이에요.

웹페이지에 접속했을 때 사람들의 시선은 왼쪽 위에 가장 많이 분포합니다. 오른쪽에 사이드바를 둔 경우라면 본문 상단이니까 글의 제목과 첫 단락에 해당하겠죠. 그리고 왼쪽에서 오른쪽으로 글을 읽으니까 오른쪽에 사이드바로 시선이 갑니다.

하지만 저처럼 왼쪽에 사이드바가 있다면 페이지에 접속했을 때 제일 먼저 보이는 게 검색과 카테고리 부분입니다. 저는 이 카테고리 부분에 가장 많은 시선을 두게 함으로써 페이지뷰를 늘릴 수 있었던 거지요.

따라서 저처럼 주제를 가진 블로그의 경우에 왼쪽 사이드바를 사용하시라고 권하는 겁니다. 그렇지 않은 흔히 잡블로그라고 불리는 여러 주제를 다루는 블로그나 카테고리 숫자가 너무 많아서 주제를 파악하기 어려운 블로그는 카테고리를 봐도 클릭 욕구가 생기지 않으니까 왼쪽 사이드바는 별로 좋은 선택은 아니에요.

그리고 왼쪽 사이드바를 사용하여 페이지뷰를 늘리려면 사이드바의 폭을 넓게 사용하는 게 좋습니다. 사이드바의 폭이 좁으면 최신글 제목이 잘리거나 두 줄로 나누어지는데 폭이 넓으면 한 줄에 다 표시할 수 있거든요. 제목이 다 나와야 한  눈에 알아볼 수 있어서 클릭을 유도할 수 있습니다.

사이드바의 전략을 간단히 정리해보죠.

왼쪽 사이드바: 상단에 카테고리 -> 페이지뷰 증가 -> 애드센스 노출 수 증가
오른쪽 사이드바: 본문 상단의 광고에 시선 집중 -> 광고 클릭 증가, 자연스럽게 시선에 들어오는 사이드바의 콘텐츠

다음 글에서는 왼쪽 사이드바를 사용해서 페이지뷰를 높이는 전략이 아닌 애드센스 광고 수입을 직접 올리는 전략에 대해서 알아보죠.

함께 보면 좋은 글

블로그 왼쪽 사이드바의 효과
애드센스 수입 향상 팁 - 텍스트 광고 편
애드센스 필수 가이드북
애드센스 최적화 배치 방법, 히트맵(headtmap)
애드센스 타겟팅 - 문맥 vs 관심기반 vs 게재위치
애드센스 크기가 작은 광고가 나올 때
애드센스를 본문 상단 오른쪽에 넣기
애드센스 수익 향상 팁 - A/B 테스트

애드센스 배치가 상당히 신경쓰이죠. 한국에서는 상단 두 개, 하단 하나를 이용하거나 상하단 한 개, 사이드바 한 개를 많이 사용하고 있어요. 하지만 광고 배치라는 게 스킨에 따라 좌우되고 또 글의 내용, 글 속의 이미지의 배치 등에 따라 다른 결과를 가져올 수 있기때문에 남들에게 효과를 본 광고 배치가 반드시 본인의 블로그에서도 좋은 결과를 가져오지는 않아요.

지금 여러가지 광고 배치를 해보고 있는데, 차이가 조금 나는 것 같네요. 앞으로 여러 실험을 해볼텐데 그 전에 애드센스 사용자가 참고하면 좋을 만한 광고 배치가가 소개된 페이지를 알려드립니다.

애드센스 최적화 배치 방법

heatmap 테마라고 외국에서 유료로 판매되는 테마의 홈페이지에 소개된 몇 가지 레이아웃입니다. 유료로 판매되니만큼 효과가 있다는 뜻이겠죠. 하지만 실제 히트맵 테마를 사용하는 페이지를 찾을 수 없어 heatmap 테가가 여기서 소개된 광고 배치를 사용하고 있는 지는 모르겠네요.

Layout Example

heatmap은 사람들의 시선이 어떻게 이동하는 지를 나타내는 지도로 표시한 걸 말해요. 사람들의 시선이 많이 가는 곳에 광고를 배치하면 훨씬 더 좋은 결과를 가져올 수 있겠죠?

블로그의 메인페이지와 컨텐츠 페이지에 따라, 또 사이드바의 위치에 따라서 다양한 종류의 광고 레이아웃이 소개되어 있습니다. 본인의 블로그 스킨과 비슷한 스킨을 골라서 적용해 보세요. 외국의 경우 텍스트 광고의 비중이 높기때문에 본인의 블로그에서 텍스트 광고의 수입이 높으신 분들이라면 한 번쯤 시험해봐도 괜찮을 것 같아요.

저는 오른쪽 사이드바를 사용하고 있는데, 조만간 왼쪽 사이드바로 바꿀 때 이곳의 광고 배치를 참고해봐야 겠어요.

애드센스의 배치는 클릭율에 영향을 미치니까 광고 최적화에서 가장 중요한 요소라고 할 수 있어요. 남들이 좋다는 광고 배치보다 여러 번 실험을 통해서 본인 블로그에 가장 알맞은 광고 배치를 찾아보시기 바래요.

함께 보면 좋은 글

애드센스 타겟팅 - 문맥 vs 관심기반 vs 게재위치
애드센스 크기가 작은 광고가 나올 때
애드센스 광고 유형 한 번에 수정하기 - 텍스트/이미지광고
애드센스 CPE? 확장형 광고
애드센스를 본문 상단 오른쪽에 넣기
애드센스 수익 향상 팁 - A/B 테스트
애드센스 최적화 배치 도움되는 곳