Html 5 main and secondary navigation for SEO best performances
-
I am building a website which will have a main navigation related to the site and each link of the main navigation will have a secondary navigation. We do not want to use a megamenu style navigation. I will try to explain it with a example:
Let's start with an example for a computer store "My PC Store", the Main Navigation would be:
Desktop PC's Notebook & Tablets
MultimediaWhen clicking on the "Notebook & Tablets" the user is directed to the page domain.com/notebook-tablet.html and on this page the secondary navigation appears: Laptop Netbook Tablets / iPad I am confused on how I should organize the semantic navigation for best SEO performances and I need advice / suggestions. I thought about 2 different ways to do it but which one is more appropriate in terms of SEO? PROPOSITION A Home Page:
<header>
My PC Store <nav>
- Desktop PC's
- Notebook & Tablets
- Multimedia </nav> </header>
Sub-Page (Notebook & Tablets):
<nav>(or
<aside>?)
- Desktop PC's
- Notebook & Tablets
- Multimedia </aside>
</nav>
<header>
Notebook & Tablets <nav>
- Laptop
- Netbook
- Tablets / iPad </nav> </header>
As you notice on the home page the Main Site Navigation is included in the
<header>while it is not in the sub-pages.
PROPOSITION B
Home Page:
<header>
My PC Store
<nav>
-
Desktop PC's
-
Notebook & Tablets
-
Multimedia
</nav>
</header>
Sub-Page (Notebook & Tablets):
<header>
Notebook & Tablets <nav>
- Desktop PC's
- Notebook & Tablets
- Multimedia </nav> # Notebook & Tablets * Laptop
- Netbook
- Tablets / iPad </header>
The main navgation remains always in the
<header>(home page / sub-pages) of all page.
I need suggestions... How would you guys organize the nav ?
</header>
</header>
-
Apologies, typed that up wrong. Have updated above post.
-
Why are you inserting
outside
<header>?</header>
-
My apologies. I would go with the following example in order to maintain a good SEO with your webpage headers and also a solid navigation:
Home page:
<header>
My PC Store
<nav>
-
Desktop PC's
-
Notebook & Tablets
-
Multimedia
</nav>
</header>
Sub Page:
<header>
<nav>
Notebook & Tablets
*** Desktop PC's**
- Notebook & Tablets
*** Multimedia**
</nav>
</header>
**<nav>
- Laptop
- Netbook
- Tablets / iPad </nav>**
Hope this helps.
Matt.
-
-
OK but you don't answer to my question since we do not want any mega menu or drop down menu.
-
This is true if it is wrapped within JavaScript, so that the search engines cannot read it. However, if you use two separate navigation menus then you can negate this problem.
Also, if you were to code up the 'mega menu' style navigation with CSS3 then you could also avoid these crawling problems and make the navigation much more search-engine friendly.
In general, I try to avoid using sub-pages within site to extend navigation (unless it is completely different product areas or business verticals).
Matt.
-
Well there are in general SEO concerns in the use of navigation Mega Menu style and this is why we want to avoid it.
-
Hi There,
I think I have got the jist of what you're trying to achieve.
What I would recommend is that you have links to Desktop PC's, Notebook & Tablets, Multimedia, Laptop, Netbook, Tablets / iPad directly from your homepage. The reason being that this will allow the search engines to crawl your webpages easier and the subcategory pages won't be so deep within the domain.
What I mean is that I would use either a drop down list, so that when the Notebook & Tablets is hovered over, the subcategories are then displayed below it. Alternatively, you could have a secondory naviagtion on the homepage, i.e. with an extensive drop-down list lower down or at the side of the webpage.
Great examples of this type of navigation can be found on: http://www.ebuyer.com or http://www.musicmatters.co.uk/shop.html (look at the secondary nav on the right for the Music Matters shop page.
I hope this helps.
Matt.
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
-
Best Practices-Optimize Theme Before Coding or After Coding?
We purchased a Wordpress Real estate theme called wpcasa. My developer started coding it. We hired a new SEO. The SEO looked at a simple page (About Us) and saw about 70 Java scripts and 11 templates and was very dissatisfied with the coding and heavy source code contained in the theme. My SEO claims the optimizing this theme (removing the unnecessary Java Scripts and combining the templates is way too much work and that it would be better to start from scratch and purchase a theme like https://my.studiopress.com/themes/agentpress/ with more compact, efficient and streamlined code. Problem is we need to throw out 2 months and thousands of dollars worth of code. My SEO says that in the day of Google's "mobile first" streamlined code is particularly important. My developer has taken the position that the code can be cleaned up after the design. Where it seems my SEO wants clean code to stat with. I don't know who to is right. Any ideas? Am I better of starting from scratch with a new more efficient theme, or cleaning up the code on the wpcasa theme? The code for the test page is below. Thanks! | |
Web Design | | Kingalan1
| | lang="en-US" prefix="og: http://ogp.me/ns#"> |
| | |
| | charset="UTF-8"> |
| | http-equiv="X-UA-Compatible" content="IE=edge"> |
| | name="viewport" content="width=device-width, initial-scale=1"> |
| | rel="profile" href="http://gmpg.org/xfn/11"> |
| | rel="pingback" href="http://dev.metro-manhattan.com/xmlrpc.php"> |
| | |
| | <title></span>About Metro Manhattan - Metro Manhattan Office Space<span class="html-tag"></title> |
| | |
| | |
| | |
| | name="description" content="New York City real estate brokerage service helps business tenants acquire office, commercial loft, retail or showroom space anywhere in Manhattan."/> |
| | name="robots" content="noindex,follow"/> |
| | property="og:locale" content="en_US" /> |
| | property="og:type" content="article" /> |
| | property="og:title" content="About Metro Manhattan - Metro Manhattan Office Space" /> |
| | property="og:description" content="New York City real estate brokerage service helps business tenants acquire office, commercial loft, retail or showroom space anywhere in Manhattan." /> |
| | property="og:url" content="http://dev.metro-manhattan.com/about-us/" /> |
| | property="og:site_name" content="Metro Manhattan Office Space" /> |
| | name="twitter:card" content="summary_large_image" /> |
| | name="twitter:description" content="New York City real estate brokerage service helps business tenants acquire office, commercial loft, retail or showroom space anywhere in Manhattan." /> |
| | name="twitter:title" content="About Metro Manhattan - Metro Manhattan Office Space" /> |
| | name="twitter:image" content="http://dev.metro-manhattan.com/wp-content/uploads/2018/07/process-01.png" /> |
| | |
| | |
| | rel='dns-prefetch' href='//maps.googleapis.com' /> |
| | rel='dns-prefetch' href='//maxcdn.bootstrapcdn.com' /> |
| | rel='dns-prefetch' href='//fonts.googleapis.com' /> |
| | rel='dns-prefetch' href='//s.w.org' /> |
| | rel="alternate" type="application/rss+xml" title="Metro Manhattan Office Space » Feed" href="http://dev.metro-manhattan.com/feed/" /> |
| | rel="alternate" type="application/rss+xml" title="Metro Manhattan Office Space » Comments Feed" href="http://dev.metro-manhattan.com/comments/feed/" /> |
| | rel="alternate" type="application/rss+xml" title="Metro Manhattan Office Space » About Metro Manhattan Comments Feed" href="http://dev.metro-manhattan.com/about-us/feed/" /> |
| | |
| | |
| | rel='stylesheet' id='font-awesome-css' href='http://dev.metro-manhattan.com/wp-content/plugins/menu-icons/vendor/kucrut/icon-picker/css/types/font-awesome.min.css?ver=4.7.0' type='text/css' media='all' /> |
| | rel='stylesheet' id='menu-icons-extra-css' href='http://dev.metro-manhattan.com/wp-content/plugins/menu-icons/css/extra.min.css?ver=0.11.2' type='text/css' media='all' /> |
| | rel='stylesheet' id='contact-form-7-bootstrap-style-css' href='http://dev.metro-manhattan.com/wp-content/plugins/bootstrap-for-contact-form-7/assets/dist/css/style.min.css?ver=4.9.5' type='text/css' media='all' /> |
| | rel='stylesheet' id='wpsight-favorites-css' href='http://dev.metro-manhattan.com/wp-content/plugins/wpcasa-favorites/assets/css/wpsight-favorites.min.css?ver=4.9.5' type='text/css' media='all' /> |
| | rel='stylesheet' id='wpsight-listing-labels-css' href='http://dev.metro-manhattan.com/wp-content/plugins/wpcasa-listing-labels/assets/css/wpsight-listing-labels.min.css?ver=4.9.5' type='text/css' media='all' /> |
| | rel='stylesheet' id='wpsight-listings-map-css' href='http://dev.metro-manhattan.com/wp-content/plugins/wpcasa-listings-map/assets/css/wpsight-listings-map.min.css?ver=4.9.5' type='text/css' media='all' /> |
| | rel='stylesheet' id='wpfront-notification-bar-css' href='http://dev.metro-manhattan.com/wp-content/plugins/wpfront-notification-bar/css/wpfront-notification-bar.css?ver=1.7' type='text/css' media='all' /> |
| | rel='stylesheet' id='wpfront-scroll-top-css' href='http://dev.metro-manhattan.com/wp-content/plugins/wpfront-scroll-top/css/wpfront-scroll-top.min.css?ver=2.0.1' type='text/css' media='all' /> |
| | rel='stylesheet' id='chld_thm_cfg_parent-css' href='http://dev.metro-manhattan.com/wp-content/themes/wpcasa-london/style.css?ver=4.9.5' type='text/css' media='all' /> |
| | rel='stylesheet' id='fontawesome.min.css-css' href='http://dev.metro-manhattan.com/wp-content/themes/wpcasa-london-child/assets/css/fontawesome.min.css?ver=4.9.5' type='text/css' media='all' /> |
| | rel='stylesheet' id='load-fa-css' href='https://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css?ver=4.9.5' type='text/css' media='all' /> |
| | rel='stylesheet' id='wpcasa-london-css' href='http://dev.metro-manhattan.com/wp-content/themes/wpcasa-london-child/style.css?ver=4.9.5' type='text/css' media='all' /> |
| | rel='stylesheet' id='bootstrap-css' href='http://dev.metro-manhattan.com/wp-content/themes/wpcasa-london/vendor/twbs/bootstrap/css/bootstrap.css?ver=3.3.6' type='text/css' media='all' /> |
| | rel='stylesheet' id='bootstrap-dropdownhover-css' href='http://dev.metro-manhattan.com/wp-content/themes/wpcasa-london/vendor/kybarg/bootstrap-dropdown-hover/css/bootstrap-dropdownhover.min.css?ver=1.0.0' type='text/css' media='all' /> |
| | rel='stylesheet' id='bootstrap-select-css' href='http://dev.metro-manhattan.com/wp-content/themes/wpcasa-london/vendor/silviomoreto/bootstrap-select/css/bootstrap-select.min.css?ver=1.10.0' type='text/css' media='all' /> |
| | rel='stylesheet' id='awesome-bootstrap-checkbox-css' href='http://dev.metro-manhattan.com/wp-content/themes/wpcasa-london/vendor/flatlogic/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.min.css?ver=0.3.7' type='text/css' media='all' /> |
| | rel='stylesheet' id='pushy-css' href='http://dev.metro-manhattan.com/wp-content/themes/wpcasa-london/assets/css/pushy.css?ver=1.2.1' type='text/css' media='all' /> |
| | rel='stylesheet' id='lightslider-css' href='http://dev.metro-manhattan.com/wp-content/themes/wpcasa-london/vendor/sachinchoolur/lightslider/css/lightslider.min.css?ver=1.1.5' type='text/css' media='all' /> |
| | rel='stylesheet' id='lightgallery-css' href='http://dev.metro-manhattan.com/wp-content/themes/wpcasa-london/vendor/sachinchoolur/lightgallery/css/lightgallery.min.css?ver=1.2.15' type='text/css' media='all' /> |
| | rel='stylesheet' id='animate-css' href='http://dev.metro-manhattan.com/wp-content/themes/wpcasa-london/assets/css/animate.min.css?ver=1.2.1' type='text/css' media='all' /> |
| | rel='stylesheet' id='dashicons-css' href='http://dev.metro-manhattan.com/wp-includes/css/dashicons.min.css?ver=4.9.5' type='text/css' media='all' /> |
| | rel='stylesheet' id='google-fonts-css' href='//fonts.googleapis.com/css?family=Lato:700,400|Raleway:400,300&subset=latin' type='text/css' media='all' /> |
| | rel='stylesheet' id='wpmtst-custom-style-css' href='http://dev.metro-manhattan.com/wp-content/plugins/strong-testimonials/public/css/custom.css?ver=4.9.5' type='text/css' media='all' /> |
| | rel='stylesheet' id='zcffront-jquery-ui-css' href='http://dev.metro-manhattan.com/wp-content/plugins/zoho-crm-forms/assets/css/jquery-ui.css?ver=4.9.5' type='text/css' media='all' /> |
| | rel='stylesheet' id='zcffront-end-styles-css' href='http://dev.metro-manhattan.com/wp-content/plugins/zoho-crm-forms/assets/css/frontendstyles.css?ver=4.9.5' type='text/css' media='all' /> |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | rel='https://api.w.org/' href='http://dev.metro-manhattan.com/wp-json/' /> |
| | rel="EditURI" type="application/rsd+xml" title="RSD" href="http://dev.metro-manhattan.com/xmlrpc.php?rsd" /> |
| | rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://dev.metro-manhattan.com/wp-includes/wlwmanifest.xml" /> |
| | name="generator" content="WordPress 4.9.5" /> |
| | rel='shortlink' href='http://dev.metro-manhattan.com/?p=3800' /> |
| | rel="alternate" type="application/json+oembed" href="http://dev.metro-manhattan.com/wp-json/oembed/1.0/embed?url=http%3A%2F%2Fdev.metro-manhattan.com%2Fabout-us%2F" /> |
| | rel="alternate" type="text/xml+oembed" href="http://dev.metro-manhattan.com/wp-json/oembed/1.0/embed?url=http%3A%2F%2Fdev.metro-manhattan.com%2Fabout-us%2F&format=xml" /> |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | rel="icon" href="http://dev.metro-manhattan.com/wp-content/uploads/2018/06/metromanhattan_icon-75x75.png" sizes="32x32" /> |
| | rel="icon" href="http://dev.metro-manhattan.com/wp-content/uploads/2018/06/metromanhattan_icon.png" sizes="192x192" /> |
| | rel="apple-touch-icon-precomposed" href="http://dev.metro-manhattan.com/wp-content/uploads/2018/06/metromanhattan_icon.png" /> |
| | name="msapplication-TileImage" content="http://dev.metro-manhattan.com/wp-content/uploads/2018/06/metromanhattan_icon.png" /> |
| | |
| | |
| | |
| | |
| | |
| | class="page-template page-template-page-tpl-about page-template-page-tpl-about-php page page-id-3800 page-parent custom-background wpsight-london" itemscope itemtype="http://schema.org/WebPage"> |
| | |
| | |
| | id="top" class="site-wrapper"> |
| | |
| | |
| | class="header-widgets"> |
| | |
| | class="header-full-width"> |
| | id="section-wpsight_london_listings_search-2" class="widget-section section-widget_listings_search">id="wpsight_london_listings_search-2" class="widget widget_listings_search"> <form <span="" class="html-attribute-name">method="get" action="http://dev.metro-manhattan.com/search/" class="wpsight-listings-search horizontal"></form> |
| | |
| | class="listings-search-default"> |
| | class="row gutter-30"> |
| | class="listings-search-field listings-search-field-text listings-search-field-keyword col-xs-12 col-sm-9"> |
| | class="listing-search-keyword text form-control" title="Keyword or Listing ID…" name=" |0 -
Drupal Domain Access SEO Issues
I'm working with a new developer to redesign several Drupal sites and have 3-4 sites with similar designs and modules. The developer is keen on using Drupal Domain Access to make maintenance and sharing user information easier. Each site currently has a unique domain and content (although the sites are in related niches). Are there issues from an SEO perspective with the Drupal Domain Access Module? With only one instance of Drupal on the backend will Google somehow not view these as independent sites? Thanks for any info!
Web Design | | talltrees0 -
Google Indexing Multi-Store Best Practice
Hi Guys, We currently have a main store view and a uk store view setup with a Litespeed Redirect for our website, redirecting UK IP Customers to the UK Store. We recently noticed that we were running into some issues with Google indexing pages from the uk site as well as the main store view. With trying to avoid duplicate content, my question being: What is the best practice for google indexing the UK and Main store views? Any advice would be greatly appreciated. Thanks.
Web Design | | centurysafety0 -
Best SEO practice - Umbrella brand with several domains
Hi, we have several blogs and comparison sites on specific topics. All the domains rank on top positions in very competitive niche markets. We think that we can get more profit out of the domains when we put them under an umbrella brand. Customers that visit domain A can then also find products easily on domain B. We see this for example on health.com, with several brands in the top. To maintain or improve our rankings i'm looking for specific information for the link structure. For example, is it better to have the 'about us'/rel=author on each domain, with contributors on that specific domain or is it better to have them all in the (umbrella) brand domain. At the moment we have the structure like this: domainA.com, domainA.com/blog, domainA.com/about-us and domainB.com, domainB.com/blog, domainB.com/about-us. I think to maintain the rankings it is best to keep specific content (like blog/ about us) on the domain. So is it the best to just do side wide links with a logo (like health.com) and what about hosting? We work with wordpress, so all domains will be hosted on one ip? when we use the multiple site option of WP? All information on this topic is more than welcome 🙂
Web Design | | remkoallertz0 -
Is there any negative SEO effect when using Wordpress for your Blog?
I have a site entirely done in html, no CMS used. The blog page however, is wordpress. Wondering if this will effect us negatively in terms of SEO, having the blog that is linked to our site, a wordpress site. My gut is absolutely not, but the questions was asked....what do you think?
Web Design | | cschwartzel0 -
What is the best tool to view your page as Googlebot?
Our site was done with asp.net and a lot of scripting. I want to see what Google can see and what it can't. What is the best tool that duplicates Googlebot? I have found several but they seem old or inaccurate.
Web Design | | EcommerceSite0 -
Pages vs. Posts for SEO
Hi, I would like your thoughts about pages vs. posts for SEO. I understand the difference in terms of WP structure and have read the SEOmoz blog post about setting up your site for SEO success (http://www.seomoz.org/blog/setup-wordpress-for-seo-success). However, if you're trying to rank for a particular keyword, it seems that either one could work, from an on-page SEO perspective, as far as title tag, URL, meta description, etc. So how do you decide whether to set up a page vs. a post? What are the pros and cons, from an SEO perspective, about using one vs. the other? Thanks in advance! Carolina
Web Design | | csmm0 -
How do I reduce my vast number of errors that SEO Moz has picked up?
Hi, The number of errors on my site recently jumped up by 450. Most of them are duplicate page content and title errors. I am confused as to how the site suddenly got so many errors. I recently added a new sitemap extension to the site as I was told by my developers that it was hacked a couple of months ago. Please could someone help resolve these errors?
Web Design | | Saunders18650