I’ve been using Webflow for about 4 years now and often relied on conditional filtering to ‘hide’ elements. This simply applies display: none;
, which means any links within those elements are still crawled by search engines and exist in the HTML structure.
But here’s the game-changer I just discovered: Webflow’s Conditional Visibility is nothing like using CSS visibility (visibility: hidden;
) or even display: none;
. Instead, it completely removes the element from the DOM if the condition isn’t met.
What this means:
- The element does not get rendered in the HTML at all.
- This improves load time, prevents links from being crawled, and keeps your code cleaner.
- It’s perfect for situations where you want to hide entire sections or dynamic content based on CMS conditions without leaving behind any clutter in the HTML.
This is huge! I feel like Webflow’s documentation could definitely be clearer about this because it’s a pretty powerful feature that’s easy to overlook. I’m referring to this: https://help.webflow.com/hc/en-us/articles/33961320868115-Conditional-visibility