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
-
Mergers & Acquisitions - Website Transition Good practice
Hi everyone, I was wondering if anyone has come across good practice for maintaining websites after a merger or acquisition where there needs to be an association between two websites of the two companies involved. For an acquisition, I'm considering moving the acquired company to a sub domain of the parent company e.g. aquiredcompany.parentcompany.com. On both websites there wmay be a prominant popup so visitors can switch between the websites if they have visited the incorrect one. One worry I have is the acquired company has some good rankings, which I want to keep. I will of course manage the process through 301 redirects. But I was wondering if anyone has any thoughts on this approach or can suggest any better solutions. Thanks in advance, Stuart
Web Design | | Stuart260 -
Image with 100% width/height - bad ranking?
Hi, we have some articles like this: http://www.schicksal.com/Orakel/Freitag-13 The main image has a width of 100% and a height of 100%. Today, I've discovered that GWT Instant Preview has some troubles with rendering the page. We have CSS rules to deliver the image with the right dimensions. If a bot like google is not sending any screen height / width we assume the screen size is 2560x1440. Does this harm the ranking of the page? (Content starts below the fold/image) What is a "default" screen size for google? How do they determine if something is "above the fold"? Any tips or ideas? Best wishes, Georg.
Web Design | | GeorgFranz0 -
Can wordpress actually be bad for sites if it static?
Hello, So last year I did rank for my website. Yet I switched from Adobe Muse to wordpress. I thought it would be great for updating and blobbing if I ever do it. So I got a theme, and went for it I have Yoast and that's it for plugins. But if I take say another couple of years to blog, am I hurting myself with wordpress? Like Google knows I am using wordpress so it expects me to be creating content? I know its an odd question, just had to ask
Web Design | | Berner0 -
Please help me articulate why broken pagination is bad for SEO...
Hi fellow Mozzers. I am in need of assistance. Pagination is and has been broken on the Website for which I do SEO in-house...and it's been broken for years. Here is an example: http://www.ccisolutions.com/StoreFront/category/audio-technica This category has 122 products, broken down to display 24 at a time across paginated results. However, you will notice that once you enter pagination, all of the URLs become this: http://www.ccisolutions.com/StoreFront/IAFDispatcher Even if you hit "Previous" or "Next" or your browser back button, the URL stays: http://www.ccisolutions.com/StoreFront/IAFDispatcher I have tried to explain to stakeholders that this is a lost opportunity. That if a user or Google were to find that a particular paginated result contained a unique combination of products that might be more relevant to a searcher's search than the main page in the series, Google couldn't send the searcher to that page because it didn't have a unique URL. In addition, this non-unique URL most likely is bottle-necking the flow of page authority internally because it isn't unique. This is not to mention that 38% of our traffic in Google Analytics is being reported as coming from this page...a problem because this page could be one of several hundred on the site and we have no idea which one a visitor was actually looking at. How do I articulate the magnitude of this problem for SEO? Is there a way I can easily put it in dollars and cents for a business person who really thinks SEOs are a bunch of snake oil salesmen in the first place? Does anyone have any before and after case studies or quantifiable data that they would be willing to share with me (even privately) that can help me articulate better how important it is to address this problem. Even more, what can we hope to get out of fixing it? More traffic, more revenue, higher conversions? Can anyone help me go to the mat with a solid argument as to why pagination should be addressed?
Web Design | | danatanseo0 -
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 -
Why do site links appear under one keyword and not another? Any ideas?
Hi everyone, I have a client whose website is doing the strangest thing. When I search the branded keyword (the company name), Google doesn't show any site links under the result. However, when I search for the company name plus Inc., I do get site links. Now, the website is ranking first in both searches, so that's not the issue. And, as near as I can tell, the site only contains one or two uses of the company name plus the word "inc." Most of the text on the page and all of the meta data only uses the company name, and most of the links that connect to the site use only the company name as well. Even the Who Is for the site doesn't use the term "inc." And ideas what might be going on? I know Google says that the process is still automated but for the life of me I can't figure out what kind of automated process would result in these results. Thanks! Megan (Rebecca's minion)
Web Design | | RebeccaRalston0 -
Footer Links Good or bad?
Hi Can anyone answer this question confidently, I know Google is moving away from lots of links within the footer. However we specialise in websites for the travel industry and having a link to all the areas at the footer can be quite handy. Our websites complete this automatically. Here is an example where due to design of the site the links don't quite fit well, so we need to change anyway. But before completing the work I wondered if there was a better way to do this. http://www.dreamvillasitaly.com/ Many thanks Andy
Web Design | | iprosoftware0 -
I know frames aren't good, but are they bad?
About 3/4 of my website includes frames from the Amazon aStore, but the pages also have at least 500 words of content on them each. I understand that spiders aren't too good with frames but will search engines punish my site for having them or just disregard them? Thanks in advance.
Web Design | | Max_powers0