How do I merge query parameters into URL like Nomad List?
Nomad List is a crowdsourced database of cities for Digital Nomads. They do this really cool thing for SEO where as you apply filters, the database is queried and the home page dynamically updates to display the best matching city. Crucially, the results of each filter query are also unique URLs.
Here is a photo of an example, https://imgur.com/a/B5xuVqF
For example, if I want to filter place in europe, it appends this, places-in-the-european-union, instead of ?place=european-union
The HTML markup of their link is interesting. Does anyone have an idea of how to do this?
<div class="filter half choices c1">
<div class="choice active" data-filter-slug="near-a-beach" data-filter-slug-position="after" data-filter-target="tags" data-filter-type="partial-match" data-filter-value=",beach">
<span>⛱ Near beach</span>
</div>
</div>
It's been a while since your post, but I wanted to offer some insight. I've been experimenting with similar concepts for a side project of mine. Transitioning from traditional query parameters to more user-friendly and SEO-friendly URLs can significantly enhance the overall user experience and improve search engine visibility.