SEO & Marketing Featured

Base44 SEO Setup Prompt Using react-helmet-async

Elevate your Base44 app's SEO with a comprehensive setup using react-helmet-async.

How to use this prompt

Base44 SEO Setup Prompt Using react-helmet-async

Overview

This prompt enables developers to seamlessly integrate advanced SEO features into their Base44 applications using

react-helmet-async

. With this setup, you can enhance your app's visibility on search engines and social platforms by adding unique titles, meta descriptions, and more.

When to Use This Prompt

When your Base44 app has a single global title and lacks proper SEO setup.
Before launching or updating public-facing pages to ensure optimal visibility.
After making structural changes to the app to maintain SEO integrity.

What to Expect

A complete SEO report detailing all optimizations and issues.
Automatic configuration of
```
react-helmet-async
```
if not already installed.
Unique SEO metadata added for all public pages, with private pages marked as noindex.

Recommended Workflow

Prepare Your App: Ensure your app is stable and backed up by committing your changes with Sonnet 4.6.
Run the Prompt: Use the prompt to scan your app and implement SEO settings.
Review the Report: Check the generated SEO report for details on changes made and SEO issues needing your attention.
Spot-Check Pages: Verify titles and descriptions on 3-4 public pages to ensure quality and relevance.
Test Social Shares: Use debugger tools on platforms like LinkedIn and Facebook to confirm proper display of metadata.
Update Google Search Console: Submit the revised sitemap for improved site indexing.

Essential Tips

Maintain natural, conversion-focused language in your metadata.
Regularly check for missing alt text and weak heading structures to enhance content quality.
Use the SEO report as a living checklist for ongoing SEO improvements.

By implementing this prompt, you ensure a solid SEO foundation for your Base44 app, driving more traffic and improving user engagement.

The prompt

Scan my entire Base44 app and improve the SEO setup using react-helmet-async.

Do not change my app's core functionality, routes, data logic, forms, auth logic, permissions, styling system, or business workflows.

Your job is to add or improve SEO metadata across the app.

First, scan the full app and identify:

- All public pages
- All private/authenticated pages
- Current routing structure
- Existing title tags
- Existing meta descriptions
- Existing social sharing metadata
- Existing Open Graph tags
- Existing Twitter/X card tags
- Existing canonical tags
- Any pages missing SEO metadata
- Any duplicated titles or descriptions
- Any pages that should be marked noindex
- Any dynamic pages that need dynamic SEO values

Then install and configure react-helmet-async if it is not already installed.

Set up the app correctly by:

- Importing HelmetProvider
- Wrapping the app with HelmetProvider at the correct root level
- Creating a reusable SEO component
- Making the SEO component easy to use on every page
- Keeping the implementation clean and maintainable

Create a reusable SEO component that supports:

- Page title
- Meta description
- Canonical URL
- Open Graph title
- Open Graph description
- Open Graph image
- Open Graph type
- Twitter/X card title
- Twitter/X card description
- Twitter/X image
- Noindex option
- Structured data support when needed

Then update every public-facing page with unique SEO metadata.

For each public page, add:

- A unique page title
- A clear meta description
- Open Graph tags
- Twitter/X card tags
- Canonical URL
- Relevant noindex settings if needed

Important rules:

- Do not add SEO metadata to private dashboard pages unless needed.
- Mark private app pages, admin pages, account pages, login pages, checkout pages, and user-specific pages as noindex when appropriate.
- Do not create duplicate titles across important public pages.
- Do not use generic descriptions.
- Do not stuff keywords.
- Keep titles under 60 characters when possible.
- Keep descriptions around 140–160 characters when possible.
- Use natural, conversion-focused SEO copy.
- Make sure social previews look clean when shared.

Also check for:

- Missing alt text on important images
- Weak heading structure
- Pages with more than one H1
- Pages with no H1
- Public pages with poor content hierarchy
- Broken or empty meta values
- Hardcoded placeholder SEO text
- Pages that should have stronger keyword targeting

After implementation, give me a final SEO report that includes:

- Pages updated
- SEO metadata added per page
- Pages marked noindex
- Any SEO issues found
- Any SEO issues fixed
- Any SEO issues that still need manual review
- Recommendations for future SEO improvements

Remember:

This is an SEO implementation task only.

Do not redesign the app.
Do not change app functionality.
Do not change user flows.
Do not modify permissions.
Do not remove content.
Do not rewrite entire pages unless it is required only for proper headings or SEO structure.

SEO & Marketing