seo-fundamentals

Audit HTML and React/NextJS pages for missing SEO metadata and heading issues.

Updated Mar 3, 2025
One-click install
npx skills add https://github.com/cyhinverse/YiBu --skill seo-fundamentals-cyhinverse
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: seo-fundamentals
Source: https://github.com/cyhinverse/YiBu/tree/main/.agents/skills/seo-fundamentals
Command: npx skills add https://github.com/cyhinverse/YiBu --skill seo-fundamentals-cyhinverse

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Web projects often struggle with SEO signals that are misconfigured or missing, leading to lower visibility and engagement.

The Skill helps identify missing titles, meta descriptions, Open Graph tags, improper heading structure, and inaccessible images, enabling targeted improvements.

Core Features & Use Cases

  • Audits HTML and JSX/TSX pages for metadata, headings, and accessibility.
  • Detects missing or duplicate title/description, OG tags, multiple H1s, and missing alt text.
  • Generates per-file issues and overall pass/fail insights for teams working on SEO enhancements.

Quick Start

Run the SEO Checker on your project by executing python seo_checker.py <project_path> to receive an SEO audit report.

Frequently Asked Questions about seo-fundamentals

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I run an SEO audit on a React or Next.js project?

Run an SEO audit by executing a Python script against your project path. The checker scans HTML and JSX/TSX files to identify missing titles, meta descriptions, Open Graph tags, and heading structure issues, returning a per-file report.

How do I detect missing Open Graph tags and meta descriptions in my web pages?

Detect missing Open Graph tags and meta descriptions by running an automated SEO audit script. It scans static HTML and React components to flag absent or duplicate metadata, helping you correct configuration gaps for better search visibility.

What is the best way to find images missing alt text in a single-page app?

The best way to find images missing alt text is to scan your project files with an SEO auditing script. It analyzes JSX/TSX and HTML components to locate accessibility issues and returns them in a per-file summary.

Does this SEO checker work with plain HTML sites or only single-page apps?

This SEO checker works with both plain HTML sites and single-page apps. It audits static HTML files alongside React and Next.js components, evaluating metadata, heading structure, and image accessibility across your project.

Why does my SEO audit report multiple H1 tags in a single file?

Your SEO audit reports multiple H1 tags because the script scans your HTML and React components for improper heading structure. It flags files containing more than one H1 to help you correct content hierarchy for better search visibility.

Can I get a pass or fail summary for my project's SEO metadata issues?

You can get a pass or fail summary by running the SEO auditing script on your project path. It generates an overall pass/fail result alongside detailed per-file issues for missing titles, descriptions, OG tags, and alt text.