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
-
The little box you talking about.
Make a small table or div and float it to left.
When you say duplicate menu at the bottom, do you mean main menu or sidebar menu.
You can do either. Anything you want.
-
Ok I will wait to get it through. We can have a chat about this.
Thanks,
A
-
Yup. Phone will be real and have confirmation to avoid incidental clicks.
No - adding subcats into menu will make navigation heavy for mobile users. Click hamburger, click category, click subcategory, click sub-subcategory. No way someone to nagivate there.I sent you mine contacts on your site where we can discuss "boring details".
-
I love idea of including phone as I get mainly people calling me anyway. But if that would be active phone number which dials straight away, that could be cool.
Yes we have hamburger now. Let me get this right as I think we think the same. Are you recommending to add those subcategories ( gallery, prices, partners ) to the main existing hamburger, yes? And then make whole menu sticky, yes?
Thanks for your help.
A
-
Well everything is doable - but remember about users first.
So - lets imagine that i'm looking for someone to be official photograph of mine wedding or engagement or baby photo session. So first if i look is text "i'm photograph that can make your special events memorable...". Ok - you have such text. Second is gallery, 3rd some reviews and pricing. Now in mobile design people just can't reach to them and you get visits with 1 page per session. Right?
That's why i think that "Hamburger Gallery Partners Price" could work. Hamburger is actual menu as now - just need to make it sticky with "Gallery Partners Price". WHY?
Let's assume that i'm on mobile and browsing for "Edinburgh wedding photographer". I see results (term is SERP - search engine result pages) and i click on your site. So i start reading your texts. And as i scroll down to them - sticky menu appear on top. And users can click on them - in result you can have user convinced that "here is the man". So they can give you a call or fill contact form.
2nd Idea - place somewhere in sticky menu "phone" icon that will be linked to your phone using "callto:here-is-your-phone-number". So give user another way to book you.
-
Hi Peter,
Just looked up what means hamburger and I'm good now
So for my mobile site.
Do you think it could make sense to make 3 level menu. So main menu, sub category and then gallery, price etc menu?
Or Make main menu sticky and then hamburger with sub category and gallery, price etc menu?
Here is another thought I had,
What if I could make main menu as hamburger. Like I have now. Main menu and subcategory, but make sticky menu on top for side bar options ( prices, gallery etc?)
Do you think that could be doable?
Thanks Peter.
-
Thanks Peter,
Now you are talking far too clever for me
What is hamburger icon?
Also how do you do A/B testing for the site. Do you make two sites?
I'm not a developer, but can pass this onto him. Or maybe I can hire here to get this job done.
Thank you Peter.
-
Hi Egol,
Thanks for reply. I'm trying to link up relevant pages with hypertext.
The little box you talking about. Where ddi you see that? Did you use tablet or phone? I guess it might be that widget box you talking about. I'm taking that away and will place as an image in actual content.
Good advise about menu of related articles.
When you say duplicate menu at the bottom, do you mean main menu or sidebar menu. At the moment I have only sidebar menu at the bottom.
Thank you Egol.
-
Skeleton have JS to NOT include sticky menu on mobile. But was nice example about mine idea and first that i remember quick during writing this comment.
Second idea is sticky menu with "Hamburger_icon Gallery Partners Price" for mobile and normal (just as now) for desktop. This probably can skip confusing users about menu and hierarchical structure of your website.
But as i said - A/B testing is needed.
-
Thank you for advise Peter.
I just looked at the sticky option. The skeleton you mentioned. I opened page on my mobile, but I didn't see the main menu. It was on my desktop, but not on the mobile so I'm not sure how does it work on mobile. Especially with two menus.
Does it mean that I would have two sticky menus on top? Like my main navigation one and one with secondary menu options?
I like idea of sticky, but just need to make sure that I don't confuse user
-
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.
Go to a few of your pages and find opportunities to link to your own content.
- As the hypertext that wikipedia overuses in some people's opinion.
- In little boxes that float to the left side of your mobile pages (use images and text that elicit clicks)
- As a large menu of related articles at the bottom of your page (look at the provocative images presented in the Outbrain, Taboola, and similar widgets - you don't have to be nasty or naughty like some of them - there are many other ways to earn a click)
- in a search box at the bottom of your article and invite readers to use it
- you don't need a sidebar to entice people to visit another page... just show them what you have that is relevant, what is popular, what is new, what is outrageous - depending upon your audience.
- duplicate your menu at bottom of the page
-
And this is the point where you clearly can see that RWD (responsive web design) isn't "one-size-fit-all" solution.
You have few choices but all are weird - double menu, hamburger + kebap menu, sticky menu on left, etc. But as i said this is weird. And only A/B test can show how they works.
I think that best in your case is to try sticky menu on top. One of best example is here:
http://getskeleton.com/
but you need to watch this on desktop. When you scroll down you can see that "Intro Code Examples More" is sticky on top. In your site you need to make changes to "Gallery Partners Pricing". This menu can be sticky even for desktop. This will bring more size in width for main content.As i said - only A/B test can show who's right. Because all double menus have better navigation but in reality confuses user with "paradox of choice".
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
-
Are provincial third-level domains bad for SEO?
My prospect's domain ends in ".on.ca" (Ontario, Canada). The structure of their site is companyname.on.ca (main page) and all other pages are sub-folders (companyname.on.ca/page-name-1 All pages are no more than two levels deep. I'm wondering if anyone knows if the provincial sub-domain (.on.ca) presents an SEO challenge?
Web Design | | 22Eighteen1 -
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 -
2 Menu links to same page. Is this a problem?
One of my clients wants to link to the same page from several places in the navigation menu. Does this create any crawl issues or indexing problems? It's the same page (same url) so there is no duplicate content problems. Since the page is promotional, the client wants the page accessible from different places in the nav bar. Thanks, Dino
Web Design | | Dino640 -
Force SSL. Good or Bad?
My website can be accessed with a number of different URL's and I am trying to consolidate the traffic to one point. Is there any problem, SEO or technical, with forcing all users who come to my site to going to our https domain? I have already set a preferred domain in WebMaster Tools and set rel=canonical for each page. For instance, anyone entering the below sites would be forced to land at https://www.1099pro.com. 1099pro.com www.1099pro.com http://1099pro.com http://www.1099pro.com
Web Design | | Stew2220 -
Footer Links For Web Design Agencies - Bad?
So today Google have updated their Webmaster Guidelines and they have drawn particular attention to their update relating to Link Schemes. http://support.google.com/webmasters/bin/answer.py?hl=en&answer=66356 Unless you have had your eyes closed and your fingers in your ears since February then most people are aware of the types of link schemes that the updated is refering to but there is one area that isn't so black and white for me. "Here are a few common examples of unnatural links that violate our guidelines: Widely distributed links in the footers of various sites" We are a design agency and we design and build lots of websites for our clients. It is pretty standard practice for agencies to add a credit to the footer of websites and we pick up a lot of work from people that see a site that they like and click through the footer link to our site. Our footer credit is standard on all of the websites that we create:- Website by Teapot Creative Only the 'Teapot Creative' part of the credit is anchor text so we are only linking using our brand name with no intention of manipulating search results. Is this going to hurt us? or will the fact that we are only linking using our branded term and without any SEO intent keep us in the clear? Thanks.
Web Design | | AdeLewis
Ade.0 -
Bar Codes for Event Sites
A client is requesting bar codes for simple tracking of event attendees. Their need is to be able to verify at the door someone has registered and then have that data link to the registrant to show who did/did not attend, etc. We looked at QR code solutions (seems bar code makes more sense at this point) and now are at a point where we need input from any who have experience with either system and could potentially make a recommendation. A person would sign up for this once a year event (no charge, informational) on the site and be able to print off their registration ticket to bring to the event. If it could also be downloaded to iPhone/Android that would be a plus as well. When they come through the door the code is scanned and registrant is in. Simple. They currently keep a database of past attendees and only use it for general area the attendees are from and how many show over time, etc. Since we do not want to reinvent the wheel, we were hoping a mozzer might have insight. thanks, Robert
Web Design | | RobertFisher0 -
Implementing a new Nav Bar: Best practice, SEO benefit, your suggestions?
Hi Mozland, We are going to have a new Nav Bar for our site built from the horror that we currently have to up with. We want to make it a simple affair, similar to The Guardian two-tier Nav Bar - main menu which will drop down to the 2nd tier according to what you clicked on in tier one. Regular stuff, I think. Any suggestions, from your experience, about how best to implement this, what to include, what not to do, what can be included and done to make it as best it can be to get people to peruse our site as easily as possible? Thanks
Web Design | | Martin_S0 -
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