My question is simple... To what extent does your primary navigation [and secondary navigations] have on SEO for your website?
My particular case is this: I have "two" primary navigations. One that is served with specific styling for desktop users, and the other which serves styling for mobile users. By separate, I do mean I had two separate chunks of HTML for each. The primary navigation for the desktop was contained within <nav>
tags, the other primary nav for mobile was just some <div>
s with an ID
That said, I combined these two HTML structure and the styles, the thinking was that I should have only one primary navigation. Now, a few months later I need to re-style the desktop side navigation, and it is proving very difficult as my mobile nav is very complex. My task would be 100 times easier if I could simply move back to having two separate HTML structures ofr the two separate navs. When browsing via mobile, the first set of html is set to display: none; and second set is display: block; Inverse that for browsing from Desktop.
So Ultimately... Is it safe SEO wise to have two "iterations" of my primary navigation, one using <nav>
and one using <div id="nav">
?