HEXO 검색엔진최적화(Search Engine Optimization,SEO)

검색엔진 최적화(Search Engine Optimization,SEO)

내가 작성한 글이 검색엔진에게 잘 노출되기 위해서는 내 블로그가 검색엔진에 노출이 잘되도록 최적화 시켜야 됩니다. 가장 중요한건 블로그에 작성한 Post가 검색하는 사람들에게 가치를 줄수 있어야 합니다. 두번째는 구글,네이버,다음 검색엔진에게 내 블로그를 알려야 합니다. 내가 이렇게 정성스럽게 글을 잘 작성했으니 글을 읽어가서 사용자가 검색을 하면 내 블로그를 소개시켜 달라고 부탁하는 거죠. 내가 쓴글을 검색엔진이 읽어가기 쉽게 최적화하는걸 SEO라고 합니다. 오늘은 codingsarang 블로그를 최적화 시켜 보겠습니다.

 

hexo에서 제공해주는 플러그인 설치하기

hexo 에서는 SEO와 관련된 플러그인들이 다양하게 있습니다. https://hexo.io/plugins/ 접속하신후 seo라고 입력하고 검색을 수행하면 아래와 같은 다양한 plugin을 확인할수 있습니다. 그중 일반적으로 많이 사용하는 플러그인들을 설치해 보겠습니다.

1. hexo-auto-canonical
2. hexo-generator-robotstxt
3. hexo-autonofollow
4. hexo-generator-feed
5. hexo-generator-seo-friendly-sitemap

hexo-auto-canonical 설치 및 적용

표준링크를 자동으로 생성해주는 플러그인입니다. 아래 명령어를 입력하여 설치를 진행합니다.

npm install --save hexo-auto-canonical

설치가 완료되면 themes > hueman > layout > common > head.ejs 에 아래에 코드를 입력합니다.

...
<%- meta(page) %>
<%- autoCanonical(config, page) %>
...

블로그에서 소스보기를 하고 아래와 같은 내용을 확인할수 있다면 이제부터 검색엔진은 이글의 표준링크에 대해서 인식을 하게 됩니다.

<link rel="canonical" href="https://open.github.io/2020/07/06/hello-world/">

hexo-generator-robotstxt 설치 및 적용

robots.txt 의 상세 내용은 https://support.google.com/webmasters/answer/6062608?hl=ko&ref_topic=6061961 여기에서 확인 가능합니다.

robots.txt 파일이란 무엇인가요? robots.txt 파일은 검색엔진 크롤러에서 사이트에 요청할 수 있거나 요청할 수 없는 페이지 또는 파일을 크롤러에 지시하는 파일입니다. 이 파일은 요청으로 인해 사이트가 오버로드되지 않도록 하는 데 주로 사용되며, Google로부터 웹페이지를 숨기는 데 사용하는 메커니즘이 아닙니다. 웹페이지가 Google에 표시되지 않도록 하려면 noindex 명령어를 사용하거나 페이지를 비밀번호로 보호해야 합니다.

robots.txt의 용도는?
robots.txt는 주로 사이트의 크롤러 트래픽을 관리하는 데 사용되며 보통 다음과 같이 파일 형식에 따라 Google에서 페이지를 숨기는 데 사용됩니다.

blog 홈디렉토리에서 아래 명령어를 입력합니다.

 

npm install hexo-generator-robotstxt --save

blog 홈디렉토리에 있는 _config.yml에 아래와 같이 입력합니다. 여기에서 *가 의미하는 내용은 모든 사용자 에이전트(robot)가 전체 사이트에 액세스할 수 있습니다.

robotstxt:
  useragent: "*"
  allow:
    - /
  sitemap: https://yourblogsite.github.io/sitemap.xml

hexo-autonofollow 설치및 적용

외부 링크에 아래 처럼 nofollow 속성을 추가하는 플러그인 입니다.

<meta name="robots" content="nofollow" />

특정 페이지의 링크를 추적하지 않도록 하거나 특정 링크의 추적을 막을때 nofollow 속성값을 사용 할 수 있습니다. 검색엔진마다 nofollow 속성을 처리하는 방식이 다를 수 있습니다.

이 페이지의 링크를 추적하지 않도록 설정할때 :

<meta name="robots" content="nofollow" />

특정 링크의 추적을 하지 않도록 설정할때 :

<a href="http://www.test.com/" rel="nofollow">링크</a>

보통 신뢰할 수 없는 콘텐츠나 유료 링크의 경우 다른 사용자의 검색에 노출되지 않아야 하므로 nofollow 속성을 사용하는 것이 좋습니다. 해당 플러그인을 enable 해놓으면 모든 외부 링크에 rel=”external nofollow” 속성을 자동으로 추가합니다. 외부링크에만 동작하기 때문에 본인 사이트의 도메인 링크는 제외됩니다. 외부 링크에 target=”_blank” 속성을 넣어서 클릭할 경우 새로운 탭 또는 윈도우에서 열리게 합니다.

아래 명령어를 입력하여 설치 할수 있습니다.

 

npm install hexo-autonofollow --save

_config.yml 에 아래와 같이 입력합니다.

nofollow:
    enable: true
    exclude:
    - exclude1.com
    - exclude2.com

hexo-generator-feed

자동으로 RSS feed를 생성해주는 플러그인 입니다.

어떤 사이트가 있을 때, 그 사이트를 매일 방문해서 재미있는 새로운 기사가 있는지 확인하는 것은 번거롭습니다. 특히 새 기사가 매일 또는 정기적으로 올라오는 것이 아니라 불규칙할 때는 더욱 그렇습니다. 그 사이트를 직접 방문하지 않고, 새 기사들만 자신의 컴퓨터로 “배달”이 된다면 편리할 것입니다. RSS(Really Simple Syndication 의 약자) 같은 “사이트 피드”란, 새 기사들의 제목만, 또는 새 기사들 전체를 뽑아서 하나의 파일로 만들어 놓은 것입니다. 이제 각 사이트들에서 제공하는 RSS파일 주소만 수집하여 확인하면, 자신의 취향에 맞는 새로운 읽을거리를 쉽게 찾아서 읽을 수 있습니다. 그러나 모든 사이트에서 RSS피드를 제공하는 것은 아닙니다. 1년 내내 새로운 내용이 없는 정적인 사이트에서는 제공하지 않는 것이 보통입니다. 새로운 읽을거리가 자주 올라오는 “뉴스형”, “블로그형” 사이트에서 주로 제공됩니다.
RSS Feed

아래 명령어를 입력하여 설치 할수 있습니다.

npm install hexo-generator-feed --save

_config.yml 에 아래와 같이 입력합니다.

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

type은 feed의 종류입니다. (atom/rss2) - * 네이버는 atom을 지원하지 않으므로 rss2로 지정합니다.
path는 feed가 생성될 경로 입니다.(default : atom.xml, rss2.xml)
limit는 최신 포스트 수 설정 (0 또는 false - 전체 포스트)

hexo-generator-seo-friendly-sitemap

크롤러가 블로그를 더욱 효율적으로 클롤링 할 수 있도록 사이트맵 xml 파일을 자동으로 생성해 줍니다. 이렇게 생성된 사이트맵을 robot이 가져가서 색인을 진행합니다.

아래 명령어를 입력하여 설치 할수 있습니다.

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

_config.yml 에 아래와 같이 입력합니다.

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

path 는 sitemap이 생성될 경로를 말하며 tag 및 category 포함 여부를 지정할수 있습니다. 전 제외 시켰습니다.

검색엔진 등록하기

아래 url을 클릭하여 구글 애널리틱스에 회의 가입후 추적 아이디를 발급받습니다.
구글 애널리틱스

발급받은 아이디는 themes의 _config.yml 내 google_analytics에 넣어 줍니다.

_config.yml 파일을 아래와 같이 수정하세요.

plugins:
    google-analytics:
        # Google Analytics tracking id
        tracking_id: UA-*********-1

아래 url에 접속하여 사이트 맵을 제출합니다.
google search console

가입 후 사이트를 추가 합니다. 생성된 html파일을 루트에 올린 후 확인 하는 방법과 애널리스틱 가입을 확인하는 방법으로 인증을 진행할수 있습니다.
Sitemaps 메뉴에 위에서 생성한 sitemap.xml과 rss2.xml을 추가해 주세요. sitemap을 등록하고 일정시간 지나면 내 사이트에 등록된 글을 구글
검색을 통해 확인할수 있습니다.

아래 사이트를 클릭하여 네이버에 등록을 진행하겠습니다.

NAVER 웹마스터도구

먼저 사이트 소유확인 부터 진행해 주세요 저는 meta태그정보를 블로그에 head.ejs에 추가하였습니다.

<meta charset="utf-8" /> <meta name="naver-site-verification" content="d81165627f54ef03c0e3669744894f14e24d39ad" />

네이버 웹마스터 도구 페이지에서 사이트 간단 체크하기 메뉴를 통해 현재 블로그의 최적화 상태를 알아볼 수 있습니다.

 

연동 사이트 목록 페이지 내 사이트 추가에 블로그 주소를 추가해 줍니다.

 

다음 검색 등록에서 신규등록을 진행합니다.등록한 이메일 접수완료 메일을 받을 수 있습니다.
[다음 검색 등록](https://register.search.daum.net/index.daum,"다음 검색 등록”)