서리 개인 개발 블로그

글을 작성하다보니 코딩을 위한 코드블럭이 아닌 특정 카테고리를 경로를 표시하기 위한 코드블럭이 필요했다.

찾아보니 HTML로 충분히 표현히 가능해서 정리해본다.

1. 코드블럭 HTML 편집

일단 내가 원하는건 회색 바탕에 빨간 글씨의 코드블럭이다.

<code style="color: #ef5369; background-color: #d5d5d5;">내용</code>

• 원하는 색상 코드표는 네이버에 '색상 팔레트'를 치고 16진수 코드를 가져오면 된다.

2. 적용 방법

- 에디터 우측 상단의 '기본 모드'를 누르면 HTML 항목이 나오는데 이걸 클릭한다.

- 원하는 글에다가 1번의 코드블럭을 넣어주면 이렇게 된다.

3. 서식 지정

이제 원하는 코드블럭도 지정할 수 있게되었고, 색상도 설정할 수 있게 되었다. 하지만 일일이 설정하기에는 귀찮으므로 '서식 지정'을 통해 간편하게 작성해보자.

- 블로그 관리 - 서식 관리 - 서식쓰기를 누른다.

- 서식 제목을 작성하고 에디터 우측 상단의 '기본 모드'를 눌러 HTML항목을 클릭해준다.

- 다음과 같이 변경해준 뒤, 완료를 눌러서 서식 지정을 완료한다.

//기본으로 세팅되어있는 HTML 코드
<p data-ke-size="size16"></p>

//변경한 HTML 코드
<p data-ke-size="size16"><code style="color: #ef5369; background-color: #d5d5d5;">코드 블럭</code></p>

4. 결과

- 에디터 우측 상단에 ···을 눌러 서식에 들어가면 다음과 같이 뜬다.

이제 원하는대로 마음껏 코드 블럭을 사용해보자!

이 블로그는 프로그래밍을 컨텐츠로 하는 블로그이기 때문에 네이버 유입은 사실 별 관심이 없다. (아무래도 프로그래머들은 구글링을 위주로하니까..)

그런데 유튜브 알고리즘으로 추천된 영상을 보다가 티스토리 블로그는 네이버에 노출이 안된다고 해서, 유입을 찾아보니 정말로 네이버 유입은 0으로 표시되어있었다.

네이버 유입을 늘이기 위해서는 '네이버 서치어드바이저'라는 곳에 등록을 해야된다는걸 보고 흥미가 생겨 등록과정을 밟게 되었다.

생각보다 어렵지 않아서 기록을 해둘겸 작성하는 글이다.

네이버 서치어드바이저

1. 구글링이든 네이버에서 검색을 하든 해서 서치어드바이저 페이지에 들어간다.

  ※ 네이버 로그인이 되어있어도 새로 로그인을 해줘야한다.

2. 로그인을 누르면 이용동의 창이 뜨는데, 동의하고 확인을 누르면 로그인이 된다.

3. 우측 상단에 웹마스터 도구를 눌러준다.

4. 들어가면 사이트 등록이 뜨는데 여기에 티스토리 블로그 주소를 복사 붙여넣기 해준다.

5. HTML 태그를 이용한다.

  ※ HTML 파일 업로드는 스킨을 바꾸게되면 날아가기 때문에 새로 등록해줘야한다고 한다.

6. 티스토리 블로그의 관리창으로 들어가서 좌측 목록 중에 '플러그인' - '메타 태그 등록'을 눌러서 등록한다.

  ※ 첫 번째 칸에는 HTML 태그의 name = " "안의 내용, 두 번째 칸에는 content = " "의 내용을 복사 붙여넣기 해준뒤 적용을 눌러준다.

7. 다시 서치어드바이저 페이지로 돌아와 '소유 확인' 버튼을 눌러주면 보안 확인창이 뜨는데 확인하고 넘겨주면 등록이 끝이 나고, 사이트 목록에 등록한 사이트 목록이 나타난다.

RSS, 사이트 맵 등록

- 사이트 소유권 확인이 끝나면 RSS와 사이트맵을 등록해야한다. RSS와 사이트맵을 등록하기 위해선 사이트 목록에서 소유 확인이 끝난 블로그를 누르면 된다.

1. 요청 - RSS 제출을 눌러준다.

2. 블로그 주소/rss 기입한 뒤 확인을 눌러주면 RSS 제출이 완료된다.

3. 요청 - 사이트맵 제출을 눌러준다.

4. sitemap.xml을 기입한뒤 확인을 눌러주면 사이트맵 제출이 완료된다.

※ 원래는 RSS, 사이트맵을 따서 제출해야하지만 티스토리는 자체적으로 제공한다고 한다.

이걸로 네이버 서치어드바이저 등록 절차는 완료가 되었다.

앞으로 통계를 확인하면서 실제로 네이버 유입이 발생하면 그때 후기를 작성할 예정이다.