Repolode
AgriciDaniel

AgriciDaniel/on-page-seo

Firecrawl과 DataForSEO를 사용해 웹사이트 최대 500개 페이지의 온페이지 SEO 지표 74개를 감사하는 셀프 호스팅 웹 앱입니다.

스타
269
포크
57
열린 이슈
3
마지막 커밋
5개월 전

어떤 프로젝트인가요?

On-Page SEO Analyzer는 웹사이트의 온페이지 SEO를 감사하는 웹 애플리케이션입니다. 감사를 시작하면 Firecrawl을 통해 사이트의 페이지를 찾아내고, DataForSEO API를 사용해 각 페이지의 SEO 지표 74개를 분석합니다. 한 번의 감사로 최대 500개 페이지를 확인할 수 있습니다.

감사가 진행되는 동안 인터페이스에 실시간 진행 상황이 표시되며, LCP, FID, CLS의 Core Web Vitals 추적 기능도 제공됩니다. 결과는 CSV 또는 JSON으로 내보낼 수 있고, 다크 모드도 지원합니다.

이 프로젝트는 React 19와 Vite를 사용하는 프런트엔드, 그리고 데이터를 SQLite에 저장하는 Express 백엔드로 구성된 TypeScript 모노레포입니다. API 키는 .env 파일이나 설정 페이지에서 지정할 수 있습니다.

핵심 기능

  • 01Firecrawl을 사용해 웹사이트의 페이지를 자동으로 찾아냅니다.
  • 02DataForSEO를 통해 페이지마다 SEO 지표 74개를 분석합니다.
  • 03Core Web Vitals인 LCP, FID, CLS를 추적합니다.
  • 04Server-Sent Events를 통해 감사 진행 상황을 실시간으로 표시합니다.
  • 05감사 결과를 CSV 또는 JSON으로 내보냅니다.
  • 06감사를 시작하고 관리할 수 있는 REST API를 제공합니다.

활용 사례

  • 수백 개 페이지로 이루어진 기업 웹사이트의 온페이지 SEO를 감사할 때.
  • 사이트 전반에서 누락되거나 일관되지 않은 메타데이터와 지표 문제를 찾을 때.
  • 팀에 보고하기 위해 SEO 감사 데이터를 스프레드시트로 내보낼 때.

빠른 시작

  1. 1

    리포지토리를 클론합니다

    git clone https://github.com/AgriciDaniel/on-page-seo.git
  2. 2

    프로젝트 폴더로 이동합니다

    cd on-page-seo
  3. 3

    모든 종속 항목을 설치합니다

    npm run install:all
  4. 4

    개발 서버를 시작합니다

    npm run dev

사용 전 알아둘 점

  • 감사를 실행하려면 유료 Firecrawl API 키와 DataForSEO 계정이 필요합니다.

토픽

자주 묻는 질문

on-page-seo은(는) 무엇인가요?
Firecrawl과 DataForSEO를 사용해 웹사이트 최대 500개 페이지의 온페이지 SEO 지표 74개를 감사하는 셀프 호스팅 웹 앱입니다. On-Page SEO Analyzer는 웹사이트의 온페이지 SEO를 감사하는 웹 애플리케이션입니다. 감사를 시작하면 Firecrawl을 통해 사이트의 페이지를 찾아내고, DataForSEO API를 사용해 각 페이지의 SEO 지표 74개를 분석합니다. 한 번의 감사로 최대 500개 페이지를 확인할 수 있습니다.
on-page-seo은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
on-page-seo은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
on-page-seo은(는) 아직 유지보수되고 있나요?
6개월 이내 업데이트. on-page-seo의 마지막 커밋은 2026년 6월 6일입니다.
on-page-seo은(는) 어디에 사용할 수 있나요?
수백 개 페이지로 이루어진 기업 웹사이트의 온페이지 SEO를 감사할 때. 사이트 전반에서 누락되거나 일관되지 않은 메타데이터와 지표 문제를 찾을 때. 팀에 보고하기 위해 SEO 감사 데이터를 스프레드시트로 내보낼 때.
on-page-seo는 어떻게 설치하나요?
리포지토리를 클론합니다: git clone https://github.com/AgriciDaniel/on-page-seo.git 프로젝트 폴더로 이동합니다: cd on-page-seo 모든 종속 항목을 설치합니다: npm run install:all 개발 서버를 시작합니다: npm run dev
on-page-seo은(는) 어디서 받을 수 있나요?
소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/AgriciDaniel/on-page-seo

요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.

관련 프로젝트