Will google ignore words that are inside the elements that are set to "display: none" in css?
Example:
<div id="under_meny" style="display:none;">About Us | Contact Us</div>
It looks maybe a bit strange that I want to hide a menu like that, but there is a submenu. And will the user to activate it. But I do not want it to go beyond SEO.
Google renders the web page to approximate what a user might see. If content is hidden behind a “read more” link to make the content visible on the page, then that's okay. If a user can see it then Google can see it too. Google views web pages as a user does.
Hidden text is the textual content that search engines can read, but your visitors cannot read or see. It is also called Invisible or fake text. Using such text can improve the ranking of a page, but this technique is against the guidelines of search engines and is considered a black hat SEO technique.
There are Google-approved ways to “hide” content like alt-text, drop-down menus, or <noscript> tagging. Google sees some hidden text as essential to improve mobile user experiences. The SEO benefit of hidden text can result in greater user engagement, increased accessibility, and an increase in crawled pages.
It's probably worth noting that all of the sites ranked in both searches have all content visible on page load, not hidden. This is turning out to be quite the conundrum. We've reached at least one conclusion so far though: Google does index that hidden content.
hide your menu with javascript on pageload. this way google will still analyse your text. it ignores display:none
elements, as well as elements which textcolor is the same as background color, thus making it invisible to the human eye
sources: i read it in a book a long time ago. there are sites on the internet though on the topic
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With