undefined
Skip to content
Moz logo Menu open Menu close
  • Products
    • Moz Pro
    • Moz Pro Home
    • Moz Local
    • Moz Local Home
    • STAT
    • Moz API
    • Moz API Home
    • Compare SEO Products
    • Moz Data
  • Free SEO Tools
    • Domain Analysis
    • Keyword Explorer
    • Link Explorer
    • Competitive Research
    • MozBar
    • More Free SEO Tools
  • Learn SEO
    • Beginner's Guide to SEO
    • SEO Learning Center
    • Moz Academy
    • SEO Q&A
    • Webinars, Whitepapers, & Guides
  • Blog
  • Why Moz
    • Agency Solutions
    • Enterprise Solutions
    • Small Business Solutions
    • Case Studies
    • The Moz Story
    • New Releases
  • Log in
  • Log out
  • Products
    • Moz Pro

      Your all-in-one suite of SEO essentials.

    • Moz Local

      Raise your local SEO visibility with complete local SEO management.

    • STAT

      SERP tracking and analytics for enterprise SEO experts.

    • Moz API

      Power your SEO with our index of over 44 trillion links.

    • Compare SEO Products

      See which Moz SEO solution best meets your business needs.

    • Moz Data

      Power your SEO strategy & AI models with custom data solutions.

    NEW Keyword Suggestions by Topic
    Moz Pro

    NEW Keyword Suggestions by Topic

    Learn more
  • Free SEO Tools
    • Domain Analysis

      Get top competitive SEO metrics like DA, top pages and more.

    • Keyword Explorer

      Find traffic-driving keywords with our 1.25 billion+ keyword index.

    • Link Explorer

      Explore over 40 trillion links for powerful backlink data.

    • Competitive Research

      Uncover valuable insights on your organic search competitors.

    • MozBar

      See top SEO metrics for free as you browse the web.

    • More Free SEO Tools

      Explore all the free SEO tools Moz has to offer.

    NEW Keyword Suggestions by Topic
    Moz Pro

    NEW Keyword Suggestions by Topic

    Learn more
  • Learn SEO
    • Beginner's Guide to SEO

      The #1 most popular introduction to SEO, trusted by millions.

    • SEO Learning Center

      Broaden your knowledge with SEO resources for all skill levels.

    • On-Demand Webinars

      Learn modern SEO best practices from industry experts.

    • How-To Guides

      Step-by-step guides to search success from the authority on SEO.

    • Moz Academy

      Upskill and get certified with on-demand courses & certifications.

    • MozCon

      Save on Early Bird tickets and join us in London or New York City

    Unlock flexible pricing & new endpoints
    Moz API

    Unlock flexible pricing & new endpoints

    Find your plan
  • Blog
  • Why Moz
    • Small Business Solutions

      Uncover insights to make smarter marketing decisions in less time.

    • Agency Solutions

      Earn & keep valuable clients with unparalleled data & insights.

    • Enterprise Solutions

      Gain a competitive edge in the ever-changing world of search.

    • The Moz Story

      Moz was the first & remains the most trusted SEO company.

    • Case Studies

      Explore how Moz drives ROI with a proven track record of success.

    • New Releases

      Get the scoop on the latest and greatest from Moz.

    Surface actionable competitive intel
    New Feature

    Surface actionable competitive intel

    Learn More
  • Log in
    • Moz Pro
    • Moz Local
    • Moz Local Dashboard
    • Moz API
    • Moz API Dashboard
    • Moz Academy
  • Avatar
    • Moz Home
    • Notifications
    • Account & Billing
    • Manage Users
    • Community Profile
    • My Q&A
    • My Videos
    • Log Out

The Moz Q&A Forum

  • Forum
  • Questions
  • Users
  • Ask the Community

Welcome to the Q&A Forum

Browse the forum for helpful insights and fresh discussions about all things SEO.

  1. Home
  2. Digital Marketing
  3. Web Design
  4. Side bar menu, good or bad idea.

Moz Q&A is closed.

After more than 13 years, and tens of thousands of questions, Moz Q&A closed on 12th December 2024. Whilst we’re not completely removing the content - many posts will still be possible to view - we have locked both new posts and new replies. More details here.

Side bar menu, good or bad idea.

Web Design
3
13
3.0k
Loading More Posts
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as question
Log in to reply
This topic has been deleted. Only users with question management privileges can see it.
  • A_Fotografy
    A_Fotografy last edited by Jan 18, 2016, 6:47 PM

    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

    1 Reply Last reply Reply Quote 0
    • EGOL
      EGOL @A_Fotografy last edited by Jan 19, 2016, 12:11 PM Jan 19, 2016, 12:11 PM

      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.

      1 Reply Last reply Reply Quote 0
      • A_Fotografy
        A_Fotografy @Mobilio last edited by Jan 19, 2016, 12:04 PM Jan 19, 2016, 12:04 PM

        Ok I will wait to get it through. We can have a chat about this.

        Thanks,

        A

        1 Reply Last reply Reply Quote 0
        • Mobilio
          Mobilio @A_Fotografy last edited by Jan 19, 2016, 12:00 PM Jan 19, 2016, 12:00 PM

          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".

          A_Fotografy 1 Reply Last reply Jan 19, 2016, 12:04 PM Reply Quote 1
          • A_Fotografy
            A_Fotografy @Mobilio last edited by Jan 19, 2016, 11:53 AM Jan 19, 2016, 11:53 AM

            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

            Mobilio 1 Reply Last reply Jan 19, 2016, 12:00 PM Reply Quote 0
            • Mobilio
              Mobilio @A_Fotografy last edited by Jan 19, 2016, 11:47 AM Jan 19, 2016, 11:47 AM

              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.

              A_Fotografy 1 Reply Last reply Jan 19, 2016, 11:53 AM Reply Quote 1
              • A_Fotografy
                A_Fotografy @Mobilio last edited by Jan 19, 2016, 11:26 AM Jan 19, 2016, 11:26 AM

                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.

                Mobilio 1 Reply Last reply Jan 19, 2016, 11:47 AM Reply Quote 0
                • A_Fotografy
                  A_Fotografy @Mobilio last edited by Jan 18, 2016, 10:03 PM Jan 18, 2016, 10:03 PM

                  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.

                  1 Reply Last reply Reply Quote 0
                  • A_Fotografy
                    A_Fotografy @EGOL last edited by Jan 18, 2016, 10:00 PM Jan 18, 2016, 10:00 PM

                    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.

                    EGOL 1 Reply Last reply Jan 19, 2016, 12:11 PM Reply Quote 0
                    • Mobilio
                      Mobilio @A_Fotografy last edited by Jan 19, 2016, 11:26 AM Jan 18, 2016, 9:54 PM

                      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.

                      A_Fotografy 2 Replies Last reply Jan 19, 2016, 11:26 AM Reply Quote 1
                      • A_Fotografy
                        A_Fotografy @Mobilio last edited by Jan 18, 2016, 9:50 PM Jan 18, 2016, 9:50 PM

                        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 🙂

                        Mobilio 1 Reply Last reply Jan 18, 2016, 9:54 PM Reply Quote 0
                        • EGOL
                          EGOL last edited by Jan 19, 2016, 11:26 AM Jan 18, 2016, 9:21 PM

                          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
                          A_Fotografy 1 Reply Last reply Jan 18, 2016, 10:00 PM Reply Quote 1
                          • Mobilio
                            Mobilio last edited by Jan 18, 2016, 9:21 PM Jan 18, 2016, 9:21 PM

                            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".

                            A_Fotografy 1 Reply Last reply Jan 18, 2016, 9:50 PM Reply Quote 1
                            • 1 / 1
                            1 out of 13
                            • First post
                              1/13
                              Last post

                            Got a burning SEO question?

                            Subscribe to Moz Pro to gain full access to Q&A, answer questions, and ask your own.


                            Start my free trial


                            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.

                            • See all categories

                            Related Questions

                            • alan-shultis

                              Is managed wordpress hosting bad for seo?

                              hi, i would like to create my own website, but I am confused either to choose cpanel hosting or managed wordpress

                              Web Design | Apr 13, 2024, 4:40 PM | alan-shultis
                              0
                            • cinchmedia

                              Using Button Links vs Sidebar Menu

                              I have a services page with a lot of rich text and a slideshow of images.  Currently, I am using a column of buttons to various services, and am wondering if a sidebar menu would be more effective for Google to crawl and rank?

                              Web Design | Mar 5, 2017, 12:26 PM | cinchmedia
                              0
                            • Web3Marketing87

                              Too Many Outbound Links on the Home Page - Bad for SEO?

                              Hello Again Moz community, This is my last Q of the day: I have a LOT of outbound links on the home page of www.web3.ca Some are to clients projects, most are to other pages on the website. Can reducing this to the core pages have a positive impact on SEO? Thanks, Anton

                              Web Design | Jan 20, 2014, 11:00 AM | Web3Marketing87
                              0
                            • Kingalan1

                              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,
                              Alan

                              Web Design | Sep 29, 2013, 4:19 AM | Kingalan1
                              1
                            • OOMDODigital

                              Accordion Fold Ups Bad For Google

                              http://fandicoach.com/products Right now I have these accordion things on the website. Are they bad for google in terms of being an SEO best practice? I want to avoid doing anything black hat. Thanks!

                              Web Design | Jul 16, 2013, 6:44 PM | OOMDODigital
                              0
                            • RPD

                              Does having a Blog link in the top level navigation provide any better SEO value, or would having it in a footer or top navigation work just as good?

                              Trying to decide on whether placing a link to the blog in our top level navigation would have a better SEO value than just placing it in top or footer navigation. I have an ecommerce site.

                              Web Design | Jun 10, 2013, 3:23 PM | RPD
                              0
                            • hwade

                              Side Nav. Vs. Top Nav

                              I have  a client that currently has a side navigation and wants to know how changing to a top nav will affect her SEO. We always recommend top nav for user experience but I am not sure if there is a direct effect on SEO. Would the change affect it? Thoughts?

                              Web Design | Jan 11, 2013, 12:14 AM | hwade
                              0
                            • airnwater

                              Decreasing Page Load Time with Placeholder Images - Good Idea or Bad Idea?

                              In an effort to decease our page load time, we are looking at making a change so that all product images on any page past page 1 load with a place holder image.  When the user clicks to the next page, it then loads all of the images for that page. Right now, all of the product divs are loaded into a Javascript array and loaded in chunks to the page display div. Product-heavy pages significantly increase load time as the browser loads all of the images from the product HTML before the Javascript can rewrite the display div with page-specific product HTML. In order to get around this, we are looking at loading the product HTML with a small placeholder image and then substituting the appropriate product image URLs when each page is output to the display div. From a user experience, this change will be seamless and they won't be able to tell the difference, plus they will benefit from a potentially a short wait on loading the images for the page in question.  However, the source of the page will have all of the product images in a given category page all having the same image.  How much of a negative impact will this have on SEO?

                              Web Design | Sep 21, 2012, 5:30 AM | airnwater
                              0

                            Get started with Moz Pro!

                            Unlock the power of advanced SEO tools and data-driven insights.

                            Start my free trial
                            Products
                            • Moz Pro
                            • Moz Local
                            • Moz API
                            • Moz Data
                            • STAT
                            • Product Updates
                            Moz Solutions
                            • SMB Solutions
                            • Agency Solutions
                            • Enterprise Solutions
                            Free SEO Tools
                            • Domain Authority Checker
                            • Link Explorer
                            • Keyword Explorer
                            • Competitive Research
                            • Brand Authority Checker
                            • Local Citation Checker
                            • MozBar Extension
                            • MozCast
                            Resources
                            • Blog
                            • SEO Learning Center
                            • Help Hub
                            • Beginner's Guide to SEO
                            • How-to Guides
                            • Moz Academy
                            • API Docs
                            About Moz
                            • About
                            • Team
                            • Careers
                            • Contact
                            Why Moz
                            • Case Studies
                            • Testimonials
                            Get Involved
                            • Become an Affiliate
                            • MozCon
                            • Webinars
                            • Practical Marketer Series
                            • MozPod
                            Connect with us

                            Contact the Help team

                            Join our newsletter
                            Moz logo
                            © 2021 - 2025 SEOMoz, Inc., a Ziff Davis company. All rights reserved. Moz is a registered trademark of SEOMoz, Inc.
                            • Accessibility
                            • Terms of Use
                            • Privacy

                            Looks like your connection to Moz was lost, please wait while we try to reconnect.