website-seo

Apply SEO best practices to web pages across Next.js, React, Vue, and static HTML.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/mattdowney/ai-skills --skill website-seo-mattdowney
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: website-seo
Source: https://github.com/mattdowney/ai-skills/tree/main/website-seo
Command: npx skills add https://github.com/mattdowney/ai-skills --skill website-seo-mattdowney

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Web projects often struggle with inconsistent SEO implementation, leading to missed meta, structured data, and performance optimizations that hinder visibility and user experience.

Core Features & Use Cases

  • Apply comprehensive SEO practices during page creation, updates, and audits, including meta tags, Open Graph, structured data, image optimization, and internal linking.
  • Ensure consistency across Next.js, React, HTML, and Vue projects with framework-agnostic guidelines and templates.
  • Use cases include optimizing new pages, auditing existing content, and validating SEO health with recommended tooling.

Quick Start

Create a page with optimized meta tags, structured data, and accessible images, then run a quick SEO audit.

Frequently Asked Questions about website-seo

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

FAQPage Schema
How do I add JSON-LD structured data and Open Graph meta tags to my Next.js or React web pages?

To add JSON-LD structured data and Open Graph tags, you apply framework-agnostic SEO templates during page creation. This ensures your Next.js, React, Vue, or static HTML pages consistently meet meta tag and social sharing standards.

What is the best way to audit existing web pages for missing SEO elements like canonical URLs and responsive images?

The best way to audit existing pages for SEO health is to evaluate them against best-practice guidelines for canonical URLs, responsive images, and structured data. This validates your content and identifies missed technical optimizations.

Does this SEO audit approach work with static HTML sites as well as Vue frameworks?

Yes, this approach works with static HTML sites and Vue frameworks. It provides framework-agnostic guidelines and templates to ensure consistent SEO practices across Next.js, React, Vue, and static HTML projects.

How do I optimize web page performance and internal linking during an SEO content update?

You optimize web page performance and internal linking by applying best-practice SEO standards during updates. This process implements responsive images, performance optimizations, and internal linking structures to improve search visibility.

When do I need to implement Twitter Card tags and canonical URLs for my web pages?

You need to implement Twitter Card tags and canonical URLs during page creation and updates to ensure technical and on-page factors meet standards. This prevents inconsistent SEO implementation and improves search visibility.

Why does my new web page lack search visibility despite having basic content?

Your web page lacks search visibility because it is missing comprehensive technical and on-page SEO factors. Implementing structured data, Open Graph tags, and performance optimizations ensures your pages consistently meet search engine standards.