2010년부터 운영해온 블로그의 유입순위를 살펴보니 모바일 검색을 통한 유입이 PC를 앞선지 좀 되었더군요. 시간적인 공간적인 제약이 PC보다는 적기때문에 어쩌면 당연한 결과일수도 있구요. 아마 그 증가폭은 더 커질 것으로 생각됩니다.  



이미 페이스북도 모바일의 중요성을 인지하고 집중하고 있고 시대는 모바일 위주로 변화하고 있지만 블로그 포스팅을 보면 아직 PC 기준으로 작성된 글들을 자주 접하게 됩니다. 그래서 오늘은 모바일 기기에서 보기에 불편한 몇가지 포스팅 특징들을 정리해 볼까 합니다. 포스팅 하실 때 참고하시면 좋을 것 같네요


크고 많은 이미지 사용


가끔 페이지가 로딩되는 시간이 너무 오래 걸려서 살펴보면 이미지 사이즈도 크고 갯수도 많아서 발생하는 경우가 많습니다. 초고속 인터넷 시대에 좀 안 맞는 얘기같지만 PC가 아닌 모바일에서는 영향이 큽니다.


예를 들어, 500KB 사진을 20장 등록했다면 10MB 정도의 용량이 됩니다. LTE 평균 다운로드 속도가 30Mbps 정도 되니 8byte로 나눠보면 3.75MB/sec 가 됩니다. 1초에 3.8MB 정도 다운로드 받을 수 있는 셈이니 10MB를 일반 LTE를 통해 다운받는데 3초의 시간이 걸리는 셈입니다. 모바일에서 검색하고 페이지 로딩이 1초만 되어도 창을 닫게되는데 3초는 기다리기 지루하게 느껴지거든요. 


모바일에서 페이지 로딩이 쾌적하려면 전체 용량이 1~2MB 정도로 제한하는 것이 좋습니다. 저의 경우에는 이미지 사이즈를 가로 700px 이하로 제한하는데 용량으로보면 100KB 정도 됩니다. 보통 사용하는 사진이 10장 미만인 경우가 많기 때문에 1MB 정도 용량으로 모바일 브라우저 로딩시에 지연되거나 하진 않습니다. 물론 사용하는 서비스에 따라 모바일 기기 접속시 이미지를 자동으로 리사이징 + 다운사이징해주는 서비스라면 고화질 이미지를 업로드 해도 괜찮을 것 같네요



길고 많은 내용의 글


PC에서는 스크롤 한 번에 보여지는 내용이 스마트폰에서는 최소 스크롤 2~3번은 되어야 읽을 수가 있습니다. 간혹 PC에서도 사진 포함해서 10번 이상의 스크롤을 해야지만 다 읽을 수 있는 정도의 장문의 글을 볼 수 있는데 모바일폰에서 이런 장문의 글을 만나게 되면 포스팅이 정말 흥미롭지 않으면 금방 넘기게 되더군요. 


모바일폰의 콘텐츠 소비 패턴 상 잠깐씩 짬이 날 때 많이 이용하게 되므로 짧은 시간안에 내용 파악이 가능하도록 하나의 포스팅에는 하나의 주제를 담아서 모바일에서 읽을 때도 부담없는 길이로 작성하는 것이 좋습니다.



빈번한 줄바꿈


티스토리도 그렇지만 블로그 플랫폼들은 PC버전 포스팅을 자동으로 모바일 버전으로 변환을 해서 보여주는데요. 가장 보기 싫은 것이 문장마다 줄바꿈을 한 경우입니다. 모바일 기기에 가로폭에 맞춰서 자동 변환이 되기 때문에 PC 버전에 맞춰서 줄바꿈을 한 문장은 들쑥 날쑥 보이는 것뿐 아니라 문단 자동 줄바꿈이 되는 경우에는 몇 문장이 아닌데도 모바일 페이지 한 페이지를 차지 하게 됩니다. 그래서 결국 포스팅의 가독성이 떨어지게 되더군요. 


그래서 같은 문단은 되도록 줄바꿈 없이 쭉 이어서 작성하는 것이 PC와 모바일 모두에서 읽기 좋게 보여진다는 걸 감안하시면 좋겠네요.



애드센스도 모바일에 맞게


애드센스 광고도 모바일 기기 사용율이 높아지는 것에 맞추어 모바일을 고려해서 게재하는 것이 더 높은 효과를 볼 수 있습니다. 포스팅 상단을 제외하고 가장 효과가 좋은 건 모바일에서도 볼 수 있는 큰 사이즈의 배너를 본문에 삽입하는 것인데요. 저의 경우에는 300x200 사이즈의 배너를 본문에 삽입해서 포스팅 합니다. 그래야  PC에서도 노출되고 모바일에서도 노출됩니다. 티스토리의 경우 플러그인 기능을 이용하면 모바일 상단과 하단에 애드센스를 넣을 수 있지만 PC에서는 보이지 않기도 하고 사이즈도 PC 화면에 적합하지 않습니다.


글 읽기를 마치는 본문 하단에 노출하는 것이 글 중간에 넣는 것보다 가독성을 떨어뜨리지 않으면서 자연스러운 클릭을 유도하게 되니 참고하시면 좋겠습니다. 


이상 모바일 환경을 고려한 포스팅 방법에 대해서 간단히 생각나는대로 적어봤는데요. 본인만의 노하우가 있으시면 같이 공유하면 좋을 것 같습니다. 






오늘 애드센스 알림 메일에 그동안 서비스하던
모바일 콘텐츠 광고를 온라인 콘텐츠로 통합해서 제공한다고 하는군요

그동안 애드센스 관리자 페이지에 공지가 되던 내용인데
실제로 시스템에 반영이 되었습니다.

저도 모바일 콘텐츠를 적용하고 있었는데 변경을 해야할 것 같습니다.


애드센스 새 광고 만들기로 들어가보면

아래와 같이 모바일 배너라는 광고 단위가 새로 추가 되었습니다.


몽상팬더는 300X250 짜리를 사용했었는데

같은 사이즈들은 기존 온라인 광고로 통합되고 모바일 용은 320x50 으로 단일화 한 것 같습니다.



모바일 콘텐츠 광고를 게재하시는 분들은 내용 참고하시고 4월말까지는 전환하셔야 할 것 같습니다.

다만 적용해 보니 온라인 콘텐츠 3개 개수 제한에 포함되니 참고하시기 바랍니다.

이상 애드센스 모바일 콘텐츠 전환에 대해서 알려드립니다.



  1. Favicon of http://http://hanjabbu.tistory.com/4064 한갑부 2012.02.26 18:25 신고

    http://hanjabbu.tistory.com/4064
    지금 열심으로 수정하고 있지요.

이번에 애드센스를 이것저것 테스트 해보면서 확인 한 것중에 하나가 바로

권장 크기를 달아야 한다 는 점이었습니다.

권장 크기를 달아야 하는 점 중에 애드센스 도움말에 나오는 설명에는
크기가 크기 때문에 노출이 잘되어서 광고 효과가 크다는 점인데

< 아래 애드센스 도움말 참고 >


그런데 몽상팬더가 생각하는 가장 큰 이유는 다름 아니라
권장 크기를 선택해야 광고가 다양하다 는 점이 아닐까 합니다.

광고주들도 어떤 크기가 광고가 잘 된다는 통계를 통해 광고비를 지불할 것이고
이왕이면 광고 효과가 높은 광고를 하고자 한다면
결국 권장 크기로 애드센스를 달아야 더 많은 광고들로 인한
더 큰 광고 효과가 나오지 않을까 하는 생각을 해봅니다.


실제로 광고 크기를 모두 권장크기로 바꾸고 나서 보니
광고의 종류나 내용들도 달라지고 특히나 광고의 개수 자체가 많은 것 같더군요

이왕 광고를 게재할 것이라면 효과가 좋은 광고를 다는 편이 낫지 않을까요?

이상 애드센스에서 권장 크기를 사용해야 하는 이유에 대해 생각해봤습니다.



이번에 애드센스 광고를 새로 적용하면서 콘텐츠 광고의 갯수 제한이
3개라는 사실을 알게되었는데요


그런데 이상한 사실은 계정을 옮기기전에는
타이틀 상단에 1개
사이드 바에 2개
그리고 본문 상단과 하단에 링크 광고 2개
총 5개의 애드센스가 적용되어 있었는데요
새로 등록하고 적용해보니 4번째 광고부터는 적용이 안되는겁니다.

도움말을 찾아보니 콘텐츠 광고의 경우 페이지당 3개가 제한이더군요

그런데 한가지 더 변경된 건 모바일 광고까지 합쳐진 것 같습니다.

본문에 3개를 적용하고 모바일 광고를 추가했는데 안나오더니
본문에 광고하나를 빼고나니 모바일 광고가 보이더군요

그러고 보니 애드센스 변경사항 중에
휴대기기용 광고 단위를 지원하지 않는다고 뜨더니
아마도 모바일 콘텐츠도 페이지별 광고 3개에 포함되는 것 같습니다.

참고로 링크단위 광고는 페이지당 2개까지 되는 것 같습니다.


그래서 이번에 애드센스 적용을
PC 브라우저 접속시 2개를 적용하고
모바일 브라우저 용으로 1개를 적용하게 바꾸었습니다.

가장 효과가 높다는 본문 상단 2개 배치로 깔끔하게 정리했구요
336X280 2개를 사용하였습니다.


모바일 광고의 경우에는
300x250 의 광고로 적용하였습니다.

예전에는 320x50 짜리를 적용했었는데
따로 처리를 해주지 않으면 짤리기 때문에
가장 보기 좋은 가로 300 사이즈로 변경했습니다.

티스토리에 모바일 광고를 적용하기 위해서는
본문에 직접 삽입을 해야하기 때문에 서식으로 하나 등록하여 사용하시는게 편합니다.



페이지 당 달 수 있는 광고 3개를
본문 상단 2개
모바일 페이지 상단 1개
로 적용해봤는데요

어떻게 수익이 변화하는지 지켜봐야 겠습니다.

그나저나 새로 변경한 모바일 광고를 기존 포스팅에 적용하려면
시간 꽤나 걸리겠네요



  1. Favicon of http://comterman.tistory.com 컴터맨 2012.05.26 10:15 신고

    거의 방치수준이었던 블로그에 좀더 신경써볼 요량으로 이것저것 건드리고 있습니다.
    상단 2개 배치와 상단 1개에 본문을 섞는 방식 중 어떤게 나을까...고민 중입니다(...만 물론 트래픽이 뒷받침되지 않는 상황인점을 간과하고 있었네요ㅎㅎ)
    좋은 글 잘 봤습니다^^

    • Favicon of http://kkwaks.net kkwaks 2012.05.28 13:58 신고

      여러가지 시도해 본 결과 상단 2개와 하단 1개가 최적인 것 같습니다.

      상단에 본문 포함해서 하시는 경우에는 광고가 오른쪽으로 가도록만 세팅하시면 됩니다. 대부분의 클릭은 오른쪽 광고에서 발생하니까요 ^^

      모바일에서는 티스토리 특성상 본문에 포함된 광고만 보이기 때문에 하단은 웹에서보다는 모바일 접근시 보이는 용도가 더 크다고 보시면 됩니다.

      특히나 사이드바는 여러번 시도해 봤으나 본문만큼 큰 효과는 없으니 참고하시구요 ^^

    • Favicon of http://comterman.tistory.com 컴터맨 2012.05.30 11:21 신고

      본문 포함 광고를 시도해보려 했지만, 그간 써왔던 포스팅의 글 상자와 겹쳐서 표시되는 바람에 상단 2개를 그냥 유지하기로 했습니다.

      친절한 조언 감사드립니다. 앞으로도 자주 찾아뵙겠습니다^^

    • Favicon of http://kkwaks.net kkwaks 2012.05.30 17:50 신고

      네 상단 2개가 스킨에 포함하고나면 신경 안 써도 되니 편한것 같습니다.

      본문 하단 광고는 서식으로 저장해서 필요한 곳에 넣으시면 좀 더 편하구요

+ Recent posts