SEO

Add SEO metadata to the homepage with:
- Title: "MyApp - Build Apps Faster"
- Description: "Create beautiful web apps in minutes with AI"
- Open Graph tags for social sharing

// app/page.tsx
export const metadata = {
  title: 'MyApp - Build Apps Faster',
  description: 'Create beautiful web apps in minutes with AI',
  openGraph: {
    title: 'MyApp - Build Apps Faster',
    description: 'Create beautiful web apps in minutes with AI',
    images: ['/og-image.png'],
  },
};

"Update page titles to be SEO-friendly:
- Home: 'AI App Builder | MyApp'
- Pricing: 'Simple Pricing Plans | MyApp'
- About: 'About Us | MyApp'"

H1 - Main page title (one per page)
  H2 - Major sections
    H3 - Subsections

"Fix the heading structure on the homepage.
There should be only one H1, and sections should use H2."

"Add a sitemap.xml that includes all public pages"

// app/sitemap.ts
export default function sitemap() {
  return [
    { url: 'https://myapp.com', lastModified: new Date() },
    { url: 'https://myapp.com/pricing', lastModified: new Date() },
    { url: 'https://myapp.com/about', lastModified: new Date() },
  ];
}

"Add a robots.txt that allows all crawlers but blocks /api and /dashboard"

// app/robots.ts
export default function robots() {
  return {
    rules: { userAgent: '*', allow: '/', disallow: ['/api/', '/dashboard/'] },
    sitemap: 'https://myapp.com/sitemap.xml',
  };
}

export const metadata = {
  alternates: {
    canonical: 'https://myapp.com/page',
  },
};

"Convert all images to use Next.js Image component
with proper width, height, and alt text"

"Optimize the page for Core Web Vitals.
Add loading skeletons and optimize images."

"Use semantic HTML elements:
- nav for navigation
- main for main content
- article for blog posts
- section for content sections
- footer for footer"

"Add descriptive alt text to all images for accessibility and SEO"

<!-- Bad -->
<img alt="image1" />

<!-- Good -->
<img alt="Dashboard showing user analytics with charts" />

"Add internal links from the homepage to feature pages
and from blog posts to related content"

openGraph: {
  title: 'Page Title',
  description: 'Page description',
  images: [
    {
      url: '/og-image.png',
      width: 1200,
      height: 630,
    },
  ],
},

twitter: {
  card: 'summary_large_image',
  title: 'Page Title',
  description: 'Page description',
  images: ['/twitter-image.png'],
},

"Create an Open Graph image template for the homepage
that shows the app name and tagline"

"Add Organization structured data with our company name,
logo, and social profiles"

"Add FAQ structured data to the FAQ page so it can
appear in Google's rich results"

"Add Product structured data to product pages with
name, price, and availability"

"Add Google Search Console verification meta tag"