블로그 스팟 표(테이블) 쉽게 만들기 팁! (구글 블로거 티스토리 HTML 코드 이용)


블로그 스팟을 새롭게 시작하면서 구글, 네이버, 다음(카카오) 등 각 포탈의 알고리즘에 대해서 다시 배웁니다. 기존에 내가 알고 있던 상식이 얼마나 위험한 것인가를 다시금 깨닫고 있는 요즘입니다. 잠시 블로그스팟 이야기를 하면서 초보 블로거 분들을 위한 여러 이야기들을 함께 해보겠습니다. 

블로그스팟(구글 블로그)을 하면서 가진 가장 큰 의문점은 과연 국내 유저 특히 네이버 유저를 대상으로 하는 구글 블로거 파워 유저가 있는가 하는 점입니다. 기존의 선례가 있다면 그대로 따라가기만 하면 되니 BLOGGER 파워블로거 찾기가 무엇보다 중요하다고 생각합니다. 

하지만 안타깝게도 BLOGSPOT 파워블로거는 아직까지는 못 찾았습니다. 세상은 넓고 숨은 고수들이 많다는데 대체 어디있는지 찾기 쉽지 않습니다. 제 기준에서 파워블로거는 적어도 직장인 월급 이상은 되어야하니 일 트래픽이 최하 만 명은 되어야 할 겁니다. 그런 유저라면 어떤 형태로든 눈에 띌 수 밖에 없을텐데 아쉽게도 보이질 않습니다 

물론 금융, 대출 관련 등 키워드 단가 위주의 포스팅이라면 조회수가 낮아도 가능할 수 있지만 그쪽도 역시 눈에 띄질 않습니다. 어쩔 수 없이 모든걸 새롭게 개척해야만 하는 상황이 쉽지만은 않지만 그래도 조금씩 데이터가 정리되면서 유의미한 변화들이 나온다는 점에서 곧 좋은 결과가 있을 것으로 생각됩니다. 


블로그스팟 BLOGGER NOW! 

블로그스팟 트래픽 인사이트 사진입니다
블로그스팟 트래픽 인사이트

일단 이 포스팅은 솔직히 애드센스 승인 및 저희 멤버들을 위한 메뉴얼이기도 합니다. 그래서 많은 초보분들이 궁금해 하는 것들도 함께 설명하도록 하겠습니다. 현재 블로그스팟 트래픽이 어느 정도인가 궁금하실테니 일단 통계 데이터부터 소개합니다. 물론 채널마다 차이가 심한데 가장 먼저 안정화가 된 채널의 트래픽 인사이트 사진입니다. 

일단 블로그스팟으로는 조회수 올리기 힘들다는것은 네이버를 제외하고는 전부 카더라입니다. 참고로 저 채널에는 현재 6개의 포스팅이 있고 잠시 소강상태를 거쳐서 지금은 일 평균 100명 가까이 올라가고 있는 중입니다. 다른 채널 데이터를 다 소개할 수 없지만 첫 포스팅으로 세자리수 이상도 찍었으니 블로그스팟이 노출 안 된다 이런건 없습니다. 단 네이버는 편차가 좀 심하긴 하지만 네이버에서도 검색은 들어옵니다. 

티스토리 블로그스팟 네이버 블로그 비교

먼저 각 블로그들의 장단점을 살짝 비교해 보겠습니다. 지금 만들고자 하는 것도 아래 표입니다. 
  수익 시스템  네이버 뷰 노출 장단점 
티스토리 애드센스 높음 가능  다음 기반으로 안정성 수익성 노출성 모두 높음
블로그스팟 애드센스 높은편 가능 추정  안정성 높으나 노출성 낮음
워드프레스  애드센스 높은편 가능 추정 추가 사이트 관리 필요(비용 유료)
네이버  애드포스트 중간 저품질 제외 100% 수익성은 낮으나 트래픽 높음 

블로그스팟 해야하는 이유

티스토리라는 애드센스 달린 플랫폼이 있음에도 왜 굳이 블로그스팟을 하느냐? 간단합니다. 안정성 면에서 이미 티스토리는 한계치를 벗어났고 차세대 웹 디자인에서도 수준 이하 데이터를 보이기 때문입니다. 겉으로 보기에 지금 이 포스팅은 특별히 대단한 것도 애드센스도 없는 상태라 아직 스킨 제작도 안해서 허접해보이지만 웹 입장에서는 워드프레스도 못 따라오도록 세팅이 되어 있습니다. 

수익형 블로거를 꿈꾸신다면 무엇보다 중요한 것은 현재뿐만 아니라 미래입니다. 미래가 불투명한 플랫폼에 투자하는 것은 블로그라는 매체의 의미를 생각하면 짧은 생각입니다. 카카오보다는 구글이 모든 면에서 안정성이 높다는 점에서 가능한만큼 최대한 빠르게 플랫폼을 옮기시길 추천합니다. 

그동안 티스토리 크롤링 오류 등을 비롯해서 각종 문제들로 시달리다가 최근 10월 15일 카카오 데이터센터 화재로 날벼락까지 맞았습니다. 거기에 툭하면 일으키는 다음 저품질 오류 등을 생각하면 블로그스팟이 네이버 뷰 노출이 가능하다면 무조건 블로그스팟이 우선이라고 생각합니다. 그것을 위해서 필요한 것들 중 데이터로 증명된 것들 중 하나가 바로 표입니다. 

블로그스팟 표 만들기 

위에서 본 표가 왜 중요한가를 먼저 설명하면 모든 포탈에서는 스팸 문서들을 구분하는 나름의 노하우들이 있습니다. 그 중에서도 중요시 하는 것이 바로 SEO이고 그 다음으로 본문 내 구성요소 들입니다. 

쉽게 이야기하면 악성유저들이나 대량 생산되는 스팸들이 일일이 그래픽, 표, 지도 이런 복잡한 코드들을 이용해서 포스팅 할 리가 없습니다. 따라서 포스팅에 표가 있다는 것만으로도 각 포탈에서는 포스팅의 가치를 훨씬 더 높게 평가해 줍니다. 그런데 문제는 블로그스팟 경우는 블로거 자체 글쓰기 기능에 표가 없어서 일일이 HTML 코드로 해야되는 것이 문제입니다. 일단 HTML 코드부터 먼저 알아보고 가겠습니다. 

블로거 표 HTML 코드 

 표 샘플   
   

위 코드는 아래와 같습니다. 일단 HTML 코드에서 테이블을 이용해서 만든 것이고 티스토리 HTML 코드를 가져온 것입니다. 

<table style="border-collapse: collapse; width: 100%;" border="1" data-ke-align="alignLeft">
<tbody>
<tr>
<td style="width: 50%;">&nbsp;</td>
<td style="width: 50%;">&nbsp;</td>
</tr>
<tr>
<td style="width: 50%;">&nbsp;</td>
<td style="width: 50%;">&nbsp;</td>
</tr>
</tbody>
</table>

코드를 잠깐 분석하면 tr코드가 가로 구성이고 td 코드가 세로 구성입니다. <tr></tr>이게 두번이면 2칸, 세 번 반복되면 3칸입니다. td는 나누는 것인데 width:50%라고 되어 있으면 절반으로 나누라는 것입니다. 만약 20%: 80%로 바꿔주면 아래와 같이 바뀝니다. 저 비율은 화면 사이즈 기준으로 비율별로 나누어집니다. 

 width:20%  width:80%
 표 샘플  
   

어렵지 않지만 아쉽게도 블로그스팟에서 일일이 HTML 코드로 할 경우 사이즈 조절도 힘들고 칸 추가나 나누기도 수동으로 HTML 코드를 통해서 변경해야되서 사실상 블로그스팟으로 표를 만드는 것은 엄청난 노가다입니다. 그래서 생각한 것이 티스토리 HTML 코드를 따서 블로그스팟에 붙이는 겁니다. 

블로그스팟 표 쉽게 만들기 (티스토리 이용)

1. 먼저 만들고자 하는 표를 구상한 다음 티스토리에서 글쓰기를 선택합니다. 티스토리 안에는 표만들기 기능이 있고 HTML 코드를 보는 기능이 다 있습니다. 그럼 3 X 3 표를 만들어보도록 하겠습니다. 티스토리에서 테이블을 클릭한 다음 3x3을 만들어 줍니다.

티스토리 표 만들기 사진입니다
티스토리 표 만들기


2. 3X3을 선택해서 클릭하면 아래와 같은 표가 만들어집니다. 티스토리 테이블에 있는 각 기능들을 잠시 설명하겠습니다. 

티스토리 테이블 만들기 사진입니다
티스토리 테이블 만들기

  • 1 : 표테마 클릭해서 원하는 스타일의 테마를 할 수 있습니다. 좀 더 표를 이쁘게 꾸밀수 있는 기능입니다. 
  • 2: 셀 합치기 : 특정 두 칸을 합칠 때 사용하시면 됩니다.
  • 3: 셀 나누기 : 특정 칸을 나눌 때 사용하시면 됩니다.
  • 4: 이전에 행 삽입 : 가로 칸을 하나 이전으로 늘려줍니다.
  • 5: 다음에 행 삽입 : 다음 가로 칸을 하나 늘려줍니다. 
  • 6: 행 지우기 : 선택한 행을 지웁니다
  • 7: 이전에 열 삽입 : 이전 세로 한 칸을 늘려줍니다
  • 8: 다음에 열 삽입 : 다음 세로 한 칸을 늘려줍니다.
  • 9: 열 지우기 : 선택한 열을 지웁니다
  • 10 : 휴지통 : 표를 지워줍니다. 

3. 티스토리로 먼저 아래와 같은 표를 만듭니다. 티스토리를 사용 안 할 수 없는게 사이즈조절 등 표와 관련해서는 현재 나와있는 모든 블로그 시스템 중에서 티스토라가 가장 좋습니다. 따라서 굳이 힘들여 코드를 짜는 것보다 티스토리에서 만들고 HTML 코드를 가져오는 것이 현명합니다. 

티스토리 표

4. 티스토리 HTML 보기 기능을 이용해서 HTML 코드를 확인한 다음 복사 + 붙여넣기 (ctrl+c,v)로 블로그스팟 HTML 코드로 넣어줍니다. 

티스토리 표 HTML 코드 사진입니다
티스토리 표 HTML 코드

5. 가져온 코드를 블로그 스팟 코드에 넣어줍니다. 

블로그스팟  표 HTML 코드 사진입니다
블로그스팟  표 HTML 코드


6. 다시 새 글 작성 보기를 눌러서 다시 블로거 글쓰기로 돌아오면 아래와 같이 블로그 스팟 테이블이 완성되었습니다. 복잡하게 일일이 코드 짤 필요없이 티스토리 기능을 이용하면 간단하게 할 수 있습니다. 

  수익 시스템 노출 안정성 장단점 비교
티스토리 애드센스, 데이블 등 전 포탈 노출 크롤러 오류 등 낮음 유저 친화적 UI
구글 블로거  애드센스  네이버 제한 있음 높음  상대적으로 어려움

 

블로그 스팟 표 만들기 주의점 

여기서 몇가지 주의사항을 알려드리면 티스토리 코드는 % 즉 화면 비율에 맞춰져 있어서 피시에서 보는 것과 모바일(스마트폰)에서 보는 화면이 다릅니다. 따라서 피시로 볼 때는 깔끔해 보여도 모바일로 보면 '구글 블로거' 처럼 뜻밖에도 한 칸이 두 칸으로 처리 되기도 합니다. 

따라서 모든 표를 만들때는 30% 정도의 여유를 두고 만들어야 보는 사람이 좋은 표가 됩니다. 위의 표처럼 열이 많아질수록 모바일에서 지저분해질 가능성이 높으므로 표를 기획할 때는 열보다는 행 위주로 기획하시면 훨씬 좋습니다. 

표(테이블)가 필요한 이유

보통 일반 블로거들이 실수하는 것 중 하나가 인간의 시점(특히 쓰는 블로거 입장)에서 모든 포스팅을 분석하는 것입니다. 그런데 평가는 포탈들이 해서 유저(검색 사용자)에게 전달해 줍니다. 

표나 테이블 같은 복잡하고 어려운 것들이 들어간 포스팅일 수록 상대적으로 포탈들은 가치를 높게 평가합니다. 같은 포스팅이라면 당연히 테이블이 있는 포스팅에게 우선권을 줍니다. 이런 작은 것들이 모이고 모여서 파워블로거가 완성되는 것입니다. 

다들 워드프레스, 블로거스팟이 어렵다, 힘들다 하는데 흠 상대적으로 극초반에는 확실히 어려움이 있습니다. 그런데 사람은 적응의 동물이고 HTML 코드로 모든 것이 적용되는 것을 알면 코드만 따오면 얼마든지 사용할 수 있습니다. 

어느 세계나 자기만의 노하우라는 것이 존재합니다. 노하우가 많은 사람이 더 높은 평가를 받는 것은 당연한 일입니다. 대체로 한국의 블로거들을 보면 단순 반복형 스타일들이 대부분입니다. 

만약 그런 마인드라면 블로그스팟이나 워프 보다 티스토리나 네이버 하시길 추천합니다. 하지만 다른 블로거에 비해서 나만의 노하우가 있다면 티스토리 미련을 버리고 아니면 병행하면서 블로그스팟이나 워드프레스 플랫폼을 선택하시길 추천합니다. 새로운 도전을 선택하시는 분들 모두 좋은 결과 있으시길 바랍니다. 


내 사진

냥냥깜냥 작성

댓글 없음

아래의 댓글 입력을 클릭한 후 익명으로 댓글을 달아 주셔도 됩니다. 글 내용에 관한 질문도 환영합니다. 모든 댓글은 관리자의 승인을 받아야 보여집니다. 댓글을 달고 기다려 주세요.