seo-fundamentals

Audits HTML and React pages for meta tags, headings, and image alt attributes.

Updated Mar 23, 2026

Search Tags:#accessibility #react #audit #seo #core web vitals #meta tags #open graph

Ready to run

npx skills add https://github.com/Helcio-Nogueira/Painel_Inteligente_Hackaton_2026 --skill seo-fundamentals-helcio-nogueira

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: seo-fundamentals
Source: https://github.com/Helcio-Nogueira/Painel_Inteligente_Hackaton_2026/tree/main/.agents/skills/seo-fundamentals
Command: npx skills add https://github.com/Helcio-Nogueira/Painel_Inteligente_Hackaton_2026 --skill seo-fundamentals-helcio-nogueira

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve? Web pages often ship without proper meta tags, Open Graph data, or accessible images, hurting search rankings and social sharing. This Skill provides SEO principles (E-E-A-T, Core Web Vitals, schema markup) plus an automated checker that scans HTML/JSX/TSX pages for common on-page SEO issues. ## Core Features & Use Cases - Automated SEO Audit: The seo_checker.py script scans page files for missing titles, meta descriptions, Open Graph tags, multiple H1s, and images without alt attributes. - SEO Knowledge Base: Reference tables covering E-E-A-T, Core Web Vitals thresholds, schema markup types, and prioritized ranking factors. - Use Case: Before launching a Next.js site, run the checker against the project to find pages missing meta descriptions or OG tags, then apply the content guidelines to fix them. ## Quick Start Run the SEO checker script on my project folder and list all pages missing meta descriptions or alt attributes.

Frequently Asked Questions about seo-fundamentals

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

FAQPage Schema

How do I check my website pages for missing meta descriptions?▼

Run the seo_checker.py script against your project directory. It scans HTML, JSX, and TSX page files and reports any layout or page missing a meta description, title tag, or Open Graph tags.

What SEO issues does an automated on-page checker detect?▼

The checker detects missing title tags, missing meta descriptions, missing Open Graph tags, multiple H1 headings on one page, and images with missing or empty alt attributes. It outputs a JSON summary with issue counts per file.

Does the SEO checker work with React and Next.js projects?▼

Yes, it scans JSX and TSX files located in pages, app, routes, views, or screens directories. It skips node_modules, build output, tests, and utility files like hooks, contexts, and services to focus on public-facing pages.

What are the Core Web Vitals thresholds for good SEO?▼

Largest Contentful Paint should be under 2.5 seconds, Interaction to Next Paint under 200 milliseconds, and Cumulative Layout Shift under 0.1. These metrics measure loading performance, interactivity, and visual stability.

Why does the SEO checker skip some of my files?▼

Files are skipped if they live in excluded directories like node_modules, dist, or tests, or if their names match utility patterns such as config, hook, service, or .test. Only files identified as public-facing pages are analyzed.