Data binding and dynamic SEO tags

Hi,

Following the tutorial Dynamic urls with advanced fetching in Builder.io - YouTube and running into some issues.

I’ve successfully integrated my API data into dynamic pages on builder, but I got stuck when trying to implement dynamic SEO tags (title, description etc.) from that same API call.

I couldn’t find a way to extend the data binding process to those elements, so I was wondering, do you have any tips on how I could achieve this?

Thanks in advance.

Best,

Growth team at Gemssy

hi @gemss ! Great question. We have some documentation on how you could set your SEO tags directly in your app with custom fields within your content model here:
https://www.builder.io/c/docs/seo

But if you are trying to set within the Custom JS + CSS window like in the video you linked, I think the easiest way is probably just to set metaTags using state: https://forum.builder.io/t/how-to-add-meta-tags-custom-head-html-to-my-hosted-page-entries/1074

Try it out and let me know if that works for you!

Hey TimG, thank you so much for the response!

I am pulling my data with Custom JS indeed, I’ll follow the link you sent and give it a try. I’ll let you kn ow how it goes, thanks again!

Best,

1 Like

I see it’s been a while since you’ve posted, but I’m curious if anyone’s tried hooking into Builder’s custom components to auto-populate meta tags from dynamic content? I’m trying to figure out the cleanest way to keep SEO tags updated without hardcoding them. Would love to know if there are new approaches or tools since this was last discussed.

I had the same issue with dynamic tags not updating properly and ended up fixing it by passing the SEO fields like title and description as state props using query parameters. Also, I found this helpful: https://crowdo.net/blog/how-long-to-rank-in-google-2025/ — it gives good context on what to expect SEO-wise when working with dynamic pages like these.