수학방

듀륏체리님께서 댓글에 tistory-spidersweb이라는 반응형 스킨이 있다는 내용을 적어주신 걸 보고 탐이 나서 몇 번 시도한 끝에 스킨을 바꿨습니다.

반응형 스킨을 사용하는 게 정말 어려울 거라고 생각했는데, 의외로 쉬웠어요. 그냥 그대로 쓰면 돼요. 안되는 건 그냥 포기하면 되니까요. 따지고 보면 굳이 필요한 게 아니거든요.  다음뷰 손가락같은 추천 위젯 넣기 어려워서 배경 그림 넣기 어려워서 반응형 스킨을 망설이던 분들에게는 바꿔보라고 적극 추천해드려요. 모바일이 대세가 된 지금에 별로 필요하지도 않은 것에 미련때문에 더 이상 미루지마세요. 그냥 가져다가 그대로 얻기만 하면 됩니다.

정 맘에 안들면 스킨 저장해뒀다가 클릭 한 번이면 바로 복구되니까 시험삼아 해보세요.

반응형 스킨

이번에 사용한 반응형 스킨은 Tistory skeleton이라는 스킨이에요. 다운로드도 받을 수 있고 사용법과 몇 가지 팁들이 다 모여 있어요.

지금까지 사용했던 스킨은 xhtml, css2로 된 스킨이라 수정을 하거나 추가하고 싶을 게 있을 때 별 어려움없이 바꿀 수 있었는데, 반응형 스킨은 css가 다르더라고요. 게다가 css 파일이 style.css와 bootstrap.css 두 군데로 나뉘어 있어서 더 복잡하고요.

반응형 스킨을 사용하되 바꾼지 얼마 안되는 현재 사용하는 스킨과 외형적으로는 똑같이 만들려고 했는데 실패했어요. 지금 사용하는 스킨은 본문의 넓이와 사이드바의 넓이, 그 간격 등을 px값으로 정확하게 지정해서 사용했는데 반응형 스킨은 그게 안되거든요. 얼추 됐다고 생각하고 테스트해보니 브라우저가 다르거나 해상도가 달라지면 레이아웃이 깨지는 문제가 있었어요.

사실은 지난 주에 계속 작업을 해도 이 문제가 해결되지 않는 바람에 그냥 포기하기로 했어요. 이거 하나 포기하니까 나머지는 술술 풀리더라고요.

본문 영역과 댓글 영역을 꾸미는 등의 내용은 기존의 것들을 복사, 붙여넣기해서 해결했습니다. class만 바꿨어요. 애드센스 광고도 화면의 가로 길이에 따라 변화하도록 반응형 광고로 새로 작성했고요. 되는 건 되게 하고 안되는 건 하지 말자라는 생각으로 하나씩 바꿔가니 지금의 모습이 되었네요.

반응형 스킨은 기존의 스킨에 비해 예쁘지 않아요. 하지만 꾸미던 것들이 사라지니 훨씬 더 깔끔해졌네요.

물론 아직도 해결하지 못한 것들이 있지요.

사이드바 왼쪽으로 옮기기
사이드바의 글 목록 앞에 bullet
사이드바 태그 목록을 가로로
하단의 페이지 영역 가운데 배치
기존에 본문에 직접 삽입했던 광고들

반응형 스킨 적용하고 가장 좋은 건 구글 웹분석도구의 통계를 모바일에서도 이용할 수 있다는 점이에요.

바꾼지 하루밖에 안되서 통계로서의 의미는 없지만 며칠 지나다 보면 쓸만한 통계가 될 거예요.

최근에 스킨과 애드센스 배치에 열중하면서 블로그에 수학 컨텐츠도 거의 올리지 못하고 있어요. 이번에 반응형 스킨으로 바꾼 다음에는 스킨에 대한 관심은 좀 꺼두고 자중해야 겠네요.

함께 보면 좋은 글

애드센스 A/B테스트을 쉽게 - 실험 베타 서비스
블로그 왼쪽 사이드바의 효과
애드센스 최적화 배치 방법, 히트맵(headtmap)

한컴 오피스를 설치하면 함께 설치되는 프로그램 중에 한컴 사전처럼 괜찮은 게 꽤 많아요. 그중 하나가 한컴 개인정보탐색기인데요. 문서 속에 개인 정보가 들어있는지 검색해서 그 결과를 알려주는 프로그램입니다.

이 프로그램을 이용하면 컴퓨터에 저장된 여러 문서에서 개인의 신상과 금융 정보 등을 쉽게 찾을 수 있어요. 또 찾은 문서는 암호를 설정하거나 개인정보를 숨길 수도 있게 해줍니다.

다른 사람에게 본인과 본인이 관리하는 타인의 개인정보가 노출되기를 꺼리는 분들이라면 문서를 하나씩 열어서 찾지 말고 한컴 개인정보탐색기를 이용해서 한꺼번에 찾아서 관리해보세요.

한컴 개인정보탐색기 활용법

한컴 개인정보탐색기는 아래 그림에 나온 것처럼 계좌 번호, 신용카드 번호, 주민등록번호는 물론이고 이메일 주소, 전화번호, 주소 등을 포함하는 문서를 찾을 수 있어요.

한컴 오피스에서 제공하는 문서이다 보니 지원하는 문서의 종류가 많지는 않네요. 한컴 오피스에서 열고 편집할 수 있는 웬만한 문서는 된다고 보면 됩니다. 다만 메모장으로 열 수도 있는 txt, html 파일 같은 것도 충분히 지원할 법한데 빠져있는 건 조금 아쉽네요.

검색 기능은 전체 검색, 빠른 검색, 사용자 검색의 세 가지가 있는데요.

전체검색은 컴퓨터 전체를 검색하는 거고 빠른 검색은 사용자가 미리 지정한 특정 폴더를 검색하는 기능입니다. 위 그림의 "검색 폴더 설정" 탭에서 폴더를 추가할 수 있어요. 사용자 검색은 검색할 폴더와 파일, 검색할 내용을 미리 지정하지 않고 검색할 때 사용자가 직접 정하는 검색입니다.

검색 결과입니다.

전체 140개의 파일을 찾았네요. 파일 종류별로 따로 볼 수 있도록 탭으로 구분되어 있네요.

거래처.xlsx라는 파일에 금융정보 4건, 전화번호 6건이 들어있군요. 거래처 파일이라서 은행 계좌번호와 담당자 전화/휴대전화 번호가 있는데 잘 찾아낸 것 같아요.

거래처.xlsx 앞의 체크 박스를 선택하면 상단에서 비활성 되어 있던 "파일 삭제"가 활성화됩니다. 파일 삭제를 선택하면 선택된 파일을 삭제할 수 있어요.

영구 삭제한다는 메시지가 나오지만, 휴지통을 거치지 않고 바로 삭제된다는 뜻으로 복구할 수 없게 삭제되는 게 아니니 주의하세요. 파일 복구 프로그램을 이용하면 복구할 수 있습니다.

메뉴 중에 "개인 정보 보호"와 "문서 암호 설정"은 한컴 오피스에서 사용하는 hwp, cell, show 파일 등을 선택했을 때 활성화되는 기능입니다.

거래처.xlsx는 MS OFFICE의 파일이라서 활성화되지 않네요. xlsx 문서도 열어서 편집할 수 있는데 보호 기능은 작동되지 않는 건 좀 이상하지만 파일을 열어서 cell로 저장해서 사용하면 되니까 별문제는 없어 보입니다.

한컴 개인정보탐색기를 이용해서 개인정보가 무분별하게 노출되지 않도록 잘 관리하시기 바랍니다.

함께 보면 좋은 글

한글 단축키 - 표/셀 단축키 1
한글 단축키 - 표/셀 단축키 2
한글2010 단축키 - Ctrl + 화살표, Shift
한글 2010 단축키 - Home, End
한글 2010 수식 글자 크기 바꾸기
한글 2010에서 대문자, 소문자 바꾸는 방법

애드센스 수익 향상 팁 - A/B 테스트에서 서로 다른 두 개의 광고 단위의 실적을 비교하는 스크립트가 있다고 했었는데요. A/B 테스트는 자바스크립트를 이용해서 살짝 어려움이 있었죠. 비교하려는 광고 단위를 두 개 만들어야 하는 불편도 있었고요. 그리고 실험이 끝나면 다시 원래의 광고 코드를 넣어줘야 했어요.

이번에 새로 나온 방법은 A/B 테스트를 하기가 정말 쉬워졌어요. 스크립트를 전혀 손댈 필요도 없고 새로운 광고 단위를 만들 필요도 없이 그냥 클릭 몇 번으로 실험할 수 있습니다. 실험이 끝나고 실적이 더 좋은 광고를 선택만 해준다면 광고 코드를 수정할 필요없이 자동으로 적용까지 되죠.

애드센스 A/B테스트을 쉽게 - 실험 베타 서비스

애드센스에 실험이라는 새로운 기능이 생겼어요. 기존의 A/B 테스트를 대체하는 기능입니다.

먼저 애드센스 홈에 접속해서 내 광고 - 실험 베타를 선택하세요.

"새 실험"을 선택합니다.

실험의 이름과 참고 사항을 적으세요. 혼자 보는 거니까 아무렇게나 쓰셔도 상관없어요.

원본 항목이 있는데요. 위에 있는 광고 단위에서 자신이 사용하고 있는 광고 단위를 하나 선택하세요. 이건 현재 광고 설정을 나타냅니다. 그 아래 유사광고는 원본 광고와 비교할 설정을 고르는 건데요. 광고 유형을 수정할 수도 있고 광고 스타일을 수정할 수도 있습니다.

저는 텍스트와 디스플레이가 모두 표시되는 현재의 광고와 텍스트 광고만 표시되는 유사광고를 비교하기로 해서 아래 그림처럼 설정했어요.

설정을 다 하고 나면 아래에 "실험 시작" 버튼을 누르세요. 새로운 실험이 목록에 표시됩니다.

이름을 클릭하세요. 지금 바로 만든 실험이라서 아무런 데이터가 없네요.

신뢰도는 이 평가를 얼마나 신뢰할 수 있는지를 나타냅니다. 신뢰도가 95% 이상 되면 실험 결과를 믿을 수 있다는 뜻으로 95%가 넘어가는 시점에 최우수 조합 선택에서 원본을 그대로 사용할 것인지 대체 설정을 사용할 것인지를 선택하세요. 그러면 코드를 수정하거나 설정을 바꾸지 않아도 선택한 스타일의 광고가 자동으로 적용되어 나옵니다.

실험이 끝나기 전에 "실험중지"를 누르면 실험이 중지되고 목록에서 사라집니다. 실험이 끝난 후에는 어떻게 되는지 모르겠네요.

같은 크기의 광고에서 광고 유형과 광고 스타일을 비교할 때는 아주 유용하지만 서로 다른 크기의 광고를 비교할 수는 없네요. 336x280광고와 30x250 광고를 비교할 수 없다는 거지요.

그래도 좀 더 쉬운 방법으로 광고 단위의 실적을 비교할 방법이 나왔고 적용하기도 쉬우니까 잘 사용해봐야겠습니다.

함께 보면 좋은 글

애드센스 수입 향상 팁 - 텍스트 광고 편
애드센스 필수 가이드북
애드센스 최적화 배치 방법, 히트맵(headtmap)
애드센스를 본문 상단 오른쪽에 넣기
애드센스 수익 향상 팁 - A/B 테스트

우연인지 사이드바를 왼쪽으로 옮긴 다음부터 애드센스에 이상한 현상이 생기고 있어요. 이상한 현상은 데스크톱, 모바일 페이지를 가리지 않고 생기는 있네요. 사이드바를 왼쪽으로 옮긴 건 데스크톱하고만 관련된 것이라 모바일 페이지는 아무런 상관이 없으니 이게 이상한 현상의 이유라고 말할 수는 없을 거예요.

이제까지 애드센스에 대해서 잘 못 알고 있었던 건지 아니면 제가 모르는 다른 게 있어서 인지 이유를 모르겠어요. 혹시 아시는 분이 있다면 알려주세요.

전에 애드센스에 메일 보내면 답장 보내준다는 얘기가 있었는데, 메일을 어디로 보내야 하는지 아시는 분은 이것도 알려주세요.

애드센스 광고 노출 수에 대한 궁금증

애드센스의 광고 노출 수는 2가지로 표시되죠. 플랫폼에서는 페이지뷰, 광고 단위에서는 광고 요청 수로요. 페이지뷰는 광고가 노출되는 페이지가 몇 번이었느냐를 말하기 때문에 한 페이지에 광고가 1개든 3개든 무조건 1로 계산됩니다. 광고 요청 수는 각 광고 단위별로 노출을 요청한 횟수입니다. 물론 100%다 요청한 광고가 나오는 것은 아니지만 거의 99% 이상 요청한 광고가 표시되니까 100%로 봐도 무방하죠.

336x280과 300x600 광고 단위가 적용된 페이지를 한 번 열었다면 페이지뷰 1, 336x280 광고 요청 수 1, 300x600 광고 요청 수 1이 됩니다.

따라서 이 두 가지를 광고 노출 수라고 보면 돼요.

수학방에는 본문을 기준을 했을 때 상단에는 336x280 직사각형광고가 나오고 홈과 검색 결과, 방명록 등에는 728x90 광고가 나오고 있습니다. 사이드바는 300x600 스카이스크래퍼 광고가 나오고요.

(336x280의 광고 요청 수) + (728x90의 광고 요청 수) = (300x600의 광고 요청 수)가 되어야 하죠.

여기까지는 별로 이상하지 않아요.

그런데, 데스크톱에서 모바일 페이지를 접속하는 경우도 있을 거예요. 그때는 애드센스 모바일 플러그인을 이용한 320x50 광고가 나오죠. 그러니까 데스크톱에서 (320x50의 광고 요청 수) + (336x280의 광고 요청 수) = (데스크톱의 페이지뷰 수)가 되어야 정상이에요.

그런데 이게 안 맞아요. 데스크톱의 페이지뷰가 매일 1,000 ~ 2,000회 가까이 많습니다.

모바일 페이지에서도 마찬가지입니다.

320x50 광고를 모바일 페이지에 노출하고 있습니다. 따라서 모바일 페이지에서는 이 광고가 노출되지 않는 페이지는 없어요. 그런데 320x50 광고의 광고 요청 수와 모바일 페이지의 페이지뷰가 두 배이상 차이가 나요.

이상하죠. 모든 모바일 페이지에는 320x50 광고가 노출되게 되어 있는데, 왜 모바일 페이지의 페이지뷰가 320x50의 광고 요청 수보다 2배 이상 많을까요?

광고가 노출되지 않는 페이지가 있는 건지 아니면 계산 방식이 달라서 둘을 직접 비교할 수 없는 건지 모르겠네요.

함께 보면 좋은 글

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

사이드바를 옮기는 방법과 왼쪽 사이드바의 사용법에서 사이드바를 왼쪽으로 옮길 때 어떻게 하면 좋은지 개인적인 경험을 공유했어요. 간단히 요약하면 사이드바를 왼쪽에 놓고 카테고리와 최신글 목록을 잘 보이게 하면 방문당 페이지뷰가 높아진다 였지요. 이렇게 높아진 페이지뷰를 바탕으로 애드센스 노출 수를 증가시켜서 수입을 올린다는 내용이었습니다.

이번에는 페이지뷰를 높이는 전략이 아니고 광고 클릭률(ctr)을 높여서 애드센스 수입을 증가시키는 방법을 소개합니다. 블로거 중에서 이런 방법을 쓰는 분들을 한 번도 보지 못했어요. 방문자 입장에서는 사이트나 블로그의 광고 위치가 비슷하기 때문에 광고를 광고로 인식하는 경우가 많아요. 따라서 남들이 하지 않는 광고 배치를 사용하면 광고에 대한 거부감이 조금은 덜 할 수 있으니까 이런 배치를 선점(?)하는 것도 좋을 것 같네요.

왼쪽 사이드바의 애드센스 클릭률 높이는 방법

티스토리 사용자들이 상단에 300x250 또는 336x280를 두 개씩 배치하는 경우가 많은데, 왼쪽광고는 텍스트, 오른쪽 광고는 이미지 광고가 나올 때 수익이 제일 높습니다. 이걸 여기서도 활용하는 거예요.

애드센스 최적화 배치 방법, 히트맵(heat map)에서 소개했던 사이트에서 추천한 애드센스 배치에요. 왼쪽 사이드바에 160x600 스카이스크래퍼 광고를 넣고 본문 상단 왼쪽에 336x280 광고를 넣는 배치입니다. 3단 스킨인데, 2단 스킨이라도 광고 배치는 같아요.

색이 짙은 본문 상단의 광고가 색이 옅은 왼쪽 사이드바의 광고보다 클릭률이 높다는 뜻입니다.

왼쪽의 스카이스크래퍼 광고에는 텍스트 광고만 나오게 하세요. 왼쪽 사이드바의 광고에 텍스트만 나오게 하면 보는 사람은 광고가 아닌 것처럼 느낄 뿐 아니라 마치 카테고리나 메뉴처럼 착각하게 되는 효과(?)가 있어요. 이는 위치 때문에 생기는 효과라서 애드센스 광고를 컨텐츠와 유사하게 꾸미면 안되는 애드센스 정책에 위반되는 건 아니에요.

오른쪽에 있는 본문 상단의 광고는 이미지만 나오게 배치하세요. 이미지만 나오게 함으로써 진짜 광고처럼 보이게 하는 겁니다. 이미지 광고는 광고 자체로도 눈길을 많이 끄는데, 본문 상단이라는 위치때문에 눈길을 더 많이 끌게 되죠. 눈길을 많이 끄는 광고일수록 클릭이 많아지는 건 당연하죠. 또 왼쪽 사이드바의 텍스트 광고를 광고가 아닌 것처럼 보이게 하는 효과도 있습니다.

다만 보통 이미지 광고가 텍스트 광고보다 단가가 높기 때문에 텍스트 및 이미지 광고를 노출해도 단가가 높은 이미지 광고가 노출되는 숫자가 월등히 많습니다. 따라서 이미지 광고의 노출이 많은 분이라면 굳이 이미지 광고만 노출되도록 설정을 바꿀 필요는 없어 보이네요.

왼쪽 사이드바에 광고 넣을 때 주의할 점

애드센스에는 첫 번째 광고 단위의 중요성이라는 게 있어요. html 소스 상에서 가장 먼저 나오는 광고단위에 가장 높은 단가의 광고가 나오는 거죠. 가장 높은 단가의 광고가 나오니까 당연히 이 광고 단위의 클릭율이 높을수록 수입이 늘어나겠죠?

그런데 왼쪽 사이드바를 사용하다 보면 왼쪽 사이드바에 첫 번째 광고 단위가 노출될 수도 있습니다. 왼쪽 사이드바의 광고는 본문 상단의 광고보다 클릭이 떨어지기 때문에 수입에서 손해가 나는 것이죠.

이런 문제를 해결하기 위해서는 왼쪽 사이드바의 광고가 html 소스 상에서 본문 상단의 광고보다 더 늦게 나오도록 해야 합니다. 다행히 티스토리 대부분의 스킨에서는 사이드바를 왼쪽으로 옮기는 방법을 통해서 해결할 수 있습니다.

함께 보면 좋은 글

사이드바를 옮기는 방법과 왼쪽 사이드바의 사용법
애드센스 수입 향상 팁 - 텍스트 광고 편
블로그 왼쪽 사이드바의 효과
애드센스 최적화 배치 방법, 히트맵(heat map)
애드센스 수익 향상 팁 - A/B 테스트
애드센스를 본문 상단 오른쪽에 넣기

이번에 스킨을 수정하면서 검색도 많이 해보고 외국의 커뮤니티에 있는 글도 많이 봤는데요. 그중에서 몇 가지 추려서 정리해 보려고 합니다.

우리는 이미지와 텍스트 광고를 모두 노출하는 것이 수입이 많다고 하는데, 외국에서는 텍스트 광고만 노출하는 경우가 수입이 많다는 의견도 상당히 있어요. 그래서 텍스트 광고에 대한 글들이 많이 있네요. 우리는 광고의 위치에 대한 얘기가 많다면 외국은 좀 더 세부적인 설정에 대한 얘기도 많이 있어요.

제 경우에는 이미지 광고의 노출이 월등히 많고 대부분의 수입이 이미지 광고에서 나와요. 실제 적용해보고 그 결과까지 공개하면 좋겠는데 텍스트 광고의 노출이 별로 없어서 통계로서의 가치가 없을 것 같아 이 과정은 그냥 넘어 갈게요.

애드센스 수입 향상 팁 - 텍스트 광고 편

아래 내용이 꼭 텍스트 광고에만 해당하는 내용은 아니고 이미지 광고에도 도움이 되는 내용이 있으니까 한 번 잘 읽어보세요.

애드센스의 팔레트에서는 배경색과 테두리색을 설정할 수 있는데, 이때 두 가지색을 본문의 배경색과 같은 색을 사용하는 게 좋다고 합니다.

본문 안에 들어가는 광고는 본문과 같은 배경색, 사이드바에 들어가는 광고는 사이드바와 같은 배경색을 사용하라는 거지요.

일반적으로 링크는 파란색을 많이 사용하죠. 그래서 애드센스 측에서는 컴퓨터에 익숙하지 않은 사용자들이 많이 찾는 곳의 경우에는 파란색 제목을 사용하라고 권장하고 있습니다.

하지만 컴퓨터 사용에 익숙한 사람들에게 "파란색 = 링크"라는 인식이 있어서 오히려 광고 클릭을 덜 하게 된다고 하네요. 그래서 다른 색을 사용하면 좋은데 링크처럼 안 보이면서도 링크라는 걸 알려주는 색이 옅은 파란색이라고 합니다.

대게 본문의 글자는 검은색을 사용하므로 애드센스의 텍스트와 URL도 똑같이 검정색을 사용하면 좋다고 합니다. 사실 검은색보다는 본문에는 회색을 사용하고 애드센스에는 이보다 조금 더 진한 색을 사용하는 게 좋다고 하는데요. 이러면 본문보다 애드센스에 더 눈이 간다고 하네요.

애드센스의 글자 크기를 크게 하면 광고 클릭이 더 많이 발생한다고 합니다. 하지만 이건 어디까지나 본문의 글자 크기와 비교해야 하는 내용이므로 무조건 크다고 좋은 건 아니지요. 어찌 됐든 본문의 글자보다 큰 게 좋다고 하네요.

텍스트 광고 주변에 이미지, 동영상은 X

텍스트 광고 주변에 본문에서 사용하는 이미지나 동영상이 있으면 시선을 빼앗기기 때문에 광고 주변에 다른 시선을 빼앗을 수 있는 요소는 넣지 않는 것이 좋다고 합니다.

얼마 전 티스토리 블로거를 위한 광고 게재 위치 행아웃에서도 나온 얘기인데요. 애드센스 광고를 본문이 감싸는 형태의 배치가 수입이 많다고 합니다.

이건 애드센스에서도 정책 위반을 피할 수 있다면서 권장하는 방법이에요. 애드센스를 본문 상단 오른쪽에 넣기

애드센스 광고 중에서 텍스트 광고의 수입을 올리는 팁을 알려드렸는데요. 애드센스 보고서에서 광고 유형을 보고 텍스트 광고의 노출 비중이 높으신 분들은 꼭 한 번 적용해보시기 바랍니다. 그리고 그 결과도 공유해 주세요.

함께 보면 좋은 글

애드센스 필수 가이드북
애드센스 최적화 배치 방법, 히트맵(headtmap)
애드센스 광고 유형 한 번에 수정하기 - 텍스트/이미지광고
애드센스 타겟팅 - 문맥 vs 관심기반 vs 게재위치
애드센스 수익 향상 팁 - A/B 테스트
애드센스를 본문 상단 오른쪽에 넣기

광고 배치를 바꾸려고 시작했던 일이 점점 커지더니 이제 스킨을 완전히 바꾸게 되었어요. 사실 조금 더 바꿔야 하긴 하는데 끝이 없는 일이 될 것 같아서 그냥 여기서 멈추려고요. 애초에 스킨을 바꾸겠다는 생각도 없었거든요.

가장 큰 변화는 블로그 왼쪽 사이드바의 효과에서 얘기했던 것처럼 사이이드 바의 위치를 오른쪽에서 왼쪽으로 바꾼 것과 색을 화사한 딸기우유(?) 색으로 바꾼 거겠죠.

이제까지 초코테마를 사용했었는데, 주변의 어두운 배경색 때문에 본문에 대한 집중도가 높은 장점이 있었어요. 하지만 너무 어두운 색이라 우중충한 느낌도 있었죠. 여름에 잠깐 파란색으로 색을 바꿔보기도 했는데 그냥 배경색만 바꾼 거라서 다른 콘텐츠들과의 어울림이 좋지 않았고요.

그래서 이번에는 배경색도 바꾸면서 본문 안의 여러 가지 요소들도 함께 바꿔봤습니다.

아래는 그 동안 사용했던 스킨의 모습인데 모아놓고 보니 바꾸길 잘했다는 생각이 드네요.

튜닝의 끝은 순정

그 동안 스킨을 수정하면서 기능을 추가하는 경우가 많았는데, 이번에는 삭제를 많이 했어요.

SNS 보내기 플러그인, 다음뷰 추천버튼, "수학방"을 검색하세요 이미지 등을 삭제했고, 플러그인도 몇 가지 설정해지 했어요.

댓글 입력창 바로 위에 광고가 하나 있었는데, 한 달 걸어놔 봐야 2만 원 정도밖에 안돼서 떼어냈어요. 진작에 떼어내려고 했는데 지급 기준에 도달하면 돈 받고 떼어야지 하면서 미루고 미루다가 그냥 이참에 뗐어요.

다음뷰 추천 버튼도 전에는 다음에서 검색할 때 검색결과의 제목 옆에 뷰 추천 수가 함께 나와서 어쩌면 추천 수가 검색 결과에 영향을 줄 수도 있다는 생각이 들어서 계속 뒀었지요. 그런데 추천 수 표시가 없어진 지 한참 됐고 다음에서 들어오는 검색 유입이 거의 없는 상황이라 그냥 과감하게 떼 버렸어요.

rss 버튼도 없애버렸어요. 중고생들이 rss를 통해서 제 블로그를 보는 경우는 거의 없을 거라는 생각도 했고, 블로그 특성상 수식을 많이 넣는데 rss 화면에서는 수식이 주변의 글들과 바르게 정렬되지 않아서 글을 읽는데 매우 불편하거든요.

이번에 뗀 건 아니지만, 이웃 링크와 네이버 이웃커넥트, 댓글과 트랙백 목록, 트위터 보내기, 페이스북 좋아요 등도 모조리 다 제거했습니다.

이제 남은 거라고는 본문, 카테고리 글 더보기, 댓글, 카테고리, 최신글, 태그, 애드센스 뿐이네요.

블로그를 하다보면 이것저것 추가하는 게 많아지는데 그러다 보면 본문에 대한 집중도만 떨어질 뿐 실제 기대했던 효과를 보지 못하는 경우가 많았거든요. 앞으로는 필요한 기능만 딱 골라서 넣어두고 제 기능을 할 수 있게 해야 할 것 같아요.

함께 보면 좋은 글

블로그 왼쪽 사이드바의 효과
애드센스 최적화 배치 방법, 히트맵(headtmap)
여름맞이 블로그 단장..
본문 검색창 설치로 블로그 페이지뷰 늘리기

애드센스 사용자들이 점점 늘어나면서 최근 애드센스 코리아의 고객 응대(?)가 상당히 좋아졌어요. 행아웃을 통해서 정책이나 최적화 방법 등을 알려주기도 하고 메일로 문의에 답변을 해주기도 하고요. 또 티스토리에서 애드센스를 사용하는 사람들이 늘어나면서 티스토리 사용자에 대한 관리도 좋아졌고요.

이런 흐름 속에서 애드센스 코리아 공식 블로그에 "애드센스 필수 가이드북"이라는 내용이 있어서 소개하려고 합니다. 이 외에도 애드센스 코리아의 블로그에는 애드센스 사용에 도움이 되는 많은 정보들이 있으니까 쭉 둘러보세요.

애드센스 필수 가이드북

구글 애드센스 코리아의 공식 홈페이지 Inside Adsense Blog(http://adsense-ko.blogspot.kr/) 홈페이지에 갔더니 오른쪽 사이드바에 새로운 링크가 하나 생겼더군요. 원래 있었는데 못 봤던건지 아니면 새로 생긴 건지 모르겠지만 클릭을 해봤어요.

애드센스 필수 가이드북 보기

애드센스 필수 가이드북이라는 이름의 온라인 문서였습니다.

애드센스를 처음 시작하는 분들이나 아직 사용이 익숙치 않는 분들께는 꽤나 도움이 될 만한 내용들이더군요. 애드센스 가입부터 정책, 보고서 사용법 등이 자세히 소개되어 있어요. 애드센스의 도움말에 비해 훨씬 직관적이고 알아듣기 쉽게 설명되어 있습니다.

다만, 애드센스를 오랫동안 이용하셨던 분들이라면 그다지 새로운 내용은 없으니 그냥 참고용으로만 생각하시면 될 것 같아요.

애드센스 필수 가이드북 목차

1. 가입하기: 애드센스에 가입하기 위해 어떤 준비가 필요한가요?
2. 계정 이용하기: 애드센스 계정, 어떻게 활용하면 되나요?
3. 정책 이해하기: 애드센스 정책 꼭 알아두세요.!
                        컨텐츠를 건강하게 유지하세요.
                        사용자 경험을 해치지 않도록 신경 써 주세요.
                        웹사이트 트래픽과 활동을 꾸준히 관리하세요.
4. 광고 단위 알아보기: 실적이 우수한 광고 단위를 추천해 주세요.
5. 수익 지급받기: 수익은 어떻게 지급받나요?
6. 문제 해결하기: 애드센스에 대한 궁금증, 어디에서 해결하나요?

페이지 왼쪽 상단의 화살표를 누르면 저장할 수 있어요. 나중에 필요할 때 또 볼 수 있도록 다운로드 받는 것도 좋을 것 같네요.

함께 보면 좋은 글

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

애드센스의 수익금 지급에 대한 내용이 업데이트 되었네요. 메일이 왔을 때는 대충보고 넘어갔는데 실제로 접속해서 보니까 달라진 게 눈에 확 띄네요.

새로워진 지급 관련 기능

정확히 말하면 지급관련 내용을 보여주는 페이지에 몇 가지 관리 기능이 추가되고 용어와 인터페이스가 바뀌었습니다. 지급 방식이 바뀌지는 않았어요. 전자송금이 추가되었으면 했는데 그런 건 없어요.

지급 방식을 조금 더 쉽게 바꿀 수 있게 되었는데 수표 or 웨스트 유니언 두 개뿐이라 별로 쓸 일은 없을 것 같네요.

그보다는 용어가 조금 더 쉽게 바뀌었고 표의 셀에 배경색이 있어서 조금 더 보기가 좋아졌어요. 그리고 항목을 선택할 수 있는 옵션도 생겼고요. 이 역시 별로 사용할 일은 별로 없을 것 같아요.

새로운 기능

'지급' 및 '지급 설정' 페이지가 다음과 같이 변경되었습니다.

• '지급 요약'은 이제부터 '거래 내역'이라고 합니다.
• '지급 방법'은 이제부터 '지급 방식'이라고 합니다.
• '미지급 최종 수입'은 이제부터 '현재 잔액'이라고 합니다.
• 새로운 거래 내역표의 상단에는 최신 활동이 표시됩니다.
• 새 툴바 지원을 사용하면 거래 정보를 필터링, 인쇄, 내보내기 또는 다운로드할 수 있습니다.

더욱 유연해진 지급 설정 관리:

• 새로 연장된 일정에 따라 매월 20일까지 지급 정보를 변경할 수 있습니다.
• 보고 통화에 따라 기본 지급 기준액보다 큰 지급 기준액을 선택할 수 있습니다.
• 또한, 지정된 날짜까지 지급을 보류할 수도 있습니다.

지급 인터페이스의 향상된 탐색 기능:

• '지급 설정' 및 '수취인 프로필'을 한 곳에서 통합 관리할 수 있습니다.
• 탐색하는 페이지에 따라 그에 맞는 문맥 도움말이 표시됩니다.

새로 바뀐 이후의 지급 내용에만 적용되고 그 전에 지급된 내용에는 적용되지 않아요.

기능의 추가보다는 보고서가 보기 좋게 바뀌었다는 점에 만족해야 할 것 같아요.

함께 보면 좋은 글

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

애드센스 스코어 카드에 나오는 크롤러 오류 때문에 신경 많이 쓰이시죠? 크롤러 오류는 애드센스 수입과 별로 관계가 없으며 실제로 티스토리 사용자들로서는 아무런 해결책이 없다는 걸 아셔야 해요. (애드센스 크롤러 오류 원인과 해결 방법)

그런데도 불구하고 빨간 화살표로 표시되는 것 때문에 막연한 불안감을 갖는 분들이 많은 것 같아요. 그래서 이 글에서는 애드센스 크롤러 오류가 나쁜 지표가 아니라 좋은 지표일 수도 있다는 얘기를 해드릴게요. 좋게 생각하면 또 좋게 보이는 거니까요.

애드센스 크롤러 오류 긍정적으로 생각해요.

애드센스에서 생기는 크롤러 오류는 대부분이 로봇이 거부되어 생기는 오류예요. robots.txt 파일에서 막아놓았기 때문이죠.

크롤러 오류를 긍정적으로 생각해 보자고요.

크롤러 오류가 발생하는 곳 중 owner, admin은 관리자와 관련된 내용이니까 무시하고요. search, tag는 사용자와 관련된 내용이에요. 즉 방문자가 내 블로그에서 검색해서 결과 페이지에 광고가 노출되었다는 얘기죠. 또는 tag 중 하나를 클릭해서 관련 글의 목록과 광고가 표시되었다는 뜻이고요.

즉 search, tag에서 크롤링 오류가 많이 발생했다는 건 방문자들이 검색도 하고 관련 글을 많이 읽는다는 뜻으로 검색과 태그 기능을 제대로 이용하고 있다는 얘기죠.

검색과 태그를 잘 이용하고 있으면 체류시간, 페이지뷰도 늘어날 것이고 이탈률도 낮아지는 장점이 있죠. 그리고 블로그의 글이 마음에 들어 다른 글도 읽어본다는 거니까 블로그의 질이 높다는 것에 대한 반증이고요.

물론 애드센스 크롤러 오류가 search와 tag 사용량을 제대로 보여주지는 못하지만 그래도 그 추이는 알아볼 수 있잖아요.

애드센스 크롤러 오류를 그냥 수입이 떨어지는 좋지 못한 신호로 받아들이기 보다는 긍정적으로 바라보면 좋겠네요.

함께 보면 좋은 글

애드센스 타겟팅 - 문맥 vs 관심기반 vs 게재위치
애드센스 크기가 작은 광고가 나올 때
애드센스 크롤러 오류 원인과 해결 방법 - 스코어카드
애드센스 광고 유형 한 번에 수정하기 - 텍스트/이미지광고
애드센스 최적화 배치 도움되는 곳

검색엔진 최적화 (SEO) 두 번째 입니다. 첫번째에서는 메타 태그 사용에 관한 내용이었다면 이번에는 사이트의 속도를 빠르게 하여 검색엔진 최적화를 하는 방법입니다.

페이지가 열리는 시간은 검색엔진 최적화를 위해서만이 아니라 사용자들을 위해서도 꼭 필요한 내용입니다. 페이지 열리는 시간은 해당 사이트와 만나는 첫인상이라고 할 수 있으니까요.

또, 페이지가 열리기 전에 나가버리면 이탈률에도 상당히 영향을 미치고요. 이래 저래 사이트 운영에 있어서 중요한 요소가 바로 페이지 로딩 속도지요.

검색엔진 최적화 - 사이트 속도를 빠르게

이번 글 역시 검색엔진 최적화를 측정할 수 있는 SEOCert에서 수학방 블로그를 측정한 결과에 나오는 내용들을 발번역한 겁니다.

Loading Time

사이트 속도는 중요한 요소입니다. 속도가 늦은 것은 사용자들의 큰 불만사항 중 하나입니다. 로딩 시간이 너무 길면 서버나 네트워크, 코드, 구조를 살펴볼 필요가 있습니다.

• 1초 미만의 시간이 이상적이고, 사이트를 여는데 5초가 넘으면 사용자들과 검색엔진은 인내심이 다할 겁니다.
• 크기를 작게 하고 서버 응답을 더 빠르게 함으로써 웹사이트를 최적화하여 SEO를 향상시키세요.

이 내용이 중요하지 않다고 생각하는 사람은 없을 겁니다. 그 방법이 중요하겠죠. 블로그를 처음 시작할 때는 여러 가지 위젯도 넣어보고, 꾸미기도 했지만 이제는 그냥 필요한 것들만 남기고 다 지웠어요. 속도가 빠른 것이 보기에도 쾌적하더라고요.

page size

페이지의 크기는 웹사이트의 속력에 영향을 줍니다.

• 페이지 크기를 30kb ~ 150kb 사이로 유지하세요.
• 분리된 별도의 파일에 javascript와 style sheet를 넣고, 메인 페이지로 링크시키세요.
• 웹에 최적화된 이미지를 사용하고 다운로드을 할 때 gzip으로 다운로드 하도록 서버를 설정하세요.

너무 많은 이미지를 사용하거나 불필요한 스크립트 파일을 넣는 건 피해야 합니다.

그리고 많은 티스토리 블로거들이 블로그의 속도를 빠르게 하기위해서 gzip으로 압축하는 코드를 skin.html에 넣는데, 단순히 skin.html에 넣는다고 적용되는 건 아닙니다. 사용자가 할 수 있는 부분이 아니거든요. 그리고 그 코드를 넣지 않아도 되는데, 티스토리 자체적으로 gzip으로 압축하도록 설정되어 있어요. 측정사이트에서 측정을 해보면 해당 코드를 넣었을 때와 넣지 않았을 때 모두 gzip으로 압축되어 있다고 나옵니다.

script

스크립트들을 메인 페이지와 같은 파일에 넣는 것보다는 하나로 합쳐서 외부파일로 링크시키세요.

• in-page-scripts 사용을 줄이고, 별도의 분리된 파일로 만들어서 링크시키세요.
• 외부 스크립트 파일의 수를 줄이는 것은 브라우저가 서버로 부터 http 요청 수를 줄이는데 도움을 줄 것입니다.
• 스크립트 파일을 최적화하고 압축하면 크기를 줄이고, 로딩을 빠르게 할 수 있습니다.

이 내용은 script뿐 아니라 css에도 똑같이 적용되는 내용이에요. 하지만 티스토리에는 기본적으로 너무 많은 외부 스크립트 파일과 css 파일이 있어서 사용자가 할 수 있는 부분이 별로 없습니다.

그렇다고 그냥 내버려 둬서는 안돼요. 사용자가 직접 추가하는 script나 css에는 꼭 적용하세요. 블로그 로딩속도를 빠르게 - CSSTidy와 블로그 로딩 속도 빠르게 하기 - javascript 압축에 자세히 설명되어 있습니다.

함께 보면 좋은 글

검색엔진 최적화(SEO) 1 - meta 태그, title, keywords, description
검색엔진 최적화(SEO) 3 - 도메인, 텍스트 편
검색엔진 최적화, SEO를 위한 meta, title, desciption, keywords 사용법
블로그 로딩속도를 빠르게 - 이미지 용량 줄이기
블로그 로딩속도를 빠르게 - CSS Tidy
블로그 로딩 속도 빠르게 하기 - javascript 압축
블로그 속도 측정 - Google PageSpeed Insights

새로 나온 V3를 설치하는 중에 문제가 생겨서 도움말을 보던 중에 발견한 PC보안업데이트 지원프로그램입니다. windows 업데이트가 되지 않았을 때 v3가 제대로 작동하지 않을 수 있으니 이 프로그램을 통해서 업데이트를 하라고 하더라고요.

처음에는 Windows의 업데이트가 아닌 프로그램을 이용한 업데이트라는 점에서 살짝 꺼려지긴 했는데, 인터넷을 관리하는 국가기관에서 제공하고 보안업체에서 추천하는 프로그램이니까 믿을 수 있을 것 같아요.

pc 보안업데이트 지원 프로그램

PC자동보안 업데이트 지원프로그램은 한국인터넷진흥원(KISA)와 마이크로소프트가 공동 개발한 프로그램입니다. 설치만하고 가만 두면 자기가 알아서 다 하니까 참 간편하죠.

Windows의 보안패치가 포함되어 있으니 꼭 악성코드에 감염되는 위험을 줄이기 위해서 꼭 다운받아서 설치하시기 바랍니다.

PC 보안업데이트 지원프로그램을 처음 설치하면 시작프로그램에 등록되고, 실행되지는 않아요. 다음 번 부팅할 때 실행됩니다.

설치하고 재부팅을 하면 프로그램이 실행되는데, 필요한 보안업데이트를 찾아서 설치해줍니다.

"설치된 목록보기" 탭을 클릭했을 때의 모습입니다. 설치화면에서는 안보였던 중요도 표시가 나오는군요.

 트레이에 방패 모양의 아이콘이 보이는데, 이게 PC 보안업데이트 지원프로그램의 아이콘이에요.

설치가 끝나면 그냥 종료되네요. 그 이후에는 평소처럼 컴퓨터를 사용하면 됩니다.

Windows 2000과 Windows XP만 지원되는 가 봐요. 그 이상의 버전은 왜 지원을 안하는 지 모르겠어요.

PC자동보안 업데이트 지원프로그램 다운받기

함께 보면 좋은 글

웃기는 개인정보 오남용 방지 7가지 수칙
현재의 보안 설정 때문에 이 파일을 다운로드 할 수 없습니다 해결방법
안전하게 제공된 콘텐츠만 보시겠습니까 해결방법
게시자를 확인할 수 없어서 이 소프트웨어를 Windows에서 차단했습니다 해결방법

전에는 문서 양식이라고 하면 그 전부터 써오던 것 중에서 비슷한 문서의 날짜, 글자만 바꿔서 계속 사용했었는데, 종류마다 서로 다른 문서 양식이 있지요.

이런 양식들을 알고 있기도 어렵고 직접 만들기는 더 어렵죠. 이럴 때 보통은 문서 양식 사이트를 통해서 자료를 구하고는 하는데, 무료로 구할 수 있는 곳이 있어요.

워드프로세서 프로그램의 대표주자 아래아 한글에서 배포하는 무료 문서 서식이에요. 예스폼과 연계해서 유료 문서 양식도 팔지만 무료로도 제공합니다.

한글과 컴퓨터 무료 문서 서식

한글과 컴퓨터에서 무료 문서 서식을 배포하는데, 이건 한글 오피스의 문서마당에는 없는 문서 서식들 이에요.

참고로 무료 서식은 정품 등록한 사용자만 사용할 수 있어요.

한글 무료 문서 서식에 바로 접속하거나 한글과 컴퓨터 홈페이지의 메뉴 - 문서 서식 센터 - 무료 문서 서식으로 접속하세요.

네이버의 한글 문서 서식은 정리가 잘 되어있고, 자주 사용하는 양식들이 다양한 형태로 제공하고 있죠.

그에 비해 한글 무료 문서 서식은 미리보기가 없어서 조금 아쉽긴 하지만 네이버에는 없는 더 다양한 종류의 문서들이 있어요. 이런 양식도 있나하는 좀 특이한 양식들이요. 그리고 다이어그램은 꽤 유용하지요. 

전부다 한글과 컴퓨터의 제품들 그러니까 한글, 한셀, 한쇼에서만 사용할 수 있지만 MS OFFICE에서 변환과정을 거치면 바로 사용할 수 있고, 변환기가 없다하더라도 한글과 컴퓨터의 제품에서 ppt, doc 형식으로 저장해서 사용할 수도 있어요.

정해진 양식에 맞게 문서를 작성하는 것도 능력이니까 이런 사이트들을 잘 알아놨다가 필요한 문서가 있을 때 다운받아서 사용하세요.

함께 보면 좋은 글

저작권 만료된 소설 epub 다운로드하기
전자책 무료 다운로드 - 직지 프로젝트 epub 파일