How to configure SEO settings for your web app

This article teaches you how to configure search engine optimization (SEO) settings for your Fliplet web app. You’ll learn how to enable or disable search engine indexing, edit your robots.txt file, add meta tags, set custom 404 pages, and configure SEO settings for individual screens. These features are new to Fliplet and aim to help you improve your app’s discoverability in search results.

Get started

1. Control search engine indexing
2. Customize your robots.txt file
3. Add HTML meta tags
4. Set up a custom 404 page
5. Configure screen-specific SEO settings

Step 1 – Control search engine indexing

1. Open Fliplet Studio
2. Click to open the relevant app
3. Click your app name in the top-left to open App Settings
4. Go to the SEO tab
   
5. Locate the Allow search engines checkbox
6. To allow indexing: check the box
7. To block indexing: uncheck the box

???? Tip: Disabling indexing is helpful during development or for private apps.

Exclude specific screens from indexing

1. In the SEO tab, find Screens to exclude from indexing
2. Click the Select screens dropdown
3. Click screen names to exclude them from indexing
4. Click outside the menu to confirm

???? Note: All screens are indexable by default if search engines are enabled.

Exclude specific files from indexing

1. In the SEO tab, find Files to exclude from indexing
2. Click the Select files dropdown
3. Click file names to exclude them from indexing
4. Click outside the menu to confirm

???? Note: Useful for hiding PDFs, images, or documents from search engines.

Step 2 – Customize your robots.txt file

1. In the SEO tab, find the robots.txt configuration section
2. Click Access robots.txt and manage it
3. Edit the file using standard robots.txt syntax
4. Save your changes (Assume a save or update button exists in the interface)

???? Note: This file gives fine-grained control over crawler access. Refer to Google’s robots.txt documentation for syntax help.

Step 3 – Add HTML meta tags

1. In the SEO tab, find the HTML meta tags section
2. In the provided textarea, enter your meta tags (e.g., <meta name=”description” content=”Your app description”>)
3. You may enter multiple tags on new lines
4. Scroll down and click Save to apply changes

✨ SEO Tip: Use meta tags to influence how your content appears in search engines.

Step 4 – Set up a custom 404 page

1. In the SEO tab, find the 404 page section
2. Check Use custom screen
3. Use the Select screen dropdown to pick your 404 screen
4. Scroll down and click Save

???? Design Tip: Make your 404 page helpful with links and a friendly tone.

Step 5 – Configure screen-specific SEO settings

1. Open Fliplet Studio
2. Navigate to your app’s screen list
3. Click the screen you want to configure
4. Open the screen’s Settings or Properties panel
5. Look for a section labeled SEO or Search Engine Optimization

Set a screen title

1. Find the Page Title or SEO Title field
2. Enter a concise, keyword-rich title

✨ SEO Tip: Keep titles under 60 characters to avoid truncation in search results.

Set a screen description

1. Find the Meta Description field
2. Write a brief summary of the screen’s content

✨ SEO Tip: Aim for 150–160 characters. Make it engaging and action-oriented.

Set a custom URL (if supported)

1. Look for Custom URL or Slug
2. Enter a hyphenated URL path (e.g., /about-us)
3. Save your screen settings (assume auto-save or check for a “Save” button)

Conclusion

Congratulations! You’ve configured SEO settings for your Fliplet web app. You can now control how your app appears in search results and help more users find it. Remember to click the Save button in the SEO tab to apply all changes.