Join the Webstudio community

Updated last month

Page hierarchy and subpages

At a glance
I spend few hours ready WS docs and I found nothing about page hierachy and subpages. I saw that we can create folder in WS and I don't know when to use it.

I am looking for creating a breadcrumb related to URL according to SEO best practices
I would like to insert blog category between posts and :slug (blog title)
-> .../posts/category/:slug

I want this category dynamic too, that is why I created categoryslug too
-> .../posts/:categoryslug/:slug

I would like user can filter blog post by categories and easily navigate between them

Two goals
  • get what you want in 3 clicks maximum
  • URL and breadcrumb must match
I hope I've made myself clear

PS: I am not a dev so sorry if you find my questions a little bit nuts.
J
R
J
12 comments
I've implemented breadcrumbs here https://webstudio.is/marketplace/templates/elevate

in a list component I add how every many links there are and bind each link to the slug. Eg, category link to the category slug and the link text to the category name
also schema for seo
Attachment
Screenshot_2024-12-05_at_7.13.23_AM.png
I duplicated this template and I didn't see your Nav Breadcrumb inside
That's on the webstudio website, not the template πŸ™‚
I don't understand all the variables. Sorry for my nuts questions.

Did you create a video to explain how you do it. I am still a baby dev πŸ˜…
the variables are just the category slugs. And system origin which is just the current url
No video exactly on this but same concepts as other vids
Breadcrumb and website are amazing. Simple good design and little effect like the cheery on the cake. I like the hover effect.
Did you use a specific tool to build the schema for seo ?
Add a reply
Sign up and join the conversation on Discord