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
-
Side bar menu, good or bad idea.
Hi everyone, I have a little problem. Not that long ago I launched my new site. Everything seems ok, but I'm not sure if it was clever idea to have additional side bar menu option. I wanted relevant content to be accessible very easy without dropdown in main menu. It looks ok on desktop, but we have a problem with mobile devices. Even main menu is a bit confusing and sidebar at the moment is at the bottom of each page. When I placed it on top of the page, we had problem with tablet users as it is showing side menu with blank page and content is almost below the fold. I have a tool installed called usability tools and it shows how visitors are using my site. The hard bit is that nobody on mobile devices are using sidebar and that means people visit one page and leave without exploring any additional resources. Me and my developer are discussing that maybe we should have two main menu bars instead of sidebar, but I have no idea how this looks in real life. What is the best practises for sidebar menus these days? Maybe we have a designer here who can help me with this and do some work? My site is https://a-fotografy.co.uk/ Thank you for all help in input in advance. Regards, Armands
Web Design | | A_Fotografy0 -
Is it still necessary to have a "home" page button/link in the top nav?
Or is it not necessary to have a "home" tab/link because everybody by this time knows you can get to the home page by clicking on the logo?
Web Design | | FindLaw0 -
How we can check whether website design is good for SEO or not?
Is there any tool available to check website design whether it is good for SEO or not?
Web Design | | ross254sidney0 -
Anyone migrated a site from PHP into ASP? Anyone migrated into Sitecore?
We have a network of websites in Linux-based PHP and we may be switching them over to ASP.NET and using SiteCore CMS. Right now, we don't have a CMS. We would also be switching from using file extension www.site.com/file.php to no extensions www.site.com/file/ therefore altering our directory structure. We are aware of the potential impacts to traffic of the initial migration, but are now more curious about SiteCore CMS and SEO, performance and indexation/crawlability. Has anyone made this move before or considered making it? Can you offer any success stories, horror stories?
Web Design | | Eric_edvisors0 -
Website spread over two domains - The Good,The Bad and the Ugly ?
Hi, I am wondering if the way I have set up our website site is creating more harm than good ? All our SEO efforts and content is located @ www.sparrowmakeup.com.au however our portfolio is located at www.make-up-artists.com.au. Questions ? Will Analytic bounce rates effect my SERP, as most people click on the portfolio link in the first 5-15 sec of landing on our page ?? Is there a better way of setting it up ? the reason I set it up like this in the first place was because we wanted a different look/theme for the portfolio. (using WP) Is there any other issues that this setup might have in the SEO / SERP department ?? Is there any benefits and how can I maximize on them (silver lining) Your help and experience is greatly appreciated. Regards Ed
Web Design | | EdsonGroupMedia0 -
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 -
One big page vs. multi-step pages
Hi mozers! Brand new to SEO and LOVING it! Having several key questions that I don't see answered yet, but I'll start with one we've been very curious about. Consider this guide we have for Forming a Delaware Corp.
Web Design | | Mase
https://www.upcounsel.com/Free-Legal/Guide/17/Form-A-Delaware-Corporation This is our overview page, giving you a breakdown of what this process involves. We love this page, but (Question1:) does it lack better real "content" rather than lots of links to the guide process itself? Then, you can start to walk through the guide beginning with step one, where each step has crowd sourced answers to it. But as you see, the step pages are all very similar, except for the answers and step info. (Question 2) Would it be better to put all our answers into the one overview page and skip having separate pages for each step? We like the process and simplicity of seeing one step at a time, but then these pages don't seem to have enough unique content on them. Related, at what point (if any) is a page too big with too much content and considered bad for SEO? We're recovering from a big hit from Google, and slowly recovering by nailing down various SEO mistakes. We DO have great, unique and valueable content - now we just need it to rank!0 -
Siloing and navigation menu linking
Still trying to understand siloing and how it relates to displaying links in the navigation menu. I'm working on optimizing a site for a lawyer friend. His site consists of 4 top level pages - index, attorney profile, practice areas, and contact. Then, there are 2 folders that contain all the 2nd-level pages for his 2 practice areas - personal injury and business litigation. The website in question is www(dot)comitzlaw(dot)com. From what I read about siloing before taking the 30-day SEOMoz trial (which I really like so far, by the way), I set the main (left hand) menu up as follows: The 4 top level pages only display the "collapsed" navigation menu, which only links to the index pages for personal injury and business litigation. Go anywhere in personal injury, and all pages link to the "expanded" personal injury navigation (links to auto accidents page, wrongful death, motorcycle accidents, etc.) but the "collapsed" business litigation section and vice versa for business litigation's links to personal injury. I did this because, as I understand, it keeps the practice area links on topic (like in a car sales example where you want a Ford section linking to Ford pages and Chevy pages linking to Chevy pages). Just wondering if anyone thinks I have this set up right. Wondering if the home page should display the "expanded" navigation menu instead or if all top level pages should show the expanded? Appreciate any thoughts on this. Thanks.
Web Design | | c2g0