전 포스팅에서 Sitemap 생성하는 방법에 대해서 알아보았습니다. 내 자신의 웹사이트의 지도를 만들었다면 어떻게 해야할까요? 다른 방문자들이 접근이 가능하도록 나의 웹사이트 지도를 각 포털에 배포를 해야겠죠? 전 포스팅에서 생성한 Sitemap을 아래와 같이 얻었습니다. 우리는 각 포털에 아래 sitemap 주소를 등록해주면 됩니다.
 [Sitemap 생성하기 바로가기] 

attachment/cfile28.uf@12398172398DDFDF.xml

Webmaster를 지원하는 사이트 목록


네이버 웹마스터에 Sitemap제출하기

구글 웹마스터에 Sitemap제출하기

Bing 웹마스터에 Sitemap제출하기








들어가며

  sitemap은 웹 크롤러가 우리의 사이트에 들어왔을때 어떤 페이지가 있는지 쉽게 찾아 주는 역할을 해줍니다. 크롤러는 우리 사이트를 들어와서 어떤 페이지가 있는지 찾는데 우리가 미리 정의를 해놓은다면 쉽게 페이지를 찾을 수 있고, 그렇게 되면 블로그의 노출에 도움을 주게 됩니다. 한마디로 sitemap은 해당 사이트의 큰 지도다. 각 포털의 크롤러들이 어디로 가야하는지 알려주기 때문에 페이지 노출을 늘리기 위해서는 필수이다. 

Sitemap 생성하기

  웹 사이트 기반 Sitemap을 생성해주는 XML Sitemap Generator 사이트이다. [Sitemap 생성사이트 바로가기] 
사이트를 들어가면 아래와 같은 화면이 나올것이다. 1번에는 자신의 홈페이지 주소를 써주고, 2번에는 보안코드를 작성, 나머지는 필자를 따라하면 되겠습니다. 


  Create free XML Sitemap을 누르면 나의 홈페이지의 sitemap을 만들기 시작합니다 .시간은 좀... 걸리니까 다른 작업을 하고 오셔도 될것 같네요. 아니면 아래 내용을 쭈욱 확인하신 후에 생성이 완료되면 바로 적용을 해도 괜찮을 것 같습니다. 


완료가 되면 download를 내 피시에 해주면 됩니다.



  생성이 완료가 되면 sitemap.xml을 업로드를 해야하는데, 이때는 아래와 같은 방식으로 첨부파일로 다운로드 받은 sitemap.xml을 업로드 하고, 오른쪽 상단에 있는 HTML을 누릅니다. 누르게 되면 아래오 같이 화면이 보입니다. sitemap.xml 즉 우리의 지도의 주소를 추출하는 과정인데 주소는 attachment/cfile ~~~~ .xml까지의 문자열을 복사해 주시면 됩니다. 이렇게 되면 우리의 지도를 얻게 되었습니다. 지도를 배포하기 위해서는 다음 포스팅에 쓰도록 하겠습니다.


http://ourcstory.tistory.com/attachment/cfile28.uf@2401E63C56F94679334B0E.xml가 주소가 됩니다. 



들어가며

  본 포스팅에서는 구글에 자신의 블로그를 노출하는 방법에 대해서 설명하겠습니다. 구글에서는 우리의 사이트가 웹 검색을 활용하도록 도와주는 webmaster를 제공합니다. 이런 서비스를 이용해서 우리의 질좋고 많은 글들을 공유하면 좋을 것 같습니다. 

등록하기

 웹 마스터 홈페이지에 접속하면 아래와 같은 화면이 보입니다. [SEARCH CONSOLE]을 눌러서 홈페이지 관리하는 화면으로 들어갑니다.  [웹마스터 홈페이지 바로가기]


  로그인을 하고 나면 홈페이지를 등록할 수 있는 화면이 나옵니다. [속성추가]를 눌러서 자신의 홈페이지를 등록합니다. 
속성추가를 누르면 나의 블로그 주소를 입력할 수 있는 창이 보입니다. 



  등록하고 나면 다음 화면에서는 인증(?)의 절차가 필요합니다. 아래 권장방법 / 대체 방법 두가지가 있는데, 우리는 Tistory에서 제공하는 서비스를 받기 때문에 대체 방법을 누릅니다. 


 

대체 방법을 누르면 아래와 같이 HTML태그가 보입니다.  매타태그를 복사 해서 블로그 관리 > HTML/CSS 편집 > HTML > <head> </head> 사이에 넣고 저장하면 홈페이지가 웹 마스터에 등록이 완료가 됩니다. 하지만 등록 후에도 우리가 글 쓴 내용을 사용자들에게 보여주기 위해서는 sitemap을 추가해야 합니다.


  sitemap을 등록하기 위해서는 sitemap을 추가 해주면 됩니다. [SITEMAP 추가/테스트]를 누른후에 자신의 홈페이지 뒤에 /rss를 붙여 입력하시면 됩니다. 예를 들면 저의 홈페이지 주소에 rss를 붙인 http://ourcstory.tistory.com/rss를 입력하시면 sitemap이 등록이 완료가 됩니다. 등록 후에는 구글 크롤러가 페이지를 찾아서 등록합니다. 




아래는 웹마스터를 지원하는 사이트 입니다. 아래 사이트도 위와 같이 등록하면 쉽게 등록이 가능합니다. 궁금하신점 있으면 댓글 남겨주세요.

네이버 http://webmastertool.naver.com/
구글 https://www.google.com/webmasters/tools/home?hl=ko
Bing http://www.bing.com/toolbox/webmaster


블로그에 소스코드를 작성하려고 할때, Ctrl+C, Ctrl+V를 하게 되면 그 누가 보고 얻어가겠는가. 
나조차 다시 보고 싶지 않을 것 같다. 
그렇기 때문에 Syntax Highlighter를 적용하는 방법을 공유하려고 한다. 



HTML과 CSS를 몰라도 적용하는 방법은 매우 쉬우니 천천히 따라하면 가능.
코드를 넣는 방법은 아래 두가지 방법이 있다.
첫 번째 그냥 막 복붙

import sys
import os

print 'test python code style'

두번째 SyntaxHighlighter를 적용하여 아름답고 깔끔하고 소유하고싶고 공유하고싶으고 나중에 보기 좋게 소스코드를 넣는 방법

당신은 무엇을 선택할 것인가? 두번째? 그럼 아래를 천천히 따라하자 (예상소요시간 지금 일어나서 물떠 오는 시간)

1. 설치

SyntaxHighlighter 3.0.83버전이 가장 최근 버전이다. [Download] <--- 다운로드 Link
http://alexgorbatchev.com/SyntaxHighlighter/download/
파일 크기는 대략 175KB, 다운로드 받은 파일을 압축을 풀면 아래와 같이 파일들이 나온다. 
우리가 사용해야 할 파일은 scripts와 styles



2. 적용

적용하기 위해 관리자 페이지로 들어가 HTML/CSS편집을 선택한다.



다운받은 syntaxhighlighter 폴더 안에 있는 scripts와 styles의 폴더 내에 있는 모든 파일을 업로드한다. 

 

1) <Head> 부분 추가 <Ctrl + F 를 누른뒤에 찾으면 더 빨리 찾을 수 있겠지요.>

</head> 바로 위에 아래의 코드를 추가한다.

2) <body> 부분을 변경 <Ctrl + F 를 누른뒤에 찾으면 더 빨리 찾을 수 있겠지요.>

※ <head>와 <body> 부분을 변경한 최종 결과는 아래와 같다. 


3. 사용법

1) HTML 체크 

글쓰는 오른쪽 위에 HTML을 체크한 후에


2) 소스코드 Style 적용하기

brush:python에서 python대신 cpp를 넣으면 cpp코드가 삽입 가능하다.

<textarea name="code" class="brush:원하는 언어;">
에디터 모드에서 이 사이에 코드를 작성하면 된다.
</textarea>

예) python 코드 삽입하기.
<textarea name="code" class="brush:python;">
print 'hello world'.
</textarea>

2-1) 적용 가능한 언어 목록

[참고] http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/


Brush nameBrush aliasesFile name
ActionScript3as3, actionscript3shBrushAS3.js
Bash/shellbash, shellshBrushBash.js
ColdFusioncf, coldfusionshBrushColdFusion.js
C#c-sharp, csharpshBrushCSharp.js
C++cpp, cshBrushCpp.js
CSScssshBrushCss.js
Delphidelphi, pas, pascalshBrushDelphi.js
Diffdiff, patchshBrushDiff.js
Erlangerl, erlangshBrushErlang.js
GroovygroovyshBrushGroovy.js
JavaScriptjs, jscript, javascriptshBrushJScript.js
JavajavashBrushJava.js
JavaFXjfx, javafxshBrushJavaFX.js
Perlperl, plshBrushPerl.js
PHPphpshBrushPhp.js
Plain Textplain, textshBrushPlain.js
PowerShellps, powershellshBrushPowerShell.js
Pythonpy, pythonshBrushPython.js
Rubyrails, ror, rubyshBrushRuby.js
ScalascalashBrushScala.js
SQLsqlshBrushSql.js
Visual Basicvb, vbnetshBrushVb.js
XMLxml, xhtml, xslt, html, xhtmlshBrushXml.js



+ Recent posts