Hexo 검색엔진 최적화(SEO) 시켜보기

Hexo 블로그를 만들고 나서 이번에 적용해 보려고 하는 것은 검색엔진 최적화(SEO)였다.
다행히 Hexo에는 SEO관련 플러그인들이 많이 있었다.
그 중에 많이 쓰이고 해당 블로그에 적용한 플러드인들을 소개합니다.

SEO


SEO란?
영어로 Search Engine Optimization 의 약자이며, 검색엔진 최적화 라는 의미를 가지고 있습니다.
검색엔진에 맞게 사이트를 제작 및 운영하는 과정 전부를 뜻합니다.

플러그인 설치 및 설정


- hexo-auto-canonical

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

설치

1
npm install --save hexo-auto-canonical

설정
HEAD에 위치 하도록 아래 내용을 추가해줍니다.

ejs 의 경우

1
<%- autoCanonical(config, page) %>

jade 의 경우

1
| !{ autoCanonical(config, page) }

- hexo-autonofollow

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

설치

1
npm install hexo-autonofollow --save

설정

_config.yml 파일에 아래 내용을 추가합니다.

1
2
3
4
5
nofollow:
enable: true
exclude:
- exclude_1.com
- exclude_2.com

- hexo-generator-seo-friendly-sitemap

사이트 맵을 제출하면 크롤러가 효율적으로 크롤링을 할 수 있습니다.
자동으로 sitemap.xml을 생성해 줍니다.

설치

1
npm install hexo-generator-seo-friendly-sitemap --save

설정

_config.yml 파일에 아래 내용을 추가합니다.

1
2
3
4
sitemap:
path: sitemap.xml
tag: false
category: false

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

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

- hexo-generator-feed

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

설치

1
npm install hexo-generator-feed --save

설정

_config.yml 파일에 아래 내용을 추가합니다.

1
2
3
4
feed:
type: rss2
path: rss2.xml
limit: 20
  • 네이버에서 Atom을 지원하지 않기 때문에 RSS2로 설정해 줍니다.
  • type : 피드의 종류 (atom/rss2)
  • path : 피드가 생성될 경로 (Default: atom.xml/rss2.xml)
  • limit : 최신 포스트의 개수 설정 (0 또는 false 입력 시 모든 포스트)

- hexo-generator-robotstxt

자동으로 robots.txt 파일을 생성해 줍니다.

설치

1
npm install hexo-generator-robotstxt --save

설정

_config.yml 파일에 아래 내용을 추가합니다.

1
2
3
4
5
robotstxt:
useragent: "*"
allow:
- /
sitemap: https://<username>.github.io/sitemap.xml

Deploy를 해주신 후에
각 검색엔진에서 SEO설정을 해줍니다.

# SEO, hexo

댓글

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×