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.
Putting nav code at the bottom of a page?
-
Hey,
We are doing a re-design on our websites and we have run into a little problem.
Basically we need to put the nav code at the bottom of the page (so when you view source all the nav code it at the bottom) but the nav will of course still show at the top.
Will this cause any issues with our SEO? Will it make the nav seem less important or get crawled less?
Thanks for the help in advance!
Ricky
-
I have placed the nav code at the bottom of the HTML doc at times. I can't really say that it is a significant difference for SEO. It doesn't take a lot of work to do if you are skilled with HTML/CSS but I can't really say that this methodology will have a long term benefit for SEO.
HTML 5 has new tags that sites should adopt such as
<nav>and other tags to indicate what that chunk of content is. These tags are supported by all major browsers at this point. I don't know all the specific browser versions. I would recommend this moving forward where possible. By using this tags the crawlers likely will not factor in position in the document to understand the importance of chunks of content.</nav>
-
I see the value of associating anchor text with content links rather than navigation, but I agree with EGOL more than Ryan on this one. What if users are viewing the site with CSS disabled? Maybe because it's easier to view with a screen reader for blind/partially sighted people - it's not very user-friendly having the main navigation links only at the bottom is it?
-
I think that google is smart enough to tell nav code from content.
Most people who do this are probably wasting their time.
I put the nav code at the top... it contains some of my most important links.
Think about it.... If you think that Google can't identify nav code then this is like putting the links to your most important category pages in the footer. Do you really want to do that?
-
Hi Ricky, how big is this site... I have done this 3 years ago on a site I manage of about 100 pages. It worked fine from the first day. My main drive for this though was: I had one horizontal nav on top with no value links which the client insisted in having plus the beefy left hand vertical nav with the right keywords in. In the code I displaced the top horizontal nav to the bottom as and kept the left hand side vertical navigation on the top (codewise). It works wonderfully and no issues with Google at all.
cheers
david
-
Placing the navigation code at the bottom of your HTML is preferable from a SEO perspective.
I have never heard of any system that "had" to place the nav code at the bottom. I've always had to specifically request the nav code be moved to the bottom of the page. I am curious. What software are you working with that requires the code placed at the bottom?
Presently crawlers read your site's HTML code from top to bottom. By placing your nav code at the bottom you can associate anchor text with your content links rather then your navigation links, which is generally preferable. This reasoning is why I position the nav code at the bottom of the html code.
In the future that may change with HTML and other semantic markup offering the ability for crawlers to easily identify content, but for now your approach is preferable in my experience.
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
-
I want to move some pages of my website to a folder and nav menu in those pages should only show inner page links, will it hurt SEO?
Hi, My website has a few SaaS products, to make my website simple i want to move my website some pages to its specific folder structure , so eg website.com/product1/features
Technical SEO | | webbeemoz
website.com/product1/pricing
website.com/product1/information and same for product2 and so on, the website.com/product1/.. menu will only show the links of product1 and only one link to homepage (possibly in footer). Please share your opinion will it be a good idea, from UI perspective it will be simple , but i am not sure about SEO perspective, please help thanks1 -
Home Page Ranking Instead of Service Pages
Hi everyone! I've noticed that many of our clients have pages addressing specific queries related to specific services on their websites, but that the Home Page is increasingly showing as the "ranking" page. For example, a plastic surgeon we work with has a page specifically talking about his breast augmentation procedure for Miami, FL but instead of THAT page showing in the search results, Google is using his home page. Noticing this across the board. Any insights? Should we still be optimizing these specific service pages? Should I be spending time trying to make sure Google ranks the page specifically addressing that query because it SHOULD perform better? Thanks for the help. Confused SEO :/, Ricky Shockley
Technical SEO | | RickyShockley0 -
Blog Page Titles - Page 1, Page 2 etc.
Hi All, I have a couple of crawl errors coming up in MOZ that I am trying to fix. They are duplicate page title issues with my blog area. For example we have a URL of www.ourwebsite.com/blog/page/1 and as we have quite a few blog posts they get put onto another page, example www.ourwebsite.com/blog/page/2 both of these urls have the same heading, title, meta description etc. I was just wondering if this was an actual SEO problem or not and if there is a way to fix it. I am using Wordpress for reference but I can't see anywhere to access the settings of these pages. Thanks
Technical SEO | | O2C0 -
Can you noindex a page, but still index an image on that page?
If a blog is centered around visual images, and we have specific pages with high quality content that we plan to index and drive our traffic, but we have many pages with our images...what is the best way to go about getting these images indexed? We want to noindex all the pages with just images because they are thin content... Can you noindex,follow a page, but still index the images on that page? Please explain how to go about this concept.....
Technical SEO | | WebServiceConsulting.com0 -
Product Pages Outranking Category Pages
Hi, We are noticing an issue where some product pages are outranking our relevant category pages for certain keywords. For a made up example, a "heavy duty widgets" product page might rank for the keyword phrase Heavy Duty Widgets, instead of our Heavy Duty Widgets category page appearing in the SERPs. We've noticed this happening primarily in cases where the name of the product page contains an at least partial match for the desired keyword phrase we want the category page to rank for. However, we've also found isolated cases where the specified keyword points to a completely irrelevent pages instead of the relevant category page. Has anyone encountered a similar issue before, or have any ideas as to what may cause this to happen? Let me know if more clarification of the question is needed. Thanks!
Technical SEO | | ShawnHerrick0 -
No_index of parent page
Hi, sorry its a Friday question... Page A: www.example.com/house/ Page B: www.example.com/house/kitchen Can I 'no_index' page A without it effecting page B being indexed? Views? Many thanks!
Technical SEO | | Richard5551 -
Can you 301 redirect a page to an already existing/old page ?
If you delete a page (say a sub department/category page on an ecommerce store) should you 301 redirect its url to the nearest equivalent page still on the site or just delete and forget about it ? Generally should you try and 301 redirect any old pages your deleting if you can find suitable page with similar content to redirect to. Wont G consider it weird if you say a page has moved permenantly to such and such an address if that page/address existed before ? I presume its fine since say in the scenario of consolidating departments on your store you want to redirect the department page your going to delete to the existing pages/department you are consolidating old departments products into ?
Technical SEO | | Dan-Lawrence0 -
How do you implement pages requiring login?
I'm running a site with a member area and some public accessible pages. The member area obviously requires users to authenticate, while the public pages are indexable by search engines. Our global navigation includes links to the restricted pages. At the moment, when a user isn't logged in and accesses a restricted page, we're 302-redirecting them to a login page. We have a lot of external links pointing to restricted pages (eg. profile pages), and since we're 302-redirecting the juice from these links are lost. I've been thinking about changing the redirect from 302 to 301. How would this look from a search engines view? The pages aren't per se permanently moved - the current user just isn't authenticated to view the content of the page at the moment. Would it be a problem that navigation contains multiple internal links that all 301 redirect to the same login page? Any suggestions? Thanks.
Technical SEO | | jonesjitter0