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
-
Have you changed 100's of links on your site? Tell me the why's, the how's and what's!
Hello there. If you've changed 100's of links, then I'd like for you to contribute to this thread. I've created a new URL structure for a website with 500+ posts in an effort to make it more user friendly, and more accessible to crawlers. I was just about to pull the trigger, when I started reading up on the subject and found that I might have a few surprises waiting for me around the corner. The status of my site. 500 posts 10 different categories 50+ tags No Backlinks No recent hits (according to Google Analytics) No rankings. I'm going to keep roughly 75% of the posts, and put them in different (new) categories to strengthen SEO for the topic which I'd like to rank multiple categories for, and also sorted a list with content which I'd like to 410. Created new structure created new categories Compiled list of old URLs, and new URLs New H1, Meta Title & Descriptions New tags It looks simple on paper, but I've got problems executing it. **Question 1. **What do I need to keep in mind when deleting posts, categories, and tags - besides 410, Google URL removal? Question 2. What do I do with all the old posts that I am going to re-direct? Each post has between 10-15 internal links. I've started manually removing each link in old posts before 301'ing them. The reason I'm doing this is control the UX, as well as internal link juice to strengthen main categories. Am I on the right path? On a side note, I've prepared for the 301'ing by changing the H1's, meta data and adding alt text to images. But I can't help but to think that just deleting the old posts, and copying over the content to the new url (with the original dates set) would be a better alternative. Any contribution to this thread would be greatly appreciated. Thank you in advance.
Web Design | | Dan-Louis1 -
Question Concerning HTML5/CSS Templates & Google Mobility Issues
Hi all, Looking for some kind of solution for a responsive update for a site and I am wondering if there are any templates (not Wordpress) that are both great SEO wise and would also pass muster with the impending Google update for responsiveness? I was looking at things like Canvas and Porto ( http://themeforest.net/popular_item/by_category?category=site-templates ) but can't find any discussion on whether or not these things have been addressed with any of these templates. If any of you have suggestions or other places to look for something that could possibly fit the bill (even if temporarily) I would be very appreciative. Thank you so much in advance!
Web Design | | Pixelwik1 -
Can anyone help me detect some SEO improvements onpage please...
Can anyone help me detect some SEO improvements onpage please... I have shortened the website URl so its not easily found when searched via search engines.. http://goo.gl/GlfMRl Please have a look and give me some tips. Thanks
Web Design | | Nettv0 -
Examples of B2B websites offering services (not products)
Hi there, I need some help - I am looking for some examples of SEO and inbound marketing websites in the B2B service sector. Thanks in advance!
Web Design | | Hughescov0 -
Nofollow links to resources used to save bandwidth?
I have a site on volusion, www.ecowindchimes.com. Until recently I was doing fairly well (top 3 for keyword(s) for 6 years) in serps. I was hit by the an update around july of last year, and did a full page redesign in november. My site has been losing ranking for its main keyword "wind chimes".
Web Design | | sbetzen
One change I noticed is that no-follow was removed (when the designers added a lightbox popup for the sound) from the many many links I have for my sound files of the wind chimes (I house them on a separate server to save bandwidth, which is expensive at volusion). The webaddress the sound-files are on doesn't even have a page... it is just there for the files. (there are ~100 files linked to on almost every page of the site where a product listing shows). Should I go through and no-follow all of these links again? Is that hurting me?
I suspect it is, but it is a lot of work for nothing if that is not the problem.0 -
Should I nofollow my blog "read more" links?
I have a standard blog index page with entries formatted as such: Blog title Blog excerpt read more link The blog title is linked to the blog post (duh). The "read more" link is also linked to the same blog post, but I put a rel="nofollow" tag on that link because I don't want the SE's thinking "read more" is relevant anchor text. Now, is what I'm doing right? Won't having the read more link as nofollow result in some sort of conflict considering the blog title link is set to follow? Will a nofollow link have a cascading effect on any matching "follow" link? I've frequently read that "read more" should be nofollowed, but I've never once seen anyone address the conflict of having a follow and nofollow link on the same page pointing to the same link. Which one wins? Thanks.
Web Design | | bluekite770 -
Still too many internal links reported on page
Hi Guys I am new here, and very much learning a lot, and enjoying the benefits of being an SEOMoz user. So here goes with my first question (probably of many). I have known for sometime that our website has a top heavy number of links in the primary navigation. But I wasn't too sure how important this was. Our main objective was to make an east to use nav for customers. All of the feedback we have had says that customers really like our navigation, as it is easy to use etc etc. However, when running an SEOMoz campaign on our site, again we got back that there are too many links on the pages. Example, home page has 500+ links. So I decided to do something about this. I have implemented what I think is a good solution where by the drop down navigation isn't loaded on first load. If the user then hovers over one of our "departments" the sub navigation is loaded via Ajax and dropped in. This means if the user wants it, they get it, if not then it's not loaded with the page. My theory being that Google loads the page without all the links, but a user gets the links as and when they need them. I tested with the SEOMoz toolbar and this tells me that when I load the home page there is 167 links in it vs 500+ previously. However, the my campaign still tells me that my home page has 450+ links (and this is a recent crawl of the page). Our site is here: www.uniquemagazines.co.uk Can you tell me is what I have done is a) a good solution and b) does the SEOMoz crawler have the ability to trigger the hover event and cause the AJAX load of the sub navigation content?
Web Design | | TheUniqueSEO0 -
Best Place for Back Linking
Does anyone have a good list or know where I can find one to show me the best sites to create some organic back links to mine, preferably without paying for them? Thanks to those who help, Craig Fenton IT
Web Design | | craigyboy0