From sundial-org-awesome-openclaw-skills-4
Analyzes HTML/CSS websites for SEO issues like missing meta tags, headings, images, schema markup; generates reports via Python script and implements fixes including sitemaps.
npx claudepluginhub joshuarweaver/cascade-ai-ml-agents-misc-2 --plugin sundial-org-awesome-openclaw-skills-4This skill uses the workspace's default tool permissions.
This skill provides comprehensive SEO optimization capabilities for HTML/CSS websites. It analyzes websites for SEO issues, implements best practices, and generates optimization reports covering all critical SEO aspects including meta tags, heading structure, image optimization, schema markup, mobile optimization, and technical SEO.
Guides Next.js Cache Components and Partial Prerendering (PPR) with cacheComponents enabled. Implements 'use cache', cacheLife(), cacheTag(), revalidateTag(), static/dynamic optimization, and cache debugging.
Guides building MCP servers enabling LLMs to interact with external services via tools. Covers best practices, TypeScript/Node (MCP SDK), Python (FastMCP).
Generates original PNG/PDF visual art via design philosophy manifestos for posters, graphics, and static designs on user request.
This skill provides comprehensive SEO optimization capabilities for HTML/CSS websites. It analyzes websites for SEO issues, implements best practices, and generates optimization reports covering all critical SEO aspects including meta tags, heading structure, image optimization, schema markup, mobile optimization, and technical SEO.
Use this skill when the user requests:
Start with comprehensive analysis using the SEO analyzer script:
python scripts/seo_analyzer.py <directory_or_file>
This script analyzes HTML files and generates a detailed report covering:
Output Options:
--json: Machine-readable JSON format for programmatic processingExample Usage:
# Analyze single file
python scripts/seo_analyzer.py index.html
# Analyze entire directory
python scripts/seo_analyzer.py ./public
# Get JSON output
python scripts/seo_analyzer.py ./public --json
The analyzer categorizes findings into three levels:
Critical Issues (๐ด) - Fix immediately:
Warnings (โ ๏ธ) - Fix soon for optimal SEO:
Good Practices (โ ) - Already optimized:
Address issues in priority order:
Missing or Poor Title Tags:
<!-- Add unique, descriptive title to <head> -->
<title>Primary Keyword - Secondary Keyword | Brand Name</title>
Missing Meta Descriptions:
<!-- Add compelling description to <head> -->
<meta name="description" content="Clear, concise description that includes target keywords and encourages clicks. 150-160 characters.">
Missing H1 or Multiple H1s:
Images Without Alt Text:
<!-- Add descriptive alt text to all images -->
<img src="image.jpg" alt="Descriptive text explaining image content">
Missing HTML Lang Attribute:
<!-- Add to opening <html> tag -->
<html lang="en">
Viewport Meta Tag (critical for mobile SEO):
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Charset Declaration:
<meta charset="UTF-8">
Open Graph Tags (for social media sharing):
<meta property="og:title" content="Your Page Title">
<meta property="og:description" content="Your page description">
<meta property="og:image" content="https://example.com/image.jpg">
<meta property="og:url" content="https://example.com/page-url">
<meta property="og:type" content="website">
Twitter Card Tags:
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Your Page Title">
<meta name="twitter:description" content="Your page description">
<meta name="twitter:image" content="https://example.com/image.jpg">
Canonical URL:
<link rel="canonical" href="https://example.com/preferred-url">
Schema Markup - Refer to references/schema_markup_guide.md for detailed implementation. Common types:
Example implementation:
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "Article Title",
"author": {
"@type": "Person",
"name": "Author Name"
},
"datePublished": "2024-01-15",
"image": "https://example.com/image.jpg"
}
</script>
After fixing issues, generate an XML sitemap:
python scripts/generate_sitemap.py <directory> <base_url> [output_file]
Example:
# Generate sitemap for website
python scripts/generate_sitemap.py ./public https://example.com
# Specify output location
python scripts/generate_sitemap.py ./public https://example.com ./public/sitemap.xml
The script:
After generation:
Use the template from assets/robots.txt and customize:
User-agent: *
Allow: /
# Block sensitive directories
Disallow: /admin/
Disallow: /private/
# Reference your sitemap
Sitemap: https://yourdomain.com/sitemap.xml
Place robots.txt in website root directory.
After implementing fixes:
Local Testing:
Online Testing:
Regular maintenance:
For a brand new HTML/CSS website:
python scripts/seo_analyzer.py ./publicpython scripts/generate_sitemap.py ./public https://yourdomain.comFor an existing website needing optimization:
python scripts/seo_analyzer.py ./publicFor optimizing a specific page:
python scripts/seo_analyzer.py page.htmlFor blog posts and articles:
references/schema_markup_guide.md)references/seo_checklist.md:
Comprehensive checklist covering all SEO aspects:
Reference this for detailed specifications on any SEO element.
references/schema_markup_guide.md:
Complete guide for implementing schema.org structured data:
Reference this when implementing schema markup for any content type.
scripts/seo_analyzer.py:
Python script for automated SEO analysis. Analyzes HTML files for common issues and generates detailed reports. Can output text or JSON format. Deterministic and reliable for repeated analysis.
scripts/generate_sitemap.py:
Python script for generating XML sitemaps. Automatically crawls directories, estimates priorities and change frequencies, and generates properly formatted sitemaps ready for submission to search engines.
assets/robots.txt:
Template robots.txt file with common configurations and comments. Customize for specific needs and place in website root directory.
User-First: Optimize for users first, search engines second. Good user experience leads to better SEO.
Unique Content: Every page should have unique title, description, and H1. Duplicate content hurts SEO.
Mobile-First: Google uses mobile-first indexing. Always include viewport meta tag and ensure mobile responsiveness.
Accessibility = SEO: Accessible websites (alt text, semantic HTML, proper headings) rank better.
Quality Over Quantity: Substantial, valuable content ranks better than thin content. Aim for comprehensive pages.
Technical Foundation: Fix critical technical issues (missing tags, broken structure) before advanced optimization.
Structured Data: Schema markup helps search engines understand content and can lead to rich results.
Regular Updates: SEO is ongoing. Keep content fresh, monitor analytics, and adapt to algorithm changes.
Natural Language: Write for humans using natural language. Avoid keyword stuffing.
Validation: Always validate changes with testing tools before deploying to production.
<header>, <nav>, <main>, <article>, <aside>, <footer>)# Analyze single file
python scripts/seo_analyzer.py index.html
# Analyze entire website
python scripts/seo_analyzer.py ./public
# Generate sitemap
python scripts/generate_sitemap.py ./public https://example.com
# Get JSON analysis output
python scripts/seo_analyzer.py ./public --json