repl-seo-optimizer

Fix on-page SEO and crawler metadata in Replit-built React/Vite apps.

Updated Apr 25, 2026
One-click install
npx skills add https://github.com/naopensedoit2-design/Claramente-nao-sou-um-Escritor --skill repl-seo-optimizer-naopensedoit2-design
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: repl-seo-optimizer
Source: https://github.com/naopensedoit2-design/Claramente-nao-sou-um-Escritor/tree/main/.local/secondary_skills/repl-seo-optimizer
Command: npx skills add https://github.com/naopensedoit2-design/Claramente-nao-sou-um-Escritor --skill repl-seo-optimizer-naopensedoit2-design

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you fix common SEO problems in a Replit-built web app so it can be crawled and indexed correctly, including missing meta tags, weak social sharing metadata, and SPA-specific discoverability issues.

Core Features & Use Cases

  • On-code SEO remediation: Reads your actual project codebase and implements missing SEO foundations (title/description, headings, semantics).
  • Social sharing improvements: Adds/aligns Open Graph and Twitter Card meta tags for consistent previews.
  • Crawlability & technical SEO: Sets up robots.txt, sitemap.xml, and canonical URLs, and addresses SPA routing/SEO pitfalls.
  • Structured data support: Adds JSON-LD schema markup suited to your site type (content/blog, business, SaaS, etc.).
  • Use case: Fix a newly deployed site that shows empty previews or fails to appear in search results because its SPA shell/meta tags aren’t crawlable.

Quick Start

Ask the AI to review your Replit app’s code and implement SEO fixes for meta tags, Open Graph/Twitter cards, sitemap/robots, canonical URLs, structured data, and SPA routing for crawler-friendly rendering.

Frequently Asked Questions about repl-seo-optimizer

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

FAQPage Schema
How do I fix SEO issues in a React or Vite SPA deployed on Replit?▼

Fix SPA SEO by reading the project structure to update HTML head tags, semantic elements, and route behavior, ensuring crawlers see meaningful content instead of a blank shell and pages avoid SPA blank-shell indexing.

Why does my single page application show blank previews when shared on social media?▼

Blank social previews happen when SPA shells lack crawlable Open Graph and Twitter Card meta tags. Adding and aligning these tags in the HTML head ensures consistent social sharing previews.

How do I add structured data and JSON-LD schema to my web app?▼

Add JSON-LD structured data by injecting schema markup suited to your site type, such as content, blog, business, or SaaS. This helps search engines understand page context and improves technical SEO discoverability.

What's the best way to set up crawlability assets like sitemap.xml and robots.txt for my app?▼

Set up crawlability by generating robots.txt and sitemap.xml files alongside canonical URLs. This ensures search engine crawlers can properly access and index your web app pages without routing blocks.

Does this SEO optimizer work with non-hash routing in React SPAs?▼

Yes, it addresses SPA routing pitfalls by handling non-hash routing or pre-render and SSR-style rendering. This ensures crawlers receive meaningful content and pages avoid blank-shell indexing issues.