> ## Documentation Index
> Fetch the complete documentation index at: https://docs.hypeframe.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# SEO and mobile optimization

> HypeFrame automatically creates SEO-friendly, mobile-responsive websites. Learn how your applications are optimized for search engines and mobile devices.

## Automatic SEO optimization

When HypeFrame builds your application, it automatically:

* **Adds SEO files** - Creates `robot.tsx` and `sitemap.xml` automatically
* **Follows SEO best practices** - Implements proper meta tags, headings, and structure
* **Mobile responsive design** - Ensures your website works perfectly on all devices
* **Performance optimization** - Builds fast-loading pages that search engines favor

<Info>
  You don't need to manually configure SEO settings. HypeFrame's agent
  automatically optimizes your websites for search engines and mobile devices.
</Info>

## SEO files created automatically

HypeFrame automatically generates the essential SEO files for your website:

### robot.tsx

The `robot.tsx` file tells search engines how to crawl and index your website. HypeFrame creates this file automatically with the appropriate settings.

### sitemap.xml

The `sitemap.xml` file helps search engines discover and understand all the pages on your website. HypeFrame generates this automatically based on your site structure.

<Info>
  These files are created automatically when you build your application. You
  don't need to create or configure them manually.
</Info>

## SEO best practices

HypeFrame follows SEO-friendly practices automatically:

* **Proper HTML structure** - Uses semantic HTML and correct heading hierarchy
* **Meta tags** - Adds appropriate meta descriptions and titles
* **Alt text** - Includes alt text for images
* **Clean URLs** - Creates user-friendly, descriptive URLs
* **Fast loading** - Optimizes code for quick page loads
* **Mobile-first** - Designs with mobile devices in mind

## Mobile responsive design

All websites built with HypeFrame are automatically mobile-responsive:

* **Works on all devices** - Your website looks great on phones, tablets, and desktops
* **Touch-friendly** - Buttons and interactive elements are sized for mobile use
* **Responsive layouts** - Content adapts to different screen sizes automatically
* **Fast mobile performance** - Optimized for quick loading on mobile networks

<Check>
  Every HypeFrame website is mobile-responsive by default. You don't need to do
  anything extra to make it work on mobile devices.
</Check>

## How it works

When you ask HypeFrame to build a website:

1. **Automatic SEO setup** - HypeFrame adds all necessary SEO files and configurations
2. **Mobile-first approach** - Designs are created with mobile devices as the priority
3. **Best practices applied** - SEO and responsive design best practices are followed automatically
4. **Ready to deploy** - Your website is optimized and ready to go live

You don't need to:

* Manually add SEO files
* Configure robots.txt or sitemap
* Write responsive CSS
* Test on different devices
* Optimize for mobile

HypeFrame handles all of this automatically.

## Customizing SEO

While HypeFrame sets up SEO automatically, you can customize it:

> "Add a custom meta description for the homepage"

> "Update the sitemap to include all pages"

> "Change the robots.txt settings to allow all search engines"

Just ask HypeFrame to make any SEO adjustments you need.

## Testing your SEO

After your website is deployed, you can:

* **Check mobile responsiveness** - View your site on different devices
* **Test page speed** - Use tools like Google PageSpeed Insights
* **Verify SEO files** - Check that robot.tsx and sitemap.xml are accessible
* **Review meta tags** - Inspect your pages to see the SEO tags

<Info>
  All SEO optimizations are applied automatically, but you can always ask
  HypeFrame to make adjustments or improvements.
</Info>

## Best practices for better SEO

While HypeFrame handles the technical SEO, you can improve your content:

* **Write clear descriptions** - Describe your pages and features clearly
* **Use descriptive titles** - Ask HypeFrame to add meaningful page titles
* **Include relevant content** - Provide useful, relevant content on your pages
* **Keep it updated** - Regularly update your content to keep it fresh

## Troubleshooting

### SEO files not appearing

If you don't see the SEO files:

* Make sure your project has been built
* Check that you've deployed your application
* Verify the files are in the correct location
* Ask HypeFrame to regenerate the SEO files if needed

### Mobile layout issues

If your site doesn't look right on mobile:

* Ask HypeFrame to fix the responsive design
* Request mobile-specific adjustments
* Check that all components are mobile-friendly
* Test on different screen sizes

### SEO not working

If you're having SEO issues:

* Verify your site is deployed
* Check that SEO files are accessible
* Make sure meta tags are properly set
* Ask HypeFrame to review and improve SEO settings

## Need help?

<Info>
  Questions about SEO or mobile optimization? Need help with SEO settings? Reach
  out at [contact@hypeframe.ai](mailto:contact@hypeframe.ai) for assistance.
</Info>