How to Use SEO Best Practices in Bubble

For each page in your app, go to the page's property editor (double-click the page background or select the page in Element Tree). In the Appearance tab, find the SEO/meta section. Set a unique Page title (50-60 characters) that includes your target keyword. Set a Meta description (120-155 characters) that describes the page content and encourages clicks. For dynamic pages like blog posts or product pages, use dynamic data: insert the record's title field into the Page title. Avoid duplicate titles across pages.

Every page should have exactly one H1 heading that describes the main topic. In Bubble, select a Text element and set its HTML tag to H1 in the element properties. Use H2 for section headings and H3 for sub-sections. Do not skip levels (no H1 then H3). Use headings for structure, not just visual size — set the HTML tag separately from the font size. For dynamic pages, set the H1 to the record's title field. This helps search engines understand your page structure and improves rankings for target keywords.

Clean URLs improve both SEO and user experience. For dynamic pages, use Bubble's slug feature. Add a slug field to your Data Type or use the built-in Slug field. When creating records, set the slug to a URL-friendly version of the title (lowercase, hyphens instead of spaces). Configure your dynamic page to use slugs in the URL instead of unique IDs. In the page type settings, enable 'Use slug in URL'. This changes URLs from yourapp.com/page/1234567890 to yourapp.com/page/your-keyword-rich-title.

For every Image element, add descriptive alt text in the element properties. Alt text should describe what the image shows in 5-10 words. For dynamic images, use the record's title or description field as alt text. Compress images before uploading (under 200KB for standard images). Use Imgix parameters for on-the-fly optimization. Add Open Graph meta tags for social sharing: set the OG Image, OG Title, and OG Description in the page's SEO settings for attractive link previews on social media.

Bubble does not auto-generate a sitemap, so you need to create one. Build a page or backend workflow that outputs XML listing all your public page URLs. Alternatively, use a sitemap generator service. Once you have a sitemap URL, go to Google Search Console, verify your domain (add a TXT record or HTML meta tag), then submit your sitemap URL under Sitemaps → Add a new sitemap. Monitor the Coverage report for indexing issues. Also set up the robots.txt in Bubble's Settings → SEO tab to allow crawling of public pages and block admin pages.