How to optimize SEO in Bubble.io: Step-by-Step Guide

Open Google PageSpeed Insights (pagespeed.web.dev) and enter your Bubble app URL. Review the scores for mobile and desktop. Bubble apps often score low due to large page sizes. To improve: (1) Go to Plugins and remove any unused plugins — each plugin loads its code on every page regardless of usage. (2) Reduce element count per page — combine nested groups where possible. (3) Use Option Sets instead of database searches for static data like categories. (4) Compress and resize images before uploading — Bubble has image auto-compression but starting with optimized files is better. (5) Avoid Repeating Groups with more than 20 items on the initial page load — use pagination.

For each page, double-click the page background or go to the page settings. In the SEO / metatags section, set the Page title and Meta description using dynamic data. For a blog post page, set Page title to the dynamic expression for the post title followed by your site name. Set Meta description to the post summary. Add an OG image by setting the og:image tag to the dynamic image URL. For dynamic pages that load different content based on URL slug, these dynamic expressions ensure each URL gets unique meta tags rather than generic ones.

Drag an HTML element onto your page and make it invisible (uncheck 'This element is visible on page load'). Paste a JSON-LD structured data script inside it. For a blog post, use the Article schema. For a product, use the Product schema. Use dynamic expressions inside the HTML to populate the fields with your page content data — the headline, author name, published date, featured image, and description. Test the output with Google's Rich Results Test tool to verify the structured data is valid.

1<script type="application/ld+json">
2{
3  "@context": "https://schema.org",
4  "@type": "Article",
5  "headline": "[Dynamic: Current Page Post's Title]",
6  "author": {
7    "@type": "Person",
8    "name": "[Dynamic: Current Page Post's Author Name]"
9  },
10  "datePublished": "[Dynamic: Current Page Post's Created Date formatted as ISO 8601]",
11  "image": "[Dynamic: Current Page Post's Featured Image]",
12  "description": "[Dynamic: Current Page Post's Summary]"
13}
14</script>

Internal links help search engines discover and rank your pages. On your blog index page, ensure each post card in the Repeating Group links to the individual post page using a Link element (not just a workflow navigation). Set the Link destination to the dynamic page URL. On individual post pages, add a Related Posts section at the bottom showing 3-4 related posts from the same category. Use a Repeating Group with a data source of Do a Search for Posts with constraint: Category equals Current Page Post's Category, sorted by Created Date descending, limited to 4 items. This creates a web of interconnected pages that search engines can crawl.

Bubble automatically generates a sitemap at yourdomain.com/sitemap.xml that lists your static pages. For dynamic pages like blog posts, you may need to create a custom sitemap. Go to Google Search Console, select your property, and go to Sitemaps in the left sidebar. Enter your sitemap URL and click Submit. Monitor the Coverage report to see which pages are indexed and which have errors. Check for pages marked as Discovered but currently not indexed, which often indicates thin content or slow page speed. The Performance report shows your rankings, clicks, and impressions for specific queries.

If the same content is accessible at multiple URLs (e.g., with and without URL parameters), set a canonical URL to tell search engines which version to index. In Bubble, add an HTML element to the page header area with a link rel canonical tag pointing to your preferred URL. Use dynamic data to build the canonical URL based on the current page content slug. Also configure the Settings → SEO tab to set a canonical URL pattern for dynamic pages. This prevents duplicate content penalties from search engines.

1<link rel="canonical" href="https://yourdomain.com/post/[Dynamic: Current Page Post's Slug]" />