Hidden Element Checker for SEO

How the hidden element checker works

The tool loads the page you enter and up to 8 internal pages linked from it. On each page it looks for elements hidden in three ways:

• Inline styles: any element with display:none, visibility:hidden or opacity:0 written directly in its style attribute.
• Classes in the page's own CSS: simple class rules inside <style> blocks on the page that hide elements, such as .hide { display: none }. Every element using that class is then listed.
• Classes in linked stylesheets: the same kind of rule inside up to 6 CSS files the page loads, such as your theme's style.css or a plugin's stylesheet. The report names the file the rule came from.

For each element you see the tag, how it is hidden and a short preview of its text, so you can find it in your source quickly.

Steps to check a page

1. Paste the URL of the page you want to check.
2. Run the scan and wait for the results for each page.
3. Go through the list and decide which hidden elements are expected and which are not.

Which hidden elements are normal

Most sites hide some content on purpose, and that is fine. Mobile menus, dropdowns, tabs, accordions, popups and cookie banners all start hidden and appear when someone clicks. Search engines understand this kind of interactive content.

Which hidden elements need a closer look

• Blocks of keywords or links that never appear to visitors in any state.
• Old sections from a previous design that were hidden instead of deleted.
• Content added by a plugin or a third party script that you do not recognize.

Hiding text from visitors while showing it to search engines is a form of cloaking, and Google treats it as spam. If you find this kind of content, delete it from the page instead of hiding it again. If you did not add it yourself, your site may have been hacked, so run the malware scan as well.

Why search engines care about hidden text

Years ago, some sites stuffed pages with keywords in white text or tiny hidden boxes so they would rank for terms visitors never saw. Google's spam policies now treat this as cloaking, and a page caught doing it can lose its rankings or be removed from results. That is why a quick cloaking checker pass is useful even if you never added anything like this yourself. Plugins, old page builders and hacked code can all leave hidden blocks behind without you knowing.

Using it as a hidden text checker

Run this hidden text checker after installing a new theme or page builder, after cleaning up a hacked site, or when you take over a site from someone else. Clearing out hidden leftovers also makes the page a little lighter. Treat it as a cloaking checker for your own pages: if a hidden block holds text you would not want a visitor to see, it should not be there at all.

Keep in mind that the hidden element checker reads the HTML and CSS the server sends. It only matches simple class rules, so hiding done with complex selectors, or by JavaScript after the page loads, will not show up. Check those in your browser's developer tools.

Official reference: Google's spam policies (see "Hidden text and link abuse") describe the kind of hidden content that can lead to a penalty, and the kind that is fine.