Can search engines crawl text that is visually hidden with a "Show More" or "Read More" button in Webflow?
TL;DR
- Search engines can index hidden content behind “Show More” buttons in Webflow if it's part of the static HTML at page load.
- Ensure key content is visible by default for SEO value, avoid dynamically loaded or cloaked content, and verify indexability using Google Search Console or View Page Source.
Yes, search engines like Google can usually crawl text that is hidden behind a “Show More” or “Read More” button in Webflow, provided it is part of the static page content and not dynamically loaded after page load.
1. Understand How Content Is Hidden
- Webflow interactions often use CSS properties like
display: none,height: 0, oropacity: 0to hide content, which does not prevent search engines from reading it. - If the hidden content exists in the source HTML at page load, then it is visible to crawlers, even if it's not visible to users initially.
2. How Google Treats Hidden Content
- Google can index hidden text if it is part of the initial HTML.
- However, Google may devalue content that is hidden by default, especially if it seems like an attempt to manipulate SEO.
- Best practice: Use "Show More" features for user experience, but keep your most important and keyword-relevant content visible by default.
3. What to Avoid
- Avoid hiding entire content sections using JS that loads them asynchronously (e.g., via API or script after page load), unless properly indexed through dynamic rendering or server-side rendering.
- Avoid cloaking, where hidden text shown to Google differs from what users see—that violates Google’s Webmaster Guidelines.
4. How to Test It
- Use Google Search Console's URL Inspection Tool to verify whether hidden content is being indexed.
- Or open the published Webflow page, right-click > View Page Source, and check to see if your hidden content exists in the HTML.
Summary
Search engines can crawl text hidden behind a “Show More” or “Read More” button in Webflow, as long as it is included in the static HTML at page load. For SEO, prioritize keeping important content immediately visible.
