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.
Got a burning SEO question?
Subscribe to Moz Pro to gain full access to Q&A, answer questions, and ask your own.
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
-
H2 vs. H3 Tags for Category Navigation
Hey, all. I have client that uses tags in the navigation for its blog. For example, tags might appear around "Library," "Recent Posts," etc. This is handled through their WordPress theme. This seems fairly standard, but I wonder whether tags are semantically appropriate. Since each blog post is fairly lengthy (about 500-1000 words) with multiple tags, would it be more appropriate to use tags for this menu navigation? Are we cutting into the effectiveness of our tags by using them for menu navigation? The navigation is certainly an important page element, and it structures content, so it seems that it should use some header tag. Anyways, your thoughts are greatly appreciated. I'm a content creator, not an SEO, so this is a bit out of my skillset.
Intermediate & Advanced SEO | | Ask44435230 -
Using a lot of "Read More" Hidden text
My site has a LOT of "read more" and when a user click they will see a lot of text. "read more" is dark blue bold and clear to the user. It is the perfect for the user experience, since right below I have pictures and videos which is what most users want. Question: I expect few users will click "Read more" (however, some users will appreciate chance to read and learn more) and I wonder if search engines may think I am hiding text and this is a risky approach or simply discount the text as having zero value from an SEO perspective? Or, equally important: If the text was NOT hidden with a "Read more" would the text actually carry more SEO value than if it is hidden under a "read more" even though users will NOT read the text anyway? If yes, reason may be: when the text is not hidden, search engines cannot see that users are not reading it and the text carry more weight from an SEO perspective than pages where text is hidden under a "Read more" where users rarely click "read more".
Intermediate & Advanced SEO | | khi50 -
CSS Hidden DIVs - not collapsable content. Amber light?
I'm in the planning stage of a new ecommerce page. To reduce duplication issues, my page will be static with 20% of the page compiled of dynamic fields. So when a user selects a size, or color, the dynamic fields are the only ones that change as the rest of the content is the same. I can keep a static URL and not worry about duplication issues. Focus can be on strengthening this single URL with rich schema, reviews, and backlinks. We're going to cache a default page so for crawlers, the dynamic field doesn't appear empty. My developer said they can cache the page with all the variants of the dynamic fields, and use hidden DIVs to hide them from the user. This way, the load speed can be high, and search engines might crawl those keywords too. I'm thinking about and going.."wait a minute, that's a good idea..but would a search engine think I am hidding content and give me a penalty?". The hidden content is relevant to the page and it only appears according to the drop down to make the user experience more "friendly". What do you think? Use hidden DIV or use javascript to not allow bots to crawl the hidden data at all?
Intermediate & Advanced SEO | | Bio-RadAbs0 -
Removing content from Google's Indexes
Hello Mozers My client asked a very good question today. I didn't know the answer, hence this question. When you submit a 'Removing content for legal reasons report': https://support.google.com/legal/contact/lr_legalother?product=websearch will the person(s) owning the website containing this inflammatory content recieve any communication from Google? My clients have already had the offending URL removed by a court order which was sent to the offending company. However now the site has been relocated and the same content is glaring out at them (and their potential clients) with the title "Solicitors from Hell + Brand name" immediately under their SERPs entry. **I'm going to follow the advice of the forum and try to get the url removed via Googles report system as well as the reargard action of increasing my clients SERPs entries via Social + Content. ** However, I need to be able to firmly tell my clients the implications of submitting a report. They are worried that if they rock the boat this URL (with open access for reporting of complaints) will simply get more inflammatory)! By rocking the boat, I mean, Google informing the owners of this "Solicitors from Hell" site that they have been reported for "hosting defamatory" content. I'm hoping that Google wouldn't inform such a site, and that the only indicator would be an absence of visits. Is this the case or am I being too optimistic?
Intermediate & Advanced SEO | | catherine-2793880 -
Penguin Update, what I've noticed
Hi Guys, I have spent 2 days looking at our site and competitors after the update, 3 things jump out straight away for us. I am in the travel industry and still on the first page of the major KW's but in the 8 to 10 region, was 2 to 5. 1. The sites that have moved up both have shops selling merchandise which is not the main focus of their site, anyone else spotted sites with a eCommerce section have benefited from latest update? 2. Sites we have links from, although they look like a travel sites, maybe be themed differently by Google. Anybody know a good tool that will help determine what theme a site is? Images, design and content don't always seem to be a good indicator, I think back links to the domain has a big effect on the site you get the link from. Any tool that will help speed up this process would be great. We need more quality links from travel sites (or at least what google thinks is a travel related site). 3. The competitors who have done well seem to have 45% links to home page, we only had 28% so we are focusing now on links to home page. We don't really stand out from the top 10 sites in any other way in terms of other indicators like branded keywords vrs money making kw's. Any thoughts or feedback would be great.
Intermediate & Advanced SEO | | PottyScotty0 -
Why isn't google indexing our site?
Hi, We have majorly redesigned our site. Is is not a big site it is a SaaS site so has the typical structure, Landing, Features, Pricing, Sign Up, Contact Us etc... The main part of the site is after login so out of google's reach. Since the new release a month ago, google has indexed some pages, mainly the blog, which is brand new, it has reindexed a few of the original pages I am guessing this as if I click cached on a site: search it shows the new site. All new pages (of which there are 2) are totally missed. One is HTTP and one HTTPS, does HTTPS make a difference. I have submitted the site via webmaster tools and it says "URL and linked pages submitted to index" but a site: search doesn't bring all the pages? What is going on here please? What are we missing? We just want google to recognise the old site has gone and ALL the new site is here ready and waiting for it. Thanks Andrew
Intermediate & Advanced SEO | | Studio330 -
Ecommerce best-of-the-web article - big article - navigation tricks
Hello, We're writing our biggest article and trying to make it best-of-the-web. Custom illustrations, comprehensive content, maybe video slideshows How do I help people navigate this big thing? Is there some pretty navigation systems you've seen work? There's a lot of sections and my only idea so far is to use an anchor/id href attribute for each section having a big list of sections at the top of the article.
Intermediate & Advanced SEO | | BobGW0 -
Site Wide Internal Navigation links
Hello all, All our category pages www.pitchcare.com/shop are linked to from every product page via the sidebar navigation. Which results in every category page having over 1700 links with the same anchor text. I have noticed that the category pages dont appear to be ranked when they most definately should be. For example http://www.pitchcare.com/shop/moss-control/index.html is not ranked for the term "moss control" instead another of our deeper pages is ranked on page 1. Reading a previous SEO MOZ article · Excessive Internal Anchor Text Linking / Manipulation Can Trip An Automated Penalty on Google
Intermediate & Advanced SEO | | toddyC
I recently had my second run-in with a penalty at Google that appears to punish sites for excessive internal linking with "optimized" (or "keyword stuffed anchor text") links. When the links were removed (in both cases, they were found in the footer of the website sitewide), the rankings were restored immediately following Google's next crawl, indicating a fully automated filter (rather than a manual penalty requiring a re-consideration request). Do you think we may have triggered a penalty? If so what would be the best way to tackle this? Could we add no follows on the product pages? Cheers Todd0