존재하지 않는 페이지를 방문한 사람에게 검색과 주요 페이지 링크를 제공하는 맞춤형 404 페이지를 만들고 점검합니다. 화면 내용과 HTTP 상태 코드도 확인합니다.
- 맞춤형 404 페이지를 제작합니다
- 끊어진 링크의 검색과 안내를 정비합니다
- 없는 페이지의 200 응답을 확인합니다
검색 결과와 브라우저 탭에 쓰이는 페이지 제목을 점검하고 개선합니다. 제목 태그 유무, 글자 수, 페이지 간 중복, 주요 키워드의 위치를 확인합니다.
Use when auditing page metadata or generating SEO-optimized titles. Applies to every HTML page that should appear in search results.
검색 결과와 브라우저 탭에 쓰이는 페이지 제목을 점검하고, 페이지 내용을 전달하는 문구로 다듬습니다. <head> 안에 <title>이 정확히 하나 있는지, 제목이 비어 있거나 브랜드명만 들어 있지는 않은지, 다른 페이지와 중복되지는 않는지 확인합니다. 주요 키워드가 제목의 앞부분 절반 안에 있는지도 점검합니다.
검색 결과에 표시할 HTML 페이지의 공개 전 점검이나 사이트 전체의 제목 정리에 유용합니다. 여러 페이지가 같은 제목을 쓰거나 제목만으로 페이지 주제를 알기 어려울 때, 각 페이지의 구체적인 내용에 맞는 제목을 검토할 수 있습니다. 기존 메타데이터를 점검할 때와 새 제목을 작성할 때 모두 사용할 수 있습니다.
<title>에 누락이나 중복이 있는지 확인해 주세요.”원문은 점검 시 제목 길이를 1060자로, 작성 시 목표 길이를 5060자로 제시합니다. 주요 키워드를 포함하되 키워드를 과도하게 나열하지 않는 방침입니다.
이 소개문은 공개된 SKILL.md를 바탕으로 AI(OpenAI Codex)가 작성했습니다. 정확한 사양은 아래 원문을 확인하세요.
AI가 SKILL.md의 내용만을 근거로 4가지 관점에서 판정했습니다. 스타 수나 인기도는 판정에 넣지 않았습니다.
총점은 각 항목을 A=25점, B=15점, C=5점으로 더한 값입니다. 2026년 10월 23일 기준으로 AI(OpenAI Codex)가 판정했습니다. 참고용이므로 설치 전에 원문도 확인해 주세요.
설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.
The <title> tag is the most prominent element in search result listings and browser tabs—it directly influences click-through rates and is a confirmed Google ranking signal.
Check the <head> section for a <title> tag. Verify it is unique (not duplicated on other pages), between 10 and 60 characters, and contains the page's primary keyword.
Add or update the <title> tag in <head>. Write a descriptive title of 50–60 characters that includes the primary keyword near the start and is unique across the site. Do not stuff keywords.
The <title> tag appears as the clickable headline in search results and browser tabs. It is a primary on-page SEO factor—Google uses it to understand what the page is about and displays it to users deciding whether to click.
Check the <head> for a <title> element. Verify: (1) exactly one <title> tag exists, (2) text content is between 10 and 60 characters, (3) the title is not identical to other pages' titles, (4) the primary keyword appears in the first half of the title, (5) the title is not empty or contains only a brand name.
For full implementation details, code examples, and framework-specific guidance,
see references/rule.md.
Rule page: https://frontendchecklist.io/rules/seo/meta-title
아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.
로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.
아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.
존재하지 않는 페이지를 방문한 사람에게 검색과 주요 페이지 링크를 제공하는 맞춤형 404 페이지를 만들고 점검합니다. 화면 내용과 HTTP 상태 코드도 확인합니다.
사이트의 목적과 운영자를 소개하는 페이지를 점검하거나 작성합니다. 조직의 역사, 사명, 전문성, 연락처를 확인하고 실제 페이지 출력에서 정보 누락을 찾습니다.
페이지와 공통 컴포넌트에 자동 접근성 테스트를 추가하고 검사 누락을 찾습니다. 지속적 통합에 검사를 연결해 구조·속성 문제와 변경으로 생긴 오류를 확인합니다.
로그인부터 다단계 인증과 계정 복구까지 점검하고, 붙여넣기 차단이나 인증 코드 수동 입력처럼 이용을 방해하는 인증 절차의 개선을 돕습니다.
폼 오류, 완료 알림, 실시간 업데이트가 스크린 리더로도 전달되도록 실제 표시되는 HTML 속성, 표시 시간, 알림을 닫는 조작을 점검합니다.
표 머리글과 셀의 대응 관계를 점검해 화면 낭독으로도 데이터의 의미가 전달되는 HTML로 정리합니다. 단순한 표부터 병합 셀이 있는 복잡한 표까지 확인합니다.