seo-fundamentals

Audit and implement SEO metadata, semantic HTML, and structured data for web pages.

Updated Apr 13, 2026
One-click install
npx skills add https://github.com/JenilRevaliya/ARGUS --skill seo-fundamentals-jenilrevaliya
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: seo-fundamentals
Source: https://github.com/JenilRevaliya/ARGUS/tree/main/.agent/skills/seo-fundamentals
Command: npx skills add https://github.com/JenilRevaliya/ARGUS --skill seo-fundamentals-jenilrevaliya

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve? Web pages built with non-semantic markup, missing meta tags, or client-side-only rendering are invisible or poorly ranked by search engines, and manually auditing every page for SEO compliance is tedious and error-prone. ## Core Features & Use Cases - Automated SEO Auditing: Run the included seo_checker.py script to scan HTML, JSX, and TSX page files for missing titles, meta descriptions, Open Graph tags, multiple H1 tags, and images without alt attributes. - Next.js Metadata Implementation: Apply the Next.js Metadata API patterns for titles, canonical URLs, Open Graph, and Twitter cards instead of legacy next/head usage. - Structured Data Injection: Add Schema.org JSON-LD blocks (Products, Articles, Offers) to React components so search engines understand page content. - Use Case: Before launching a Next.js marketing site, run the checker across the app directory to catch missing meta descriptions and heading hierarchy violations, then implement the provided Metadata API and JSON-LD patterns to fix them. ## Quick Start Audit my project's pages for SEO issues and fix any missing meta tags, Open Graph tags, and heading hierarchy problems.

Frequently Asked Questions about seo-fundamentals

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

FAQPage Schema
How do I audit a website for SEO issues automatically?▼

Run the seo_checker.py script against your project path to scan HTML, JSX, and TSX page files. It reports missing title tags, meta descriptions, Open Graph tags, multiple H1 elements, and images lacking alt attributes, then exits with a JSON summary.

How to add meta tags in Next.js without next/head?▼

Use the Next.js Metadata API by exporting generateMetadata from your page component. Return an object with title, description, alternates.canonical, openGraph, and twitter card fields instead of scattering legacy next/head tags across components.

Does client-side rendering hurt SEO indexing?▼

Yes, CSR content is invisible to crawlers without JavaScript rendering. Use SSR or SSG for pages that need to be indexed so the full HTML document is delivered to search engine bots on the initial request.

Why is having multiple H1 tags bad for SEO?▼

Multiple H1 tags dilute the page's primary subject for search engines parsing the DOM outline. Use exactly one H1 per page and structure subsections with H2 through H6 without skipping heading levels.

How do I add JSON-LD structured data to a React component?▼

Build a Schema.org object (such as Product or Article) and inject it with a script tag of type application/ld+json using dangerouslySetInnerHTML. This lets search engines parse exact data like price, availability, and images directly.