Creating a friendly or easily readable url

hey john - did you ever figure out how to dynamically change the SEO tags using this method? Would love an example or explanation.

I’m wondering how to dynamically update the meta tags in the Page Header HTML. So, if I have a /explore page and want to use friendly URL /explore/cars, it’s easy enough to paste a default in the explore page’s Page Header HTML:
meta name=“description” content=“this is the cars page”
meta name=“twitter:card” content=“summary_large_image”
meta property=“og:site_name” content=“TLB - Home” /
meta name=“twitter:site_name” content=“TLB - Home” /
meta property=“og:description” content=“this is the cars page” /
meta name=“twitter:description” content=“this is the cars page” /
meta property=“og:url” content=“https://tlboard.bubbleapps.io/version-test/explore/cars” /
meta property=“og:type” content=“website” /

But how do I change this HTML when the page is explore/trucks?

No I never found a way as the issue is you are limited to what bubble will accept for dynamic search:

You see here your only choices are Current User or App Text so you can’t go search the database for relevant terms that apply to that page. You could play around with Current User to try and load the SEO terms into it - but I found it wasn’t stable in what it returned unfortunatley.

Right that’s the problem I ran into - there is no clear way to do that unfortunately that I could find :frowning:

Thank for your post. It’s almost what I am trying to do.
How to change the URL that is automatically assigned, with value from one input?
So instead of domain.tld/page/randomuserstring to have domain.tld/page/businessNameInput’sValue

Thank you in advance!

I wrote a response on how to do this here Creating a friendly or easily readable url give it a try - it should solve your problem :slight_smile:

Hi @john3,

I followed your solution to make my url readable. It is working perfect for me.

But I have an issue.

As per your screenshots reference, “Alcohol” is your category which is one single word. If the category is only one word, this is working fine for me but if the category is two words or more than two then it is not showing relevant data.

For example, if the category is “Red wine” instead of “Alcohol”, then the url appears like www.example.com/industry/Red wine

In above URL there is a space but the Url doesn’t support spaces.

Can you please suggest me how did you overcome this issue ?

Thanks in advance.

Glad that it helped you as this is not too easy to figure out.

So for spaces there is a extra step you need to do.

In the workflow of whatever you use to create the url you need to check for spaces and remove them. Replace them with the “_” and it will “magically” work. I know not obvious so that’s why we’re here to help each other :slight_smile: Be sure to type the [space bar] for the space character in the what to find portion.

In the example below I check 3 times for 3 spaces so you can add more or less depending on how many spaces you think your words will have.

Hope this helps…

1 Like

Thank you so much @john3.

I have placed only one “find & replace” and that worked for me :smiley:

Hey @john3

I again had an issue regarding this.

How could I pass two values from my UR and retrieve from my dynamic page ?

For example, If I write the external URL as www.example.com/industry/Alcohol/Red_wine where “Alcohol” is my category and Red_wine is my sub_category.

And when the Page get redirected to the above URL, how come a group know that “Alcohol” is the category and “Red_wine” is sub_category ?

Please suggest me some solution.

Thanks.

@john3 @daniel3. Did you ever find a good way to use dynamic values in the html header?

Sorry - No I did not as the only way’s seemed to use the user id to store the values and I could never get it to work. I assume you’re trying to optimize for SEO in the html - so that was still a issue as I could never find anywhere to store those values. It would probably take a bubble upgrade to allow the use of the variables in the html but I don’t think that’s a really high priority for them. Maybe someone else knows another method I’m not aware of though :slight_smile:

Thankfully, @jarrad added this feature to his css plugin and it works great.

@stephencharles Tell me more. Is this reliable, Google friendly, etc.?

2 Likes

@romanmg I’m using it to allow users to track their own google analytics and so far so good. I also plan on adding custom seo soon but will have to report back on that after it is implemented.

Any chance you could provide a link to the plugin? Is it this one?

Okay having a little problem @john3, when trying to follow your steps I found myself not being able to do one of the steps, I don’t know if I am missing something or if there’s a trick to it, but when adding the step name (in my case username) contains Get path from page URL, I can’t for the life of me, figure out how to add the :find & replace at the end of it.

1 Like

FWIW, the recently released Sudsy Page plugin allows an arbitrary number of path params. Constructing URLs is similar to what’s described in this thread. Then, when the URL is visited, the path parameters are made available in an exposed state, and an event is triggered, allowing a workflow to define exactly what should happen.

Hi John!

You say “Now there is a trick to using this on the page you end up. You have to go look up in the url and bring that unique name down into your data so that your page knows what to look for. Otherwise you have a page but no data to lock onto.”

What’s inside the “Find and replace” you put on the end in the group there?

Thanks

Pessoal tentem criar o slug do dado com base no titulo, automaticamente vai gerar um slug unico com base no valor, para otimizar utilizen REGEX ou algum plugin de normalização para o slug sair o mais parecido possivel com o valor do titulo.

Depois disso é so utilizar um “go to page” com o dado necessario e deve resolver.