• 오.. google search console에서 검색 실적을 메일로 알려준다 ㅋㅋ
• 깃헙 블로그도 어느덧 시작한 지 3달…
• 블로그 글은 개발하면서 새로 알게된 것들을 메모장같이 작성하고 있고,, 일부는 공략집처럼 작성하고 있다..(도움이 되길 바라며..)

• 깃허브 블로그는 네이버 블로그와 같이 자동으로 검색엔진을 통해 검색되지 않는다!
• 내가 쓴 글이 구글 검색에 노출되려면 설정을 해줘야한다!

따라하기

• hexo icarus theme (react) 기준입니다!
• Hexo SEO - 하루 만에 검색 엔진 최적화 시키기 | Seongho’s Dev Story를 참고하였다

SEO 설정

• seo, search engine optimization

1
2
3
4

npm i hexo-autonofollow
npm i hexo-generator-feed
npm i hexo-generator-seo-friendly-sitemap
npm i hexo-generator-robotstxt

• hexo에서 seo 관련 플러그인이 있는데 설치한다
• 참고 ; 다른 seo관련 글에서는 hexo-auto-canonical을 설치하라고 하는데 react로 되어있는 최신버전의 icarus 테마에서는 표준링크을 자동으로 생성한다. 그래서 설치하지 않아도 된다!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

deploy:
  type: git
  repo: 'https://github.com/chinsun9/chinsun9.github.io'
  branch: master
# 새로 추가
nofollow:
  enable: true
  exclude:
    - exclude1.com
    - exclude2.com
feed:
  type: rss2
  path: rss2.xml
  limit: 20
sitemap:
  path: sitemap.xml
  tag: false
  category: false
robotstxt:
  useragent: '*'
  allow:
    - /
  sitemap: https://chinsun9.github.io/sitemap.xml

• _config.yml 최 하단에 deploy 설정 밑에 새로 추가한다
• sitemap: https://여러분의깃헙유저네임.github.io/sitemap.xml 주의!

• 나는 위 과정에서 hexo-component-inferno 패키지를 설치하라고 해서 설치했다

• 또 패키지 4개를 설치하면서 warn 경고 메시지가 자꾸 출력되는데 나는 무시했다

• 여기까지 했다면 hexo d -g명령으로 배포한다

• 참고 ; hexo d -g는 hexo deploy --generate명령과 동일하다

• 참고 ; hexo deploy --generate는 hexo generate & hexo deploy와 동일하다

• 그러면 public 디렉터리에 rss2.xml, sitemap.xml, robots.txt 이 3개의 파일이 보이면 성공이다

검색 엔진 등록하기

구글

• 구글 서치 콘솔로 이동하여 시작하기를 누른다

• URL 접두어를 선택하고, 자신의 깃헙 주소를 입력하고 계속한다

• 소유권 확인 과정이 있는데, html 파일을 다운받고,
• hexo 디렉터리에서 public 디렉터리 밑에 다운받은 파일을 위치시키고
• hexo d하려 배포한다
• 잠시 기다렸다가 확인버튼을 누른다

• 소유권이 확인되면 속성으로 이동 버튼을 누른다

• 1. sitemaps 메뉴를 클릭한다
• 2-1. 사이트맵 URL 입력에 sitemap.xml을 입력하고 제출 버튼을 누른다
• 2-2. 사이트맵 URL 입력에 rss2.xml을 입력하고 제출 버튼을 누른다
• 상태에 보면 성공이 아닐 수도 있는데 새로고침 해보면 성공으로 보일 것이다
• 하루정도? 지나면 구글에서 내 글을 검색할 수 있다!

네이버

• 네이버도 구글과 비슷하므로 간단하게 넘어간다

• 네이버 웹마스터 도구에 들어간다
• 사이트 등록에 내 깃헙 블로그 주소를 입력하면 소유권확인 과정이 나온다
• 구글과 똑같이 html파일을 다운받고 public 디렉터리에 파일을 옮기고 hexo d하여 갱신한다

• 왼쪽 메뉴를 보면 요청 > rss제출로 들어가
• 자신의 rss2.xml 주소를 입력하고 확인버튼을 누른다

• 요청 > 사이트맵 제출로 들어가
• sitemap.xml을 입력하고 확인버튼을 누른다
• 네이버 등록도 끝이 났다!

다음

• 다음은 약간 다르다
• 다음 검색등록에 들어간다
• 신규등록하기 버튼을 누른다
• 약관에 동의한다

• 폼을 작성한다. * 마크가 붙어있는 것은 필수 항목이다

• 심사가 끝나면 이메일로 알려준다고 하니 기다리자..
• 여기까지 다음 등록도 끝났다!

팁

언제부터 검색이 될까..?

• 검색 엔진에 등록하면 바로 검색 노출은 안되고, 시간이 필요하다
• 하루 정도 걸린다고 생각하자

표준링크 확인하기

• hexo-auto-canonical를 설치하지 않아도 된다고 했는데, 알아보니까 자동으로 생성해주고 있었다!
• 확인하는 방법은..

• 내 블로그에서 아무 글이나 클릭해서 들어간다
• F12로 개발자도구를 연다
• ctrl f 로 검색창을 연다음에 canonical를 검색한다. 그러면 위와같은 link 태그가 있으면 된다!