블로그를 운영하면서, SEO, 최적화에 대한 내용을 많이 접하게 됩니다. 저도 본격적으로 블로그를 운영한 지 이제 2달 정도 되어 가는데, 점검 차원에서 라이트하우스(Lighthose)를 이용해 블로그 지수를 확인하는 방법과 점수, 용어를 알아보는 시간을 가져보고자 합니다. 자세한 내용은 본문에서 설명하겠습니다.
함께 보면 좋은 글
1. 청년도전 지원 사업 - 참여 수당 최대 300만원 지급
2. 부동산 PF 대출, 뱅크데믹, 예금자보호법 알아보기
3. 카드 포인트 통합조회, 전환, 현금화 방법
4. 캠핑용 냉장/냉동고 - 모비쿨 MCF40 40L 사용 후기
5. 앱테크) 토스뱅크 - 1분 (미션, 걷기)
내 블로그 지수 확인하기 with 라이트하우스(Lighthouse) : 사용법, 점수, 용어 알아보기
1. 라이트하우스 (Lighthouse) 란?
2. 라이트하우스 (Lighthouse) 사용법
3. 결과 항목 용어 설명
4. 개선점 확인
1. 라이트하우스 (Lighthouse) 란?
Lighthouse는 구글에서 제공하는 웹페이지 품질을 개선하기 위한 오픈 소스 자동화 툴입니다. 공개 또는 인증이 필요한 모든 웹 페이지에 대해 실행이 가능하며, 성능, 접근성, 프로그레시브 웹 앱, SEO 등에 대한 검사가 가능합니다.
2. 라이트하우스 (Lighthouse) 사용법
Lighthouse 설치 방법과 사용방법을 소개하겠습니다.
1. 크롬 웹스토어에서 Lighthouse를 검색합니다. (아래 링크 참고)
2. Lighthouse 우측에 [Chrome에 추가]를 선택합니다.
3. 내 블로그로 이동하여, 우측 상단에 확장프로그램에 설치된 Lighthouse를 선택합니다.
4. Generate report를 실행합니다.
5. 결과페이지에서, 각 항목의 점수를 확인합니다.
3. 결과 항목 용어 설명
결과 요약 항목
- Performance: 웹페이지의 로딩 속도와 같은 성능 측정
- Accessibility: 접근성 지표 (메뉴 간의 간격이나 글 폰트 등)
- Best Practices: Best Practices를 따라 개발되었는지 확인
- SEO (Search Engine Optimization): 검색 엔진 최적화 지표
- PWA (Progressive Web App): 웹과 네이티브 앱의 기능 모두의 이점을 가지도록 만들어진 서비스인지 체크
4. 개선점 확인
각 결과 요약 항목을 선택하면, 영향을 주는 수치들과 개선 포인트에 대한 설명이 제공됩니다.
예를 들어, 저는 Performance 점수가 낮아서 관련 내용을 찾아보니, Properly size images라는 항목이 보입니다.
블로그에서 자주 첨부되는 사진은 페이지 로딩 속도에 영향을 많이 미치게 됩니다.
이외에도 여러 가지 개선점을 가이드해주고 있으니, 천천히 찾아가면서 블로그를 개선해야 할 것 같습니다.
Lighthouse를 통해 간단하게 내 블로그 지수를 확인해 보고 문제점을 파악할 수 있었습니다. 블로그 지수를 확인하는 다양한 방법이 있지만, Lighthouse는 조금 더 접근하기 쉬운 방법인 것 같습니다. 더 좋은 블로그가 되기 위해, 많은 방법을 찾아보고 개선해 가야 할 것 같습니다.
댓글