Bubble SEO Guide: 5 Tips for Blog Post SEO

As someone’s who’s built up a decent amount of SEO knowledge from building BlogPronto as a blogging engine plugin for Bubble, I wanted to list out some SEO tips for you all that I’ve found helpful!

Tip 1: Put your blog on your primary domain

Most use cases I see for blogs on Bubble revolve around someone building a SAAS tool in Bubble, and wanting to write blog posts to boost it in Google. The main mistake you don’t want to make is building your blog on a subdomain!

Google will treat your blog and main domain as two completely different sites - so, even if people start reading all of your blog posts, the actual site you’re trying to boost in the first place won’t get all the SEO benefits.

This was my main reason for making BlogPronto - since everything has to be handled in Bubble, I designed quick copy/paste blog templates and adapted a content editor to hook into your Bubble app’s endpoints.

Tip 2: Sign up for ahrefs free site audits

Totally free tool, and it’ll scan your site to see where any SEO improvements can be made. I do this for all my sites.

Make sure you toggle “Execute Javascript” on in your site audit settings since Bubble relies on this.
CleanShot 2023-10-05 at 09.37.57

Tip 3: Make sure you have internal linking (not buttons)

I learned this one the hard way. Google indexes your site and finds all your blog posts through links. If you create a button with a on-click workflow, Google views that as a dead end, even though they seem the same visually on the front end.

Tip 4: Abide by character limits

Double check and make sure your meta descriptions are between 140-160 characters. That free ahrefs audit will show you posts that are above this, but it’s an easy thing to forget when they’re created dynamically. In BlogPronto, I provide a Google preview with character limits in the editor:

Tip 5: Use structured schema when you can

I’m thinking about making a mini-tool on BlogPronto for this honestly because it gets a bit complicated, but adding a script to your blog post’s page HTML header in Bubble is a great way for your content to stand out in Google.

As an example, I run a trivia site where I format the breadcrumb and pass through a review rating to Google as schema. Here’s a screenshot from the editor:

Here’s how it looks in Google:
CleanShot 2023-10-05 at 09.58.50

There’s tons of types of formatted data you can send Google - check out their guide here on how to do it: Google Schema Guide

Have any other good tips? List them below!

14 Likes

Bookmarked :smiley:

Thanks for sharing!

3 Likes

But the buttons or text structured as a button for your user to use for navigation, as you can make use of the Go to Page workflow action and simply change parameters (likely not what you would be doing if SEO is important as parameters are no bueno for SEO) or changing your path list (if you have a single page that is only for a blog article then you would essentially just have to use the data to send component and ensure your page has a content type set)…if you have a page that is for both your blog article search (ie: list of all articles) and your blog article then you can still use the content type on the page, but will struggle to have any good SEO for the page when it is a list of articles…what I do, as I have a single page that is for the list of articles and a blog post and I have a multilanguage site, I don’t set a content type and I use the data to send to send text to format my path list as I need.

BUT, you DO NEED the LINKS! So put the link on the page and use the send to back feature to put it behind the button or text the user clicks…this way you get best of both worlds…the speed of go to page workflow action and the internal links on page for Google SEO.

Use it for the articles but also the article search page as well and attempt to get it setup for each blog category you have.

OTHER TIPS:

A. Make sure you have your blog on your Bubble app setup so you can take advantage of Header tags of text elements, ALT text for images and Captions for images.

B. Make sure your blog page has links to other blog articles similar in content. In mine, I have a must read article that floats on the right as the user scrolls (if on large enough device) as well as a list of 3 related articles at bottom (related through category) with a next article and previous article carousel.

C. Use the Structured Data testing tool on schema.org to verify your structured data is setup properly.

D. Use rich results test by Google to make sure google is picking up the structured data properly.

E. Use an SEO extension to quickly check your SEO data.

F. Have social sharing links on the article pages. On my blog I have a social sharing link right at the top of the article, I have a social sharing links for the article in the floating right of ‘must read’ as well as social sharing links at the end of the article.

G. Use Facebook API to share a summary of the article with a link to the article automatically after it is posted.

H. Ensure you add your sitemap to Google before you start requesting Google to crawl your pages.

I. Use AI to help you generate more quality content faster…and if you’ve got the know-how, put your entire content generation, publishing and sharing on auto-drive; It is better than sleeping at the wheel of a Tesla.

2 Likes

Links does not work on SPA’s ,it loads the page entirely again thus introducing slowness and additional WU cost

If you follow what I posted as a tip, then you have a solution for an SPA

2 Likes

So,basically you want me to put a link and a button on top of each other and bring button forward, that way users will click the button and crawlers will be able to see the link ? .If you say this works than this works. (I have seen you under almost any SEO related post so I trust you)

1 Like

Good tips in here, thanks @boston85719 . I use a fixed sidebar in one of BlogPronto’s copy/paste templates, as I’ve found that to be helpful for people as well.

Do you have a go-to SEO extension?

While not ideal to have to include both buttons and links, this solution makes sense for SPA’s - buttons for the user, links for the crawler.

I think the way I would do this at scale is to create a reusable element with your button and link in it.

So, you would have both elements like this:

CleanShot 2023-10-09 at 10.01.41

Then select both of these elements, group them as “align to parent”, align both top left, and bring the button to front.

CleanShot 2023-10-09 at 10.05.03

Select your new group, and “Create a reusable element”. You can then use the same formatting each time, and detach the element to add your workflows/links.

1 Like

So you recommend same thing sa boston ? , I will use it , I thought about this but didn’t use it , I thought crawlers wouldn’t see it as humans .

I use a free one called SEO Meta in 1 Click

1 Like

Can text elements that function as links be as effective as dedicated link elements for SEO, or should they be converted to “Link” elements?

@Benjamin_Rodgers I recommend converting to link elements. Similar to a button with a workflow action, a crawler might have a hard time scanning your site if it’s text elements with click actions.

1 Like

Does adding privacy settings in Bubble affect the effectiveness of structured schema for content that is publicly visible?

@Benjamin_Rodgers Possibly! Depends on how your privacy settings are set up and what you’re trying to display.

Likely in your schema, you’re displaying dynamic information depending on the page - that information may not be available to you, especially if you’re doing a search for a piece of information with privacy rules.

One way to check is to use the Schema Markup Testing Tool - if the information you’re trying to display shows up as “null” or empty, it might be a privacy rule issue.

1 Like