
모든 SEO 결함을 보여주기 위해 HTML 파일을 분석하는 라이브러리.
CLI를 사용하려면 전 세계적으로 패키지를 설치해야합니다.
npm install -g seo-analyzerseo-analyzer -h| 옵션 | args | 설명 |
|---|---|---|
| -h, -help | 널 | 모든 옵션을 표시하십시오. |
| -v, -버전 | 널 | 디스플레이 응용 프로그램 버전 : 현재 응용 프로그램의 현재 버전을 표시합니다. |
| -iu, -ignoreurls | [정렬] | 분석에서 특정 URL 제외 : 원치 않는 웹 페이지를 처리하지 않기 위해 분석에서 특정 URL을 제외합니다. |
| -if, -ignorefiles | [정렬] | 특정 파일 제외 분석 : 분석에서 특정 파일을 제외하고 처리 방지 할 수 있습니다. |
| -ifl, -ignorefolders | [정렬] | 분석에서 특정 폴더 제외 : 해당 폴더 내의 모든 파일을 무시하고 분석 프로세스에서 지정된 폴더를 제외합니다. |
| -u, --urls | [정렬] | 지정된 URL에 대한 SEO 분석을 수행하십시오. 지정된 URL에 대한 SEO 분석을 수행하여 특정 SEO 기준에 따른 준수를 확인합니다. |
| -f, -파일 | [정렬] | 지정된 파일에서 SEO 분석을 수행합니다. 지정된 파일에 대한 SEO 분석을 수행하여 최적화 표준 및 규칙을 준수합니다. |
| -fl, -폴더 | [정렬] | 지정된 폴더에서 SEO 분석을 수행하십시오. SEO 규칙 및 권장 사항을 준수하기 위해 지정된 폴더 내의 모든 파일을 분석합니다. |
| -r, --- 룰즈 | [정렬] | 분석에 특정 SEO 규칙을 적용하십시오. 분석 중 특정 SEO 규칙을 적용하여 사용자가 검사 프로세스를 사용자 정의 할 수 있습니다. 기본적으로 모든 기본 규칙을 실행합니다. |
seo-analyzer -u https://maddevs.io https://maddevs.io/blogseo-analyzer -u https://maddevs.io -r titleLengthRule= ' { "min": "500" } 'JSON 형식을 사용하여 매개 변수를 규칙에 전달하십시오.
SEO 분석기를 GitHub의 작업으로 사용하려면 다음 내용으로 .github/Workflows/Analyzer.yml에서 워크 플로 파일을 만들 수 있습니다.
name : SEO analyzer
on : [push]
jobs :
seo-analyzer :
runs-on : ubuntu-latest
steps :
- uses : actions/checkout@v4
- name : Use Node.js
uses : actions/setup-node@v4
with :
node-version : ' 20.x '
- run : npm i -g seo-analyzer
- run : seo-analyzer -u https://maddevs.io마지막 단계에서는 분석하려는 URL을 지정할 수 있습니다.
프로젝트에 설치하십시오.
npm install -D seo-analyzerSEO 분석기 설정은 가능한 간단합니다. 다음과 같이 보일 것입니다.
const SeoAnalyzer = require ( 'seo-analyzer' ) ;
new SeoAnalyzer ( )
. inputFiles ( < array > )
.addRule( < function > )
.addRule( < function > )
.outputConsole()
.run();다음으로 몇 가지 예를 보여 드리겠습니다.
const SeoAnalyzer = require ( 'seo-analyzer' ) ;
new SeoAnalyzer ( )
. inputUrls ( [ 'https://maddevs.io' , 'https://maddevs.io/blog' ] )
. addRule ( 'imgTagWithAltAttributeRule' )
. outputConsole ( )
. run ( ) ; const SeoAnalyzer = require ( 'seo-analyzer' ) ;
new SeoAnalyzer ( )
. ignoreUrls ( [ '/404' , '/login' ] )
. inputSpaFolder ( '/dist' , 'sitemapindex.xml' , 3000 )
. addRule ( 'imgTagWithAltAttributeRule' )
. outputConsole ( )
. run ( ) ; const SeoAnalyzer = require ( 'seo-analyzer' ) ;
new SeoAnalyzer ( )
. inputFiles ( [ 'index.html' , 'about.html' ] )
. addRule ( 'imgTagWithAltAttributeRule' )
. outputConsole ( ) ; const SeoAnalyzer = require ( 'seo-analyzer' ) ;
new SeoAnalyzer ( )
. inputFolders ( [ 'dist' , 'src' ] )
. addRule ( 'imgTagWithAltAttributeRule' )
. outputConsole ( )
. run ( ) ; const SeoAnalyzer = require ( 'seo-analyzer' ) ;
new SeoAnalyzer ( )
. inputFolders ( [ 'dist' , 'src' ] )
. addRule ( 'imgTagWithAltAttributeRule' )
. outputJson ( json => console . log ( json ) )
. run ( ) ; const SeoAnalyzer = require ( 'seo-analyzer' ) ;
new SeoAnalyzer ( )
. ignoreFolders ( [ 'src/test' ] )
. ignoreFiles ( [ 'src/404.html' ] )
. inputFolders ( [ 'dist' , 'src' ] )
. addRule ( 'imgTagWithAltAttributeRule' )
. outputObject ( obj => console . log ( obj ) )
. run ( ) ; const SeoAnalyzer = require ( 'seo-analyzer' ) ;
new SeoAnalyzer ( )
. inputHTMLString (
'<!DOCTYPE html><html><body><h1>title</h1><p>content</p></body></html>'
)
. addRule ( 'imgTagWithAltAttributeRule' )
. outputConsole ( )
. run ( ) ; | 방법 | 매개 변수 | 설명 |
|---|---|---|
| 무시하십시오 | [ 'dist/about.html'] | 이 방법은 분석 전에 무시할 수있는 파일 배열이 예상됩니다. |
| 무시합니다 | [ 'dist/indore'] | 이 메소드는 분석 전에 폴더 배열이 무시할 것으로 기대합니다. |
| 무시합니다 | [ '/404'] | 이 방법은 분석 전에 무시할 수있는 URL 배열이 예상됩니다. |
| 입력 파일 | [ 'dist/index.html'] | 이 메소드는 HTML 파일의 배열을 기대합니다. |
| 입력 | [ 'https://maddevs.io'] | 이 방법은 다양한 URL이 분석 할 것으로 예상합니다. |
| 입력 폴더 | [ 'dist', 'src'] | 이 메소드는 HTML 파일이있는 폴더 배열을 기대합니다. |
| 입력 스파 폴더 | '/dist', 'setemap.xml', 3000 | 이 메소드는 SPA 빌드 파일이있는 일련의 폴더가 Run Server의 프로덕션 및 포트에 예상됩니다. |
| inputhtmlstring | ['예'] | 이 방법은 HTML을 포함하는 문자열을 기대합니다. |
| addrule | 함수 (dom) {} | 이 메소드는 들어오는 HTML 파일을 확인하기 위해 사용자 정의 규칙을 추가합니다. |
| outputObject | 함수 (obj) {} | 이 방법은 보고서를 JavaScript 객체로 반환합니다. |
| 출력 | 함수 (json) {} | 이 방법은 보고서를 JSON 형식으로 반환합니다. |
| outputConsole | 널 | 이 방법은 콘솔에서 프로세스를 완료하기 때문에 체인의 끝에서 사용해야합니다. |
다음은 SEO 분석기로 전송 된 각 파일에 대해 실행되는 규칙입니다. 기본적으로 비활성화되며 추가해야합니다.
태그 <title> 의 길이를 확인합니다. 두 개의 매개 변수가 허용됩니다.
. addRule ( 'titleLengthRule' , { min : 10 , max : 50 } ) 모든 <img> 태그에 Alt = ""속성이 있는지 확인합니다.
. addRule ( 'imgTagWithAltAttributeRule' )<a> 태그 모든 <a> 태그에 rel = ""속성이 있는지 확인합니다.
. addRule ( 'aTagWithRelAttributeRule' )지정된 기본 메타 태그가 페이지에 있는지 확인합니다. 하나의 매개 변수를 허용합니다.
. addRule ( 'metaBaseRule' , { list : [ 'description' , 'viewport' ] } )지정된 소셜 메타 태그가 페이지에 있는지 확인합니다. 하나의 매개 변수를 허용합니다.
. addRule ( 'metaSocialRule' , {
properties : [
'og:url' ,
'og:type' ,
'og:site_name' ,
'og:title' ,
'og:description' ,
'og:image' ,
'og:image:width' ,
'og:image:height' ,
'twitter:card' ,
'twitter:text:title' ,
'twitter:description' ,
'twitter:image:src' ,
'twitter:url'
] ,
} )페이지에 표준 링크가 있는지 확인합니다.
. addRule ( 'canonicalLinkRule' )맞춤 규칙은 DOM 트리 인수를 취하는 함수입니다.
function customRule ( dom ) {
return new Promise ( async ( resolve , reject ) => {
const paragraph = dom . window . document . querySelector ( 'p' ) ;
if ( paragraph ) {
resolve ( '' ) ;
} else {
reject ( 'Not found <p> tags' ) ;
}
} ) ;
}
. . .
. addRule ( customRule )
. . . MIT 라이센스
저작권 (C) 2024 Mad Devs
이에 따라이 소프트웨어 및 관련 문서 파일 ( "소프트웨어")의 사본을 얻는 사람에게는 허가가 부여됩니다. 소프트웨어의 사용, 복사, 수정, 합병, 배포, 배포, 숭고 및/또는 소프트웨어의 사본을 판매 할 권한을 포함하여 제한없이 소프트웨어를 처리 할 수 있도록 소프트웨어를 제공 할 권한이 없습니다.
위의 저작권 통지 및이 권한 통지는 소프트웨어의 모든 사본 또는 실질적인 부분에 포함되어야합니다.
이 소프트웨어는 상업성, 특정 목적에 대한 적합성 및 비 침해에 대한 보증을 포함하여 명시 적 또는 묵시적 보증없이 "그대로"제공됩니다. 어떠한 경우에도 저자 또는 저작권 보유자는 계약, 불법 행위 또는 기타, 소프트웨어 또는 소프트웨어의 사용 또는 기타 거래에서 발생하는 계약, 불법 행위 또는 기타의 행동에 관계없이 청구, 손해 또는 기타 책임에 대해 책임을지지 않습니다.