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
-
How is Single Page Application (SPA) bad for SEO
Hi guys. I am quite inspired of SPA technique. It's really amazing when all your interaction with the site is going on the fly and you don't see any page reloads. I've started implementing the site with this instruction and already found nice guys to make the design. The only downside of the using SPA which I can see **is the **SEO part. That's because the URL does not really change and different pages don't have their unique URL addresses.
Web Design | | Billy_gym
Actually they have, but it looks like: yoursite.com/#/products yoursite.com/#/prices yoursite.com/#/contact So all of them goes after # and being just anchors. For Google this mean all of these pages is just yoursite.com/ My question is what is really proven method to implement the URL structure in Single Page Application, so all the pages indexed by Google correctly (sorry I don't mention the other search engines because of market share). The other question, of course, is examples. It will be great to see real life site examples, better authority sites, which use SPA technique and well indexed by search engines.1 -
Is Sitewide Credit Link Good or Bad in 2015?
We are a web design agency thus we get a good number of links (footer) from our client's site. According to Matt Cutt, Google considers all the sitewide links to 1. So is it okay to have those links? Note: Those links are do-follow and most with 2 anchor text. "Web Design" by "Company Name" and "Website Development" by."Company Name". Thanks
Web Design | | Jubaer961 -
New To SEO Management, I just want to double check that my idea will work.
I am new to SEO management. I had a 3 month SEO copy writing internship and a 5 month SEO temp job. In both I mostly wrote copy, but I've been teaching myself SEO on the side, I became Google certified. I ended up getting a telemarketing job and somehow the conversation of SEO came up and I winded up managing their SEO for 12 dollars an hour. They say that every lead generated from the website that turns into a sale will be worth 10 dollars and if and when the sales exceed my paycheck I will starting making commission so long as it stays above my hourly. SEO is very fun and this is like my dream job. They are leaving the planning 100% up to me and I want to make sure that what I am doing will work. My plan is as follows: Part 1: Page Authority via backlinks and social media We are health care brokers and my boss, the owner has a lot of contact. He is talking with large unions like, "The Teamsters," and large company retirment groups like, "Blue flame," which is apparently in some way connected to DTE or GE. Long story short, I am trying to get him to convince them to give us a back link to our main page. He also has a ton of clients that own companies. This is good because they may be persuaded to give us backlinks too. In addition, the tech guy thinks he can implement something where we can get a google +1, facebooks likes/shares, twitter likes and shares and pintrest pin it's that would be a part of an email that we send to people within the list of 12,000 clients. From what I can see, from the client base and the people we are working with we should be able to raise the page authority substantially despite the fact that the site is only a few months old and is not yet out of the sand box. I have been slowly picking off each error with SEO MOZ's website crawling. Part 2: Making a Insurance Jargon Dictionary Guide For The Tri-purpose of gathering traffic, proving our professionalism and helping people understand semi-complex insurance jargon. I could build these 2-3 keywords would be addressed per page and they would be defined in a way to help people looking for terms understand them, while simultaneously netting a strong keyword density and a strong page. I think as far as I can tell there are no issues. Part 3: The dictionary pages will pull in new traffic and the home page will receive links and distribute link juice to the sub-pages. This subpages will guide traffic back to the main page with no-follow links to direct people from the unique termed landing pages to the home page for insurance processing. As far as I can tell my logic is solid and on paper this should work. Am I missing anything (like key details, flaws in my plan)?
Web Design | | Tediscool0 -
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 -
Are Carousels Bad for SEO?
My real estate web site was migrated form Drupal to Wordpress last July. The ranking have dropped a lot since migration. One of the things we changed is that we have added two carousels to the home page. Most of the text is below the carousels. Is this bad for SEO? Thanks,
Web Design | | Kingalan1
Alan1 -
My site build in HTML has been badly hit this recent update and I have been toying on the idea of changing it to Wordpress
My site build in HTML has been badly hit this recent update and I have been toying on the idea of changing it to Wordpress. Would this help in my rankings? It seems the hit came only that last 2-4 days when business become much quieter. Frankly i have no idea on why the site fell in ranking all of a sudden. Been comparing to competitors and even a friend in the same industry and nothing makes sense so far (link profile, DA, PA etc) This site has been ranking well for 3 years prior to this. 2. My site has loads of content and visitors arrive from various landpages. But by changing it wordpress, the url of most of them would probably change. What should i do? 301 redirect all of them or is there a better method?
Web Design | | rester0 -
After a website redesign, what is the impact and is it a good practice to use /v2/ naming convention?
Hi mightyful SEOMoz community. We just launched a redesign of our commercial website from https://www.data-field.com to https://www.data-field.com/v2/ All URLs from previous website were 301 permanent redirect to the appropriate page in the new website, and the root domains ( /, /v2/ ) send the users to their own language content /v2/en/, /v2/fr/, /v2/zh/ Up to here everything is fine. But then I setup the usual "Share" buttons, only to find that they were displaying a "0" count. Then I realized that it was because of the root URL change from / to /v2/ My question is the following: 1. Is using /v2/ a good practice? 2. If yes, then should I link the Social tool to https://www.data-field.com/ ( only ) instead of linking it to the actual page in the address bar? Thanks for your answers.
Web Design | | NicolasE0 -
Do you think it will be a good idea to delete old blog pages off the server
I paid somebody to build my website using Dreamweaver, and at one point I didn't know how to use the template which automatically updates every page in the menu section so I stupidly broke the template on every new page when I made the websites blog and put the pages into a subfolder. I realised this was a silly thing to do and now and I now know how to use the template correctly I've copied every single page over from the subfolder and put it into the main template. Now I can update the template menu and every page changes automatically. The only problem is I've now got two versions of every page of my blog on the website. For some reason when I do a sitemap it comes up with a links to the old blog pages I, don't know why when I've removed the links from the blog page? and also the new copies also. I have basically got a copys of all blog pages. Do you think it will be a good idea to delete old indexed blog pages off the server so that when Google spiders the site it will pick up only the new links to the copy pages?
Web Design | | whitbycottages0