メニュー
Use when reviewing content pages for user experience and SEO. Applies to blog posts, landing pages, how-to guides, and any long-form content intended for a broad audience.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
Use when reviewing templates, rendered HTML, or shared components related to Implement accessible breadcrumb navigation. Validate the final browser-facing markup, not just the source framework abstraction.
Use when auditing metadata, crawlability, structured data, or indexability related to Implement valid BreadcrumbList schema. Verify the rendered HTML and HTTP response rather than relying only on source files.
Use when reviewing templates, rendered HTML, or shared components related to Declare UTF-8 character encoding. Validate the final browser-facing markup, not just the source framework abstraction.
Use when reviewing templates, rendered HTML, or shared components related to Set text direction for RTL languages. Validate the final browser-facing markup, not just the source framework abstraction.
Use when auditing a site's meta tag uniqueness, generating page-specific meta descriptions, or reviewing CMS templates that inject the same description globally.
Use when you need to find the 2-3 most popular and well-maintained npm packages relevant to a frontend checklist rule, validate they meet quality thresholds, and add them to the rule's frontmatter.
SOC 職業分類に基づく
| name | reading-level |
| description | Use when reviewing content pages for user experience and SEO. Applies to blog posts, landing pages, how-to guides, and any long-form content intended for a broad audience. |
| metadata | {"category":"seo","priority":"medium","difficulty":"intermediate","estimatedTime":"15","source":"frontendchecklist.io","url":"https://frontendchecklist.io/en/rules/seo/reading-level"} |
Content written beyond the reading level of the target audience increases bounce rates and reduces time-on-page—both engagement signals that correlate with search rankings.
Analyse this page's content for readability. Calculate or estimate the Flesch-Kincaid Grade Level. Identify sentences longer than 25 words, paragraphs longer than 4 sentences, instances of passive voice, and domain jargon that could be simplified. Report the estimated reading grade level.
Simplify the identified sentences and paragraphs: break long sentences at conjunctions, replace passive voice with active voice, substitute jargon with plain-language equivalents. Target a Flesch Reading Ease score of 60+ (Grade 8 or below for general audiences). Use subheadings to break up text every 200–300 words.
Readability measures how easy content is to understand. When content is written above the typical reading level of the audience, users leave faster (higher bounce rate) and spend less time reading (lower dwell time). These engagement signals influence search rankings indirectly. Clear writing also improves conversion rates and user satisfaction.
Extract the text content from the page body (excluding navigation, headers, footers). Calculate or estimate the Flesch-Kincaid Grade Level. Count: sentences longer than 25 words, paragraphs with more than 4 sentences, passive voice instances, and words with more than 3 syllables that could be simplified. Report the grade level and top 5 most complex sentences.
For full implementation details, code examples, and framework-specific guidance,
see references/rule.md.
Rule page: https://frontendchecklist.io/en/rules/seo/reading-level
