Hexo seo 검색엔진 최적화하기

시작하기

hexo 블로그를 만든이후 구글 네이버 다음에서 검색이 되어야 사용자의 유입이 상승합니다.
hexo의 경우 플러그인이 잘 되어있기 때문에 쉽게 할 수 있습니다.
검색엔진 최적화(seo)하기 위해 몇가지 설정을 하겠습니다.

플러그인리스트

• hexo-autonofollow
• hexo-auto-canonical
• hexo-generator-seo-friendly-sitemap
• hexo-generator-feed
• hexo-generator-robotstxt

플러그인 설치 및 설정하기

hexo-autonofollow

해당 포스트에서 참고하고 있는 외부링크에 nofollw 속성을 자동으로 추가해줍니다.

설치 - npm install hexo-autonofollow --save

설정 - 프로젝트 루트의 _config.yml 파일에 아래 내용을 추가합니다.

nofollow:
    enable: true
    exclude:
    - exclude_1.com
    - exclude_2.com

hexo-auto-canonical

메타 태그 중 canonical 속성을 대표 URL을 뜻합니다.
각 포스트마다 자동으로 표준 링크를 만들어 줍니다.

설치 - 플러그인을 설치합니다.
npm install --save hexo-auto-canonical

설정 - hueman 테마의 경우 테마내부에 layout/common/head.ejs파일의 42번째줄 <%- meta(page) %>바로 밑에
<%- autoCanonical(config, page) %>을 추가해줍니다.

hexo-generator-seo-friendly-sitemap

사이트 맵을 제출하면 크롤러가 효율적으로 크롤링을 할 수 있습니다.
자동으로 sitemap.xml을 생성해 줍니다. 구글/네이버등 크롤러설정에 필요합니다.

설치 - npm install hexo-generator-seo-friendly-sitemap --save

설정 - 프로젝트 루트의 _config.yml 파일에 아래 내용을 추가합니다.

sitemap:
  path: sitemap.xml
  tag: false
  category: false

path값을 지정한 루트폴더에 sitemap.xml이 생성됩니다.
사이트주소/sitemap.xml 경로에서 확인 할 수 있습니다.

옵션

• tag : sitemap에 tag 포함 여부를 결정합니다.
• category : sitemap에 category 포함 여부를 결정합니다.

hexo-generator-feed

자동으로 Atom 1.0또는 RSS2.0 피드를 생성해 줍니다.

설치 - npm install hexo-generator-feed --save

설정 - 프로젝트 루트의 _config.yml 파일에 아래 내용을 추가합니다.

feed:
  type: rss2
  path: rss2.xml
  limit: 20

옵션

• type : 피드의 종류 (atom/rss2)
• path : 피드가 생성될 경로 (Default: atom.xml/rss2.xml)
• limit : 최신 포스트의 개수 설정 (0 또는 false 입력 시 모든 포스트)

hexo-generator-robotstxt

자동으로 robots.txt 파일을 생성해 줍니다.
설치 - npm install hexo-generator-robotstxt --save

설정 - 프로젝트 루트의 _config.yml 파일에 아래 내용을 추가합니다.

robotstxt:
  useragent: "*"
  allow:
    - /
  sitemap: https://<username>.github.io/sitemap.xml

검색엔진 설정

Google Search Console

구글에서 검색 노출을 높이기 위해서 검색엔진 설정을 하도록 하겠습니다.
Google Search Console홈페이지로 접속합니다.

구글 로그인이 되어있는상태에서 시작하기 버튼을 클릭합니다.
사이트 설정이 나오면 블로그 도메인을 등록해줍니다.

등록을 완료하고 사이드메뉴의 sitemaps를 선택해줍니다.

이후에 rss2.xml 과 sitemap.xml을 제출합니다.

간단하게 설정이 완료되었습니다.

네이버 웹마스터 도구

네이버 검색엔진 최적화를 하겠습니다.
네이버 웹마스터도구 사이트에 접속합니다. 네이버 로그인을 합니다.
이후 웹마스터 도구를 클릭합니다.

사이트추가에 네이버에 검색되고자하는 hexo 블로그 url을 입력하고 추가를 합니다.

그러면 사이트의 소유권을 확인하는 화면이 나옵니다.
두번째 HTML태그를 선택하고 메타태그를 복사합니다.
<meta name="naver-site-verification" content="..."/>

아까 저희가 메타태그를 등록했던 부분 테마내부에 layout/common/head.ejs파일을 엽니다.
이후 다음과 같이 head바로 위에 붙여넣습니다.

    //...
    <meta name="naver-site-verification" content="..."/>
</head>

등록이 완료되었다면 연동사이트 목록에서 사이트를 클릭하면 다음과같은 페이지가 나옵니다.

왼쪽 사이드 메뉴에서 RSS 제출과 사이트맵 제출을 해줍니다.

요청>RSS 제출
https://<sitename>/rss2.xml
요청>사이트맵 제출
sitemap.xml
이렇게 네이버 사이트 등록이 완료되었습니다.

네이버 웹마스터 도구에서 간단하게 자신의 사이트 진단을 할 수 있습니다.

다음검색등록

다음 검색의 경우 간단합니다.
다음검색등록 페이지로 접속합니다.

블로그 등록을 체크하고 도메인을 입력후 확인을 클릭하면 됩니다.
이후 등록자 정보로 이메일을 입력을 합니다.

이것으로 검색엔진을 최적화하는 방법에 대해 알아보았습니다.
다음,네이버,구글 세가지 설정하는데 번거로움이 있었지만 설정하게 되면 검색노출도가 높아지기 때문에 되도록 하는것을 추천합니다.