Anyone have a good example of a CSS-based multi-level nav bar that is semantic (including link level subordination) and is ux positive?
-
Anyone have a good example of CSS-based multi-level nav bar that is semantic (including link level subordination) and is ux positive?
Or am I gonna have to actually make one?
Anyone have a good example of CSS-based multi-level nav bar that is semantic (including link level subordination) and is ux positive?
Or am I gonna have to actually make one?
-
Definitely possible with HTML5. But you're probably going to have to make one from scratch. Then you can share with the world
-
Thanks I Googled navigation, not menu. So those didn't show up. Although I could argue that without jquery to control the hover/click etc... -- those have poor ux.
But the second part of my question: How do you create one with some kind of semantic hierarchy. I'm thinking with html 5 it's probably possible to do so.
hmmm.....
-
You can try to check here:
http://ginva.com/2011/04/108-free-css-menu-designs/
or here:
http://www.noupe.com/css/100-great-css-menu-tutorials.html
Hope it help.
Cheers,
Russel
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
-
Magento 2.1 Multi Store / SEO
This is quite technical but I'm hoping a Magento expert can clear this up for me. Currently my company has two websites on separate Opencart platforms. What I'm doing now is building a Magento website and using the multi store function as well as a few modules to combine the two sites, the aim being that the link juice is shared and I can focus my SEO efforts on the one site instead of two, thus reducing my workload while maintaining the benefits. This is the intended layout: www.domain.com www.domain.com/us I have created a sub-folder (not a subdomain) as this seems to be the best way to share link juice between the new, combined sites (as well as 301s from the old, redundant site). At the moment I have created 2 separate websites, stores and store views (see attached) and have configured it according to the Magento guide, so I know that technically this is correct but I need to make sure that I have done it correctly in relation to SEO. Is the sub-folder set up correctly for instance? Currently the only files to populate that sub-folder are a htaccess, error log and index.php (see attached). Also, is there anything I could be missing in relation to SEO within the parameters of what I am trying to achieve? Additionally, only one store view appears in the "change store view" section of the home page. This is causing me to question if I have set it up correctly, because I had assumed both store views would appear even if they were under different websites (attached). OR do I simply use the same website and create two stores and store views? Do I also need to create a separate database for each website/store/store view? I would very much appreciate if someone could help out here. Thank you. In1Gi7t pyfM03y nUQoMz1
Web Design | | moon-boots0 -
What should I know about redirecting users based on cookies?
Hi Moz! My client wants to redirect users to a basic or professional version of their site based on cookies. What do we need to do/know to make sure implementation is SEO-friendly? What if a user has cookies turned off? Are there any other obstacles? Thanks for reading!
Web Design | | DA20130 -
Can anybody recommend a good UK based SEO
Looking for a company or person willing to work on a small company website in other words not expensive 🙂 I looked on the recommended list on the MOZ website but they mostly in America and mostly only too willing to work on large company websites. There wasn't anything catering for a one-man band business like mine which is letting holiday cottages www.endeavourcottage.co.uk. I have just started talks with a responsive web designer, but if I got the right SEO company maybe they could do both but not necessary.
Web Design | | WhitbyHolidayCottages1 -
Seo and CSS media queries
Hello to all participants! I'm starting on responsive design with css media queries and I was wondering if hidding content can, in this case, can also be bad for seo? I know that hidding content is bad (eg. display: none;), but is it also like that with responsive design or does Google see it other way? If I have a news column with title, image and text for 1024px and hide the text and image leaving just the title for 768px, or smaller, will Google consider this black hat and will it be bad for seo? are there any articles I can read about this subject, and other similar subjects? sorry for my english 🙂 thanks
Web Design | | Lusodados1 -
Anyone Got An Honest Opinion Of WPengine
Hi Guys, I wonder if any of you have used / are using WPengine. I am had thought about using them before and was really impressed by there load speeds. They are pretty expensive though when compared to others. Now, I already have ok hosting but everything is run through a cdn and S3 for streaming HD Videos. Is it worthwhile shelling out for WP engine (pro) or is it better to just stick with an OK host and cdn. Opinions are greatly appreciated. Thanks Jenson
Web Design | | jensonseo0 -
Best method to stop crawler access to extra Nav Menu
Our shop site has a 3 tier drop down mega-menu so it's easy to find your way to anything from anywhere. It contains about 150 links and probably 300 words of text. We also have a more context-driven single layer of sub-category navigation as well as breadcrumbs on our category pages. You can get to every product and category page without using the drop down mega-menu. Although the mega-menu is a helpful tool for customers, it means that every single page in our shop has an extra 150 links on it that go to stuff that isn't necessarily related or relevant to the page content. This means that when viewed from the context of a crawler, rather than a nice tree like crawling structure, we've got more of an unstructured mesh where everything is linked to everything else. I'd like to hide the mega-menu links from being picked up by a crawler, but what's the best way to do this? I can add a nofollow to all mega-menu links, but are the links still registered as page content even if they're not followed? It's a lot of text if nothing else. Another possibility we're considering is to set the mega-menu to only populate with links when it's main button is hovered over. So it's not part of the initial page load content at all. Or we could use a crude yet effective system we have used for some other menus we have of base encoding the content inline so it's not readable by a spider. What would you do and why? Thanks, James
Web Design | | DWJames0 -
Too Many On-Page Links for my Blog
Hi, I have created a SEO Moz campaign for my travel blog www.EspaceVoyage.net. The Crawl diagnostics tool raised a warning saying that for few pages I have a 'Too many on-page links'. All the problematic pages are of the following style: http://www.espacevoyage.net/2008/08/01/ http://www.espacevoyage.net/2008/08/02/ http://www.espacevoyage.net/2008/08/06/ .... I am not sure what I should do with that ... Since I continue to publish articles on that blog I imagine that that problem will keep growing and growing ... What should I do with that? Thanks P.S. That blog uses Wordpress CMS. Nancy
Web Design | | EnigmaSolution0 -
Is it more beneficial to have internal links without the full file path?
When linking internally in my site is it more beneficial to have links written like, Fast Blenders OR Fast Blenders
Web Design | | tickettoss0