Menu
Review and fix SEO issues in your Replit app's code before launch (meta tags, Open Graph, sitemap, structured data, SPA fixes)
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Design static ad creatives for social media and display advertising campaigns.
Source and evaluate candidates with job analysis, search strategies, specific candidate profiles, outreach templates, CV screening, and Gmail-based candidate communication.
Find relevant companies and leads for B2B sales with ICP definition and qualification frameworks.
Draft emails, manage calendar scheduling, prepare meeting agendas, track tasks, manage contacts, coordinate travel, and organize productivity
Create brand identity kits with color palettes, typography, logo concepts, brand naming, and brand guidelines.
Perform competitive market analysis with feature comparisons, positioning, and strategic recommendations.
| name | repl-seo-optimizer |
| description | Review and fix SEO issues in your Replit app's code before launch (meta tags, Open Graph, sitemap, structured data, SPA fixes) |
Review a Replit-built website or web app and implement SEO improvements directly in the code before launch.
This is a hands-on skill. Don't just list recommendations — read the code, identify what's missing, and implement the fixes directly.
Read the project structure to identify:
index.html, public/index.html, etc.<head> content — meta tags, title, Open Graph tagsTitle & Meta Description:
<title> (50-60 chars) with primary keyword near the start<meta name="description"> (150-160 chars) with a clear value propositiondocument.title or react-helmet / react-helmet-async)Heading Structure:
<h1> per page/route containing the primary keywordSemantic HTML:
<div> wrappers with <header>, <main>, <nav>, <footer>, <article>, <section> where appropriate<a> for navigation links, not click-handler divs<button> for actions, <a> for navigationAdd to <head> on every page (or the SPA shell):
<meta property="og:title" content="Page Title">
<meta property="og:description" content="Page description">
<meta property="og:image" content="https://yourdomain.com/og-image.png">
<meta property="og:url" content="https://yourdomain.com/page">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Page Title">
<meta name="twitter:description" content="Page description">
<meta name="twitter:image" content="https://yourdomain.com/og-image.png">
For SPAs, these must be set server-side or via pre-rendering for crawlers to see them.
Image Optimization:
<img> tags need alt attributes (descriptive, not "image1")width and height attributes to prevent CLSloading="lazy" on below-the-fold imagesLink Quality:
rel="noopener noreferrer" and consider target="_blank"Performance (SEO-impacting):
font-display: swap in @font-face rules<script defer> or dynamic imports<head>robots.txt — create at project root / public directory:
User-agent: *
Allow: /
Sitemap: https://yourdomain.com/sitemap.xml
sitemap.xml — create listing all public pages:
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>https://yourdomain.com/</loc>
<changefreq>weekly</changefreq>
<priority>1.0</priority>
</url>
<!-- Add all public routes -->
</urlset>
For dynamic sites, generate the sitemap from your routes programmatically.
Canonical URLs:
<link rel="canonical" href="https://yourdomain.com/current-page"> to each pageSingle-page apps (React, Vue, etc.) have unique SEO challenges:
Problem: Crawlers may not execute JavaScript, so they see an empty <div id="root">.
Solutions (in order of preference):
react-snap, prerender-spa-plugin)SPA Routing:
/#/about), switch to browser history routing (/about) — search engines ignore hash fragmentsAdd JSON-LD schema markup in a <script type="application/ld+json"> block. Choose based on site type:
| Site Type | Schema |
|---|---|
| Business / SaaS | Organization, WebSite, WebApplication |
| Blog / Content | Article, BlogPosting, BreadcrumbList |
| Product / Store | Product, Offer, AggregateRating |
| Portfolio | Person, CreativeWork |
| Local business | LocalBusiness, PostalAddress |
Example for a SaaS landing page:
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebApplication",
"name": "App Name",
"description": "What the app does",
"url": "https://yourdomain.com",
"applicationCategory": "Category",
"operatingSystem": "Web"
}
</script>
Run through before deploying:
<title> and <meta name="description"><h1> per page with relevant keywordalt text and dimensions<main>, <nav>, <header>, <footer>)robots.txt exists and allows crawlingsitemap.xml exists and lists all public pagesfont-display: swaploading="lazy"Always present key findings and recommendations as a plaintext summary in chat, even when also generating files. The user should be able to understand the results without opening any files.