Does 'jump to' navigation work with a hidden div?
-
Will jump to navigation work when using a hidden div? Basically, we use a navigation system such that when a user clicks on a title, it expands to show the rest of the article, each title has an anchor associated with it, but no where else on the page / site do we link to those anchors.
In order to make jump to navigation work, we are considering adding a hidden div with links to the anchors. Does anyone have experience doing this? Did it work?
-
The best I can think of would be to link to the anchors from the page the "level" above.
In other words, on a category page (or equivalent), display links to the page plus its named anchors (actually, much like Google's sitelinks). It's impossible to weigh up the relative weight of links from within the page to links from elsewhere on the site without inside knowledge, but I would prefer this to hidden links.
-
Hi WIll,
Yes, I understand that 'jump to navigation' is determined algorithmically.
We can't actually link to the anchors because, as mentioned, the UI we've developed has better user engagement (one of our main goals is to improve user engagement site-wide). The anchors exist in a sort of expand / collapse format, so that the user can see the entire content and click on titles to see more.
I suppose the other option would be to put it in a hidden div, and add javascript so that the user could see the links if they wanted (even though, essentially, there isn't any value-add to the user since they can already see the content list)?
-
Firstly, it isn't automatic for Google to add links to your in-page anchors no matter what you do.
It's hard to say for sure whether placing hidden links to the named anchors will work in your specific case - but I would say that if it does work, I'd view it as a short-term solution and probably more risky than I'd like to see for limited reward.
Why not actually link to the anchors? If you think that people might want to jump direct to them from the search results, mightn't people want to navigate to them when they're on your site as well?
There is essentially never a good reason for hiding information that you want Google to find - it should be there for the users as well.
-
Mainly, would google use 'jump to' sections of our page in the SERPs. We have anchors, but no links to the anchors, and are hoping that by adding a hidden div with links to the anchors, it will activate 'jump to navigation.'
The hidden div would be added just for the sake of adding the links to the anchors--it wouldn't be visible to users. We've found user engagement is higher for the type of navigation we built, but want to make sure 'jump to' works (is visiible in google SERPs).
Thanks in advance for your help.
-
Hi Michelle,
What do you mean by "work"? Are you intending to have a way of exposing this hidden div (in a drop-down or similar)?
One of the most common uses of jump to navigation is for screen readers for the visually-impaired. I imagine that a hidden div could work well for that as they typically ignore CSS styling but I imagine it would need testing in the specific readers.
Happy to dig into this further if you have more info about your plans.
Browse Questions
Explore more categories
-
Moz Tools
Chat with the community about the Moz tools.
-
SEO Tactics
Discuss the SEO process with fellow marketers
-
Community
Discuss industry events, jobs, and news!
-
Digital Marketing
Chat about tactics outside of SEO
-
Research & Trends
Dive into research and trends in the search industry.
-
Support
Connect on product support and feature requests.
Related Questions
-
Is it OK that the root didn't have any internal links?
Hi guys; In a website with more than 20,000 indexed pages, Is it normally that homepage (root) didn't have any internal links, while other important pages have enough internal links? Consider that in a top menu in header of all pages, I added homepage link, so the home page link repeated on all indexed pages, but google didn't count it and the website technology is angular js thank you for helping me
Intermediate & Advanced SEO | | cafegardesh0 -
Syntax: 'canonical' vs "canonical" (Apostrophes or Quotes) does it matter?
I have been working on a site and through all the tools (Screaming Frog & Moz Bar) I've used it recognizes the canonical, but does Google? This is the only site I've worked on that has apostrophes. rel='canonical' href='https://www.example.com'/> It's apostrophes vs quotes. Could this error in syntax be causing the canonical not to be recognized? rel="canonical"href="https://www.example.com"/>
Intermediate & Advanced SEO | | ccox10 -
Navigation is not showing up when disabling JS?
HI Mozzers, I am checking at a site Navigation and when disabling JS, I can see that navigation is not present. When checking at individual nav items, they are true HTML I believe since they carry attribute but somehow not crawlable. I am confused since JS is disabled and Nav is not showing up, isn't it suppose to mean that Nav is 100% JS? Can someone tell if the Nav is good or bad based on the fact it has true HTML? I am not sure because couple years ago I knew that Google was not crawling well JS but seems that things have change based on http://searchengineland.com/tested-googlebot-crawls-javascript-heres-learned-220157. Thanks for letting me know!
Intermediate & Advanced SEO | | Ideas-Money-Art0 -
When Mobile and Desktop sites have the same page URLs, how should I handle the 'View Desktop Site' link on a mobile site to ensure a smooth crawl?
We're about to roll out a mobile site. The mobile and desktop URLs are the same. User Agent determines whether you see the desktop or mobile version of the site. At the bottom of the page is a 'View Desktop Site' link that will present the desktop version of the site to mobile user agents when clicked. I'm concerned that when the mobile crawler crawls our site it will crawl both our entire mobile site, then click 'View Desktop Site' and crawl our entire desktop site as well. Since mobile and desktop URLs are the same, the mobile crawler will end up crawling both mobile and desktop versions of each URL. Any tips on what we can do to make sure the mobile crawler either doesn't access the desktop site, or that we can let it know what is the mobile version of the page? We could simply not show the 'View Desktop Site' to the mobile crawler, but I'm interested to hear if others have encountered this issue and have any other recommended ways for handling it. Thanks!
Intermediate & Advanced SEO | | merch_zzounds0 -
My Website Has a Google Penalty, But I Can't Disavow Links
I have a client who has definitely been penalized, rankings dropped for all keywords and hundreds of malicious backlinks when checked with WebMeUp....However, when I run the backlink portfolio on Moz, or any other tool, they don't appear anyone, and all the links are dead when I click on the actual URL. That being said, I can't disavow links that don't exist, and they don't show up in Webmaster Tools, but I KNOW this site has been penalized. Also- I noticed this today (attached). Any suggestions? I've never come across this issue before. xT6JNJC.png
Intermediate & Advanced SEO | | 01023450 -
Why did this website disappear from Google's SERPs?
For the first several months this website, WEBSITE, ranked well in Google for several local search terms like, "Columbia MO spinal decompression" and "Columbia, MO car accident therapy." Recently the website has completely disappeared from Google's SEPRs. It does not even exist when I copy and paste full paragraphs into Google's search bar. The website still ranks fine in Bing and Yahoo, but something happened that caused it to be removed from Google. Beside for optimizing the meta data, adding headers, alt tags, and all of the typical on-page SEO stuff, we did create a guest post for a relevant, local blog. Here is the post: Guest Post. The post's content is 100% unique. I realize the post has way to many internal/external links, which we definitely did not recommend, but can anyone find a reason why this website was removed from Google's SERPs? And possibly how we should go about getting it back into Google's SERPs? Thanks in advance for any help.
Intermediate & Advanced SEO | | VentaMarketing0 -
Is it possible for a multi doctor practice to have the practice's picture displayed in Google's SERP?
Google now includes pictures of authors in the results of the pages. Therefore, a single practice doctor can include her picture into Google's SERP (http://markup.io/v/dqpyajgz7jkd). How can a multi doctor practice display the practice's picture as opposed to a single doctor? A search for Plastic Surgery Chicago displayed this (query: plastic surgery Chicago) http://markup.io/v/bx3f28ynh4w5. I found one example of a search result showing a picture of both doctors for a multi doctor practice (query: houston texas plastic surgeon). http://markup.io/v/t20gfazxfa6h
Intermediate & Advanced SEO | | CakeWebsites0 -
Restructuring Menu's
Hi all I am running my site on Wordpress using a slightly modified them from Studiopress on the Genisis frame work. I am extremely over my head but alas until I get some revenue SEO and Design are all on me. I do not know HTML or CSS but I do follow directions well (unless you ask my wife). Disclaimer out of the way I have some questions. I would like to change up my menu's to be more on the line of Products | Services | About Us | Contact Us | Blog Listing various direct mail pieces under Products, Sevices and so on and so forth. I wonder does this mean I will have to figure out how to write 301's and other complicated things or can I just make the changes. I think but might be wrong that this will change the URL's. Any advice before I mess this up would be greatly helpful. My site is http://www.roiautosolutions.com. If you want a few laughs about the car business read the 2 most recent blog post, anything before that and my writing style is pretty boring. Thanks, Mark Hilger
Intermediate & Advanced SEO | | mhilger0