Welcome to WebmasterWorld Guest from 54.224.160.42

Forum Moderators: Robert Charlton & aakk9999 & andy langton & goodroi

Message Too Old, No Replies

Display:none in Global Navigation - googlebot's perspective

     
5:21 pm on Sep 26, 2012 (gmt 0)

New User

joined:Sept 26, 2012
posts: 4
votes: 0


Hi,

We have links in our website's global navigation bar that use "style="display:none;" when we looked at HTML source.

These links do not show up when we look at Google cache --> text only version of the page which is obvious.

But if I use "user agent switcher" add-on in Firefox and set it to Googlebot, the links in global nav are displayed.

I am wondering what is the best way to find out if Google can/can not see the links.

Thanks for the help!
7:19 pm on Sept 26, 2012 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member lucy24 is a WebmasterWorld Top Contributor of All Time 5+ Year Member Top Contributors Of The Month

joined:Apr 9, 2011
posts:13210
votes: 347


Inquiring minds want to know: How does a human visitor follow an invisible link?

If it is present in the page source, it is visible to any robot. But the "display: none" declaration is equally visible. The googlebot is pretty stupid, but it isn't that stupid.

Sounds like the c-word to me.
8:55 pm on Sept 26, 2012 (gmt 0)

New User

joined:Sept 26, 2012
posts: 4
votes: 0


The links are visible to human visitor.
I am doing SEO audit on this site and found the "display:none"
in HTML source.
9:25 pm on Sept 26, 2012 (gmt 0)

Administrator

WebmasterWorld Administrator phranque is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Aug 10, 2004
posts:10553
votes: 12


in GWT use the "fetch as googlebot" feature.
9:29 pm on Sept 26, 2012 (gmt 0)

New User

joined:Sept 26, 2012
posts: 4
votes: 0


Thanks!
9:33 pm on Sept 26, 2012 (gmt 0)

Senior Member

WebmasterWorld Senior Member tedster is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:May 26, 2000
posts:37301
votes: 0


It sounds like one way that CSS and JavaScript can team up to create those menus that open up a sub-menu when the visitor hovers on the main item.

If that's the case, Google WILL see the link (because it's visible in the source code) and it will not be counted as hidden content (because an obvious user interaction makes those sub-menu links visible.)

[edited by: tedster at 9:51 pm (utc) on Sep 26, 2012]

9:42 pm on Sept 26, 2012 (gmt 0)

New User

joined:Sept 26, 2012
posts: 4
votes: 0


Thanks Tedster! That makes sense.
The global navigation is created by an out-of-the-box widget which is using style=display:none.
It is possible that the widget has capability to display sub-menus, but we are not using any sub-menu in global navigation bar.

When "fetch as Googlebot" is used, the links are displayed.

I won't consider this as a high priority fix for SEO then.
In the new web redesign, we are planning to build the global nav without Javascript.

Thank you everyone for the feedback and tips!
10:10 pm on Sept 26, 2012 (gmt 0)

Administrator

WebmasterWorld Administrator phranque is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Aug 10, 2004
posts:10553
votes: 12


welcome to WebmasterWorld, Sonia21!
5:40 pm on Sept 27, 2012 (gmt 0)

Senior Member from DE 

WebmasterWorld Senior Member 10+ Year Member

joined:Feb 20, 2003
posts:877
votes: 4


Does anyone knows if there is a difference for Google unhiding links with onmouseover or onclick? (I'm having links in an invisible div which are shown for onmouseover and I want to change it to onclick with a new design.)
7:25 pm on Sept 27, 2012 (gmt 0)

Senior Member

WebmasterWorld Senior Member tedster is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:May 26, 2000
posts:37301
votes: 0


As long as the full content is there in the source code - in other words, not generated by a second AJAX-style call to the server - then I've never seen any difference between onlcick and onhover as triggers.

The challenge for the website is making sure that hidden content (links or plain text) that is relevant to the search query is also made visible on the page, switched from "display:none" to "display:block" for example.

That's not hard to do when the referrer with the search terms is available. However, you can kill a page's effectiveness as a landing page if the referrer is "keyword not provided" and you can't make the choice of what to display. You can easily serve a version of the page that doesn't even have the query term displayed anywhere at all! Even "Find in page" gets stymied by display:none content.
7:38 pm on Sept 27, 2012 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member lucy24 is a WebmasterWorld Top Contributor of All Time 5+ Year Member Top Contributors Of The Month

joined:Apr 9, 2011
posts:13210
votes: 347


Does anyone knows if there is a difference for Google unhiding links with onmouseover or onclick?

It should make a difference-- but maybe not in the direction we think. Your average mobile device only recognizes one "mouse" action, and it's usually equivalent to a click.