According to some SEO experts and theories like Progressive Enhancement (PE), page content should be presented appropriately to users even with JS disabled. And I totally agree with this.
Here is my situation, on our client's About Us page, there is a div which lists their company events. Due to space and another considerations they hide some of event lists with JS as well as CSS element
So far, two things really really scare me about this.
- One, CSS element-
display:none. My experience tells this is very dreadful in terms of SEO.
In addition to those two scaring things, I also have one puzzlement.
I used Google web master tool to fetched this page and it showed all of hide event lists. If Google robot craws my site with JS disabled, how could it fetch those hidden content? or if it is able to fetch those hidden content, does it mean the PE theory is outdated and those experts are wrong?
What should I do now? Thank you for your time.
display:none is not universally considered to be a SEO faux pas; crawlers can still 'crawl' that text; there are just conflicting theories as to if it affects reputation, or if they'll index it with equal weight.
The PE theory and SEO/findability theory overlap, but their 'interests' differ at times; you could in theory do something thats bad PE without it being bad SEO.
display:none; and it becomes
The better practice is to have
That covers you on both counts, since crawlers can't tell if JS is being used to hide something, in case there IS SEO-negativity associated with