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
-
Ecommerce web design read more toggle vs menu link on home page and product pages
Hello, We have an Ecommerce store. We have a lot of content on the home page and product pages and we are going back and forth between which one to use between a toggle "Read More" "Show Less" toggle for each section and a anchor linked menu. We have long product pages We're thinking a read more toggle is more appropriate for category descriptions so that they can go at the top of the category and not take up space. But the read more toggle with lots of content scrolls the page down and doesn't scroll it back up when you hit "show less" We're leaning towards a linked menu for the home pages and product pages for this reason, but an accordion type set of toggles would look nicer. What do you recommend, and how have you set up your read more toggles if they have lots of info so that they are not confusing? Are there other options? ' Not looking for code (I can do that) I'm looking for ideas on the cleanest home page, category pages, and product pages when they have tons and tons of textual content. Wanting to trim it up and make it look compact and neat! Thanks!
Web Design | | BobGW0 -
Internal Linking: What is the best practice for pages not included in Nav bar?
I never quite understood why internal linking was such a big deal for SEO, but now I'm having second thoughts and perhaps understanding it more. I always thought since most websites have a navigation feature--usually the menu bar located at the top and often another one in the footer--that internal navigation was usually already built in to most websites and therefore, a silly topic to make a fuss over; however, I may be the silly one after all. I am now creating pages that are not included in the navigation so.... What is the best practice for this? If I am creating say, pages for certain locations and those location pages begin to number in the hundreds, it makes my navigation bar a little too cumbersome to have all those pages in a drop down menu. So I made a Locations page and just link to all those pages from that page (and from nowhere else). But now I'm wondering if this could be a bad internal linking practice and perhaps hurt my online visibility as an SEO ranking factor. Is this a crawl problem? And if so, is there a better option that provides a good visitor experience while appeasing the search engines.
Web Design | | Dino640 -
What Is The Best Way To Categorize 3 Different Top Level Categories Each With 20 Sub Categories
Hello, We are trying to figure out the best way to categorize our app review website. We have 3 platforms, iPhone, iPad and Android and each platform has several sub categories and numerous apps subcategories totaling around 50 to 60 categories for each platform. Any suggestions how to do this properly? thank you Mike
Web Design | | crazymikesapps10 -
FTP hacked - links build...
Hi guys, our ftp got hacked a few days ago and the person uploaded a bunch of html pages with links to fake rolex websites. They also build a ton of links to the urls they had created in the image folder on our site with very spammy keyword anchor texts all in line of the same fake watches. What do you recommend as a plan of action? Make a list of all the backlinks and upload them in the Google disavow tool? Obviously i have already deleted the pages they were linking to and secured our ftp. Looking forward to your advice 🙂
Web Design | | Immanuel0 -
Parallax websites - good for SEO?
A client of mine is redesigning their site using a vertical Parallax & upon doing some research I've stumbled across Drew Barrymore's site: http://flowerbeauty.com/ - which also uses Parallax. What I like in particular is that the site changes URLs as you scroll down. If you go direct to one of those URLs you'll notice unique meta data (albeit poorly optimised). All pages are indexed fine in Google (https://www.google.com/#bav=on.2,or.r_cp.r_qf.&fp=f8873f78dfbb8c5e&q=site:flowerbeauty.com) I'm just wondering if this is considered ok as the user experience is good and they're not doing anything manipulative, however, there's duplicate content and a potential case of cloaking at hand. I think this approach may be ok for my client for a product features page or a global office locations page since I can break up the sections nicely and split a really long page featuring a lot of content into separate URLs. Whereas Flower Beauty have done it across the whole site... i.e. one page of HTML = the whole site. What do you guys think?
Web Design | | wojkwasi0 -
Link colour on page?
I always thought that the link colour has to be different from text colour? I have come across a site http://www.printandpackaging.co.uk/ and it has made me question this belief, they seem to only have bolded the link which would be very nice if this is fine.
Web Design | | BobAnderson0 -
Changing Links that Show Up when I Google Brand (Site) Name
Hi SEOmoz Community, A quick question for you all. I've added an attachment for reference. When I google my brand name, say for example, Applied StemCell, I see six links as well below the description. Oddly though, these links seem to be chosen at random, or at least I'm not sure how Google decides on them. When I click on one of the links that is the company's name, Applied StemCell it brings me to a PDF document! Is there any way I can choose which ones to display there? Thanks! OF2oVVN.png
Web Design | | swzhai0 -
Will changing our URL's to MVC friendly URL's have a positive or negative affect on our rankings and link juice?
We've recently changed our site over to a new hosting system, we've got similar pages and are now looking at changing the URL's to ensure we do not loose our link juice from our previous site. My question is regarding the URL's, is it worth us changing our URL's to MVC friendly URL have a good or bad affect on our rankings and or link juice? Thanks
Web Design | | SimonDixon0