[SEO] Google Lighthouse로 내 홈페이지 점검하기

이번 하반기부터 점점 블로그의 게시물도 늘어나고, 규모도 조금씩 성장해나가면서, 블로그를 하는 것에 대해 아카이브 이상의 관심이 생겨났다.

소소한 수익도 기대하기 시작했고, 사람들이 더 많이 찾아와주길 바라게 되었다.

그래서 이번 기회에 블로그를 개편해보고자 겨울동안 SEO공부도 해보고, 블로그의 품질을 더 개선시켜보고자 맨 땅에 헤딩하게 되었다.

웹을 이해하는 데 있어서 도움이 될 것 같기도 하고 말이다.

 

 

우선, Google의 Lighthouse라는 기능이 있는 것을 알게 되었다.

웹 페이지를 분석하고, 결과를 보고서로 만들어주는 강력한 도구이다.

 

https://developer.chrome.com/docs/lighthouse/overview/?hl=ko

개요  |  Lighthouse  |  Chrome for Developers

다양한 방법으로 이용할 수 있는데, 만약 크롬 브라우저라면 바로 이용이 가능하다.

 

 

1. 분석하고 싶은 홈페이지에서 개발자도구(Win: F12, Mac: cmd + alt + j)를 열어서, Lighthouse 탭을 연다.

 

 

2. 원하는 모드와 디바이스, 카테고리와 플러그인을 선택한다. 그 뒤 Analyze page load를 눌러주면 된다.

• navigation: 웹 페이지를 한 번 로드하여 평가.
• timespan: 일정 시간 동안의 웹 페이지의 동작을 평가.
• snapshot: 웹 페이지의 특정 시점을 평가.

카테고리:

• performance: 웹 페이지의 성능
• accessibility: 접근성
• best practices: 최적화
• SEO: 검색 엔진 최적화
• progressive web app

 

 

 

 

3. 보고서를 확인하고, 피드백을 받으면 된다.

단, 성능 평가의 경우, 크롬 익스텐션 설치의 영향을 받는 등의 이슈가 있어서, 감안하도록 하자.

그리고, 무작정 좋은 점수를 따는 것만이 최적해는 아닌 듯 하다. 대형 웹 페이지의 경우, 담은 콘텐츠가 많아서 성능 점수가 낮게나온다던지 등으로 점수가 그렇게 높게 나오지는 않는 경우도 많다고 한다.

너무 얽매이지 말고, 자신에게 필요 한 피드백만 보면 될 듯 하다.