[SEO] 검색엔진 최적화 확인하는 방법 (Lighthouse)

728x90

목 차

• 1. Lighthouse 확장 프로그램
• 2. Lighthouse 설치
• 3. Lighthouse 사용 방법
• 4. 주요 기능
  • 4-1. 성능 (Performance)
  • 4-2. 접근성 (Accessibility)
  • 4-3. Best Practices
  • 4-4. SEO (Search Engine Optimization)
  • 4-5. 진보적 웹 애플리케이션 (Progressive Web App, PWA)
• 5. 요약

반응형

 

1. Lighthouse 확장 프로그램

• Lighthouse는 구글 크롬에 내장된 오픈 소스 자동화 도구로, 웹 페이지의 성능, 접근성, SEO(검색 엔진 최적화) 등을 분석하고 개선할 수 있는 권장 사항을 제공하는 확장 프로그램입니다. 주로 웹 개발자와 디지털 마케터가 페이지 최적화를 위해 사용하며, 웹 애플리케이션이나 사이트의 품질을 전반적으로 평가할 수 있습니다.
• Lighthouse는 웹 페이지의 성능을 개선하기 위한 구체적인 데이터를 제공하고, 웹 표준을 준수하면서 사용자 경험을 향상하는 데 도움을 줍니다. 이를 통해 성능이 부족한 영역을 쉽게 파악하고, SEO와 접근성을 고려한 최적화를 할 수 있습니다.

 

2. Lighthouse 설치

1. 크롬 브라우저를 열고, 크롬 웹 스토어로 이동합니다. 
2. 검색창에 "lighthouse"를 입력하고 조회합니다.
3. 확장 프로그램 설치 버튼으로 설치를 진행합니다.

 

웹 스토어 lighthouse 검색

 

 

lighthouse 확장 프로그램 설치

 

3. Lighthouse 사용 방법

1. 크롬 브라우저를 열고, 검사할 웹 페이지로 이동합니다.
2. 우측 상단 "Lighthouse" 확장 프로그램 아이콘을 선택합니다.
3. 모바일 또는 데스크톱 모드 중 하나를 선택하고, "Generate report" 버튼을 클릭하면 Lighthouse가 웹 페이지를 분석합니다.
4. Lighthouse가 완료되면 각 영역에 대한 점수 및 개선 사항이 포함된 상세 보고서를 제공합니다.

 

lighthouse 보고서 만들기

 

 

lighthouse 보고서 확인하기

 

4. 주요 기능

4-1. 성능 (Performance)

• 페이지 로드 속도, 서버 응답 시간, 이미지 최적화, CSS 및 JavaScript의 최소화 여부를 분석합니다.
• 페이지가 모바일 및 데스크탑 환경에서 얼마나 빠르게 렌더링 되는지 측정하며, 핵심 웹 지표(Core Web Vitals) 점수를 제공합니다.
• First Contentful Paint (FCP): 첫 번째 콘텐츠가 렌더링되는 시간
• Time to Interactive (TTI): 페이지가 완전히 상호작용 가능해지는 시간
• Largest Contentful Paint (LCP): 가장 큰 콘텐츠가 로드되는 시간
• Cumulative Layout Shift (CLS): 레이아웃이 갑자기 변경되는 정도

 

 

4-2. 접근성 (Accessibility)

• 장애가 있는 사용자가 웹 페이지에 접근하기 쉽도록 HTML 태그와 구조를 점검합니다.
• 색상 대비, 대체 텍스트(alt text), 시멘틱 마크업(semantic markup) 등 사용자의 접근성을 높이기 위한 요소들을 평가합니다.
• 개선이 필요한 부분에 대해 구체적인 지침을 제공합니다.

 

 

4-3. Best Practices

• 보안, HTTPS 사용 여부, 안전한 JavaScript 사용, 네트워크 연결 관리 등의 기술적 최적화 상태를 점검합니다.
• 최신 웹 기술 및 보안 모범 사례를 준수하는지 분석합니다.

 

 

4-4. SEO (Search Engine Optimization)

• 검색 엔진 최적화를 위해 기본적인 SEO 요소를 점검합니다.
• 페이지에 메타 태그가 적절히 설정되어 있는지, 제목과 설명이 검색 엔진에 적합한지 등을 평가합니다.

 

 

4-5. 진보적 웹 애플리케이션 (Progressive Web App, PWA)

• 웹 애플리케이션이 오프라인 지원, 빠른 로딩 속도, 홈 화면 추가 가능 여부 등 PWA의 모범 사례를 얼마나 준수하는지 점검합니다.

 

5. 요약

• Lighthouse는 웹 페이지의 성능, 접근성, SEO, 모범 사례 준수 여부 등을 분석하여 웹 페이지를 최적화할 수 있도록 돕는 크롬 확장 프로그램입니다. 자동화된 테스트 도구로 웹 페이지의 품질을 진단하고, 더 나은 사용자 경험을 제공하기 위한 구체적인 권장 사항을 제시합니다.