Incorrect SEO Metadata in Vibecoded Apps

View the page source or use an SEO audit tool to check metadata on every page. Look for pages that share the same title tag, missing or identical meta descriptions, and absent Open Graph or Twitter Card tags. Check that the canonical URL on each page points to itself, not to another page or a hardcoded localhost URL.

Preview how the page appears when shared on social media using tools like Facebook's Sharing Debugger or Twitter's Card Validator. If the preview shows wrong images, titles, or descriptions, the OG tags are incorrect. AI-generated apps frequently use the same OG image and description across all pages.

Crawl the site with a tool like Screaming Frog or use the browser to manually check the head section of each page. Compare title tags across pages — they should be unique and descriptive. Check if meta descriptions exist and are between 120 and 160 characters.

Test dynamic pages with different data. A product page or blog post should have metadata that reflects its specific content, not a generic template. AI tools often generate a single metadata configuration that applies to all instances of a page type rather than generating dynamic metadata based on the page content.

Use the framework's built-in metadata API. In Next.js, export a metadata object or generateMetadata function from each page. This ensures every route has unique, relevant metadata derived from its content. Never hardcode metadata that should be dynamic.

Create an SEO checklist: unique title (under 60 characters), unique description (120-160 characters), canonical URL, OG title, OG description, OG image (1200x630px), and Twitter Card tags. Validate each page against this checklist. Add structured data (JSON-LD) for content types like articles, products, and FAQs to improve search result presentation.