Left or right hand navigation
-
Really stupid question (I think) but does Left or right hand navigation help or hinder SEO and/or user experience?
Re-doing our site at the moment and I quite like right hand navigation as it seems to highlight our content better but not sure if it would hinder anything SEO wise - site is based on a responsive theme and side navigation is only called after content anyway so don't think it would make a difference SEO wise
Noticing more and more sites moving towards right hand nav and I quite like it, would also differentiate us in our niche as everyone else uses left hand nav
As I say probably a stupid question but thought I would ask!
-
If it's a Portfolio of your Works - use the Left hand Navigation Menu ! Very Attractive.
The Clients will be amazed by the work you did there and published !If you have a blog or magazine webdesign go with the right hand side ! - as Takeshi said
-
From a web design & usability, a lot of people use right side navigation because it is close to the scroll bar on most browsers/computers. So people can easily access the scroll bar and use the navigation without having to drag their cursor all the way across the screen.
As far as SEO, Google will generally filter out boilerplate content like navigation, but if you have a lot of dynamic content in there, it can impact SEO as far as where you have the navigation in the code (above the content or below the content). However, regardless of where you place the sidebar in your code, you can have it appear wherever you want using CSS.
-
Hi,
It is true,right or left the only impact in your SEO could be if it gives a bad user experience and increases the bounce rate. Maybe choose wisely the links in the nav bar so they are not to many and they actually point to webpages you want to get link juice to.In theory when someone looks at a website tends to check more the left side, specially top left. check for website heat map on google.
What needs to be more visible, the navigation bar or the content? ... depends.
I don´t think that the great majority of customers will even realize that other pages in the niche have the sidebar on the other side. That is just because you are highly involved with your website and the niche and therefore even realize that.
In other words just a mater of design.
My personal opinion, I like right side navigation, looks more modern.
Sebastian
-
There are no stupid questions, only stupid answers.
Certainly don't see either having any negative SEO correlation (unless one looked particularly ugly and increased bounce/exit rates substantially).
I'm with Istvan in thinking it should be a user experience consideration.
-
Hi Teddi,
I personally like the idea of having the navigation on the right side, but we usually test it for each client. Questioning your visitors with a feedback will even give you a better overview of how they like it.
That would be my personal approach for it, but I hope it helps.
Istvan
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 pages not included in navigation given less "weight"
Hi, we recently updated our website and our main navigation was dramatically slimmed down to just three pages and no drop down under those. Yet we have many more important pages, which are linked to once on one of those main three pages. However, will this hurt those other pages because they are not included in navigation (some of which were starting to get good traction in rankings)?
Web Design | | LuaMarketing2
Thanks!0 -
Schema.org - Right way to mark the pages
Dear all, Almost since we started designing our site, we are using schema microdata. It is not only because of the rich snippets, but because I want the search engines to better understand what we have. For example, the +1 buttom would not work properly without schema microdata, because it kind of ignores the OpenGraph parameters that specified image and description; and since we are a (very small) local bussiness directory (between other things), all our clients have a hand written schema complient description on their lisings, including address, opening ours, telephone number, description, etc. It is hand written by us because the tools avialable are simply not good enough to cover all different scenarios that a listing can present. I have not use, until today, a proper for the homepage, and it is probably the cause that our page lost the nice links below the site description in the google snippet. I did not place it on the body tag, but near the description, closing it inmediately after the description finishs. Now this is solved and we will wait to see if the links come back in the next weeks. Now to the question. Our site has three sections, with three different systems installed, two running wordpress and a third running another script. the main site is the local bussiness directory. The front page is mark as "schema.org/WepPage", and I do not know how to mark the other pages of the main site. I was thinking of marking the listings as "schema.org/ItemPage" since they are related to specific clients. Would you consired it to be right? Then, we have landing pages for the categories, should they be mark as WepPage, or as an Article, or something else? Many thanks in advance for your help, Best Regards, Daniel
Web Design | | te_c0 -
CSS vs Javascript vs JQuery drop down navigation
For a user / seo perspective, what is the best way to code a drop down menu nav bar? Is it best to use css, javascript or a scripting library like jquery? I am thinking about overall best practice that will not have a negative impact on serps. I am also thinking about what will work best on all types of devices i.e. desk tops, lap tops, smart phones and tablets. What are the Pro's & Cons of Using CSS for Drop Down Menus. What are the Pro's & cons of using Javascript for drop down menus. And the same question for jquery. Thank you all in advance for your ideas.
Web Design | | bronxpad0 -
Should the parent directory of the main site-navigation be clickable or not?!?
Highly discussed in our team is the question: Should all parent navigation items be clickable, or only the ones that have no child menu appearing on mouse over? At Starwood Germany, we would like to adjust the main navigation for all our websites in order to improve consistency and user friendliness. At the moment, most of our websites feature both clickable non-clickable parent items, depending on whether the items have a corresponding child menu (appearing on mouse over) or not. See example here: http://www.imperialvienna.com/en Some of our team members believe it might be irritating and/or confusing for the user if some items are clickable while others are not. What do you think? Any thoughts and insights would be truly appreciated!
Web Design | | DFM_GSA0 -
Negative Margins - Image Navigation
I created a good navigation but can't replicate it with html or css so I might have to stick to images. What would you recommend as a best practice for images in navigation? This site doesn't need to rank really high, it's mostly for a portfolio.
Web Design | | BeTheBoss0 -
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 -
How does the "first link" rule work with the "reasonable surfer patent" when it comes to the main navigation for a website?
In trying to figure out navigation for a new website, I am struggling with the first link rule vs. the reasonable surfer patent where the first link rule implies that Google "counts" the first link to a page including navigation, and the reasonable surfer patent that implies that navigation links carry less weight than body copy links. What is the best solution for creating main navigation so that it doesn't take away from the body copy links?
Web Design | | cindyt-170380 -
How is link juice split between navigation?
Hey All, I am trying to understand link juice as it relates to duplicate navigation Take for example a site that has a main navigation contained in dropdowns containing 50 links (fully crawl-able and indexable), then in the footer of said page that navigation is repeated so you have a total of 100 links with the same anchor text and url. For simplicity sake will the link juice be divided among those 100 and passed to the corresponding page or does the "1st link rule" still apply and thus only half of the link juice will be passed? What I am getting at is if there was only one navigation menu and the page was passing 50 link juice units then each of the subpages would get passed 1link juice unit right? but if the menu is duplicated than the possible link juice is divided by 100 so only .5 units are being passed through each link. However because there are two links pointing to the same page is there a net of 1 unit? We have several sites that do this for UX reasons but I am trying to figure out how badly this could be hurting us in page sculpting and passing juice to our subpages. Thanks for your help! Cheers.
Web Design | | prima-2535090