Responsive design blowing out on page links?
-
Hi guys,
We have a site about to launch with a responsive design to suit desktop, tablet and mobile. Each design carries it's own navigation as one primary set of navigational links won't suit all versions of the design. So as desktop resizes to mobile (or tablet) the desktop navigation is hidden (css) and replaced by the nav more suited to the mobile experience (hope I've explained that ok!).
Problem is that if the primary navigation carries 50 links then all 3 designs together carry 150 links which is too many on page links. Is that going to be a problem? Is there a tag that can be applied to the mobile/tablet nav links? Like a canonical tag but for links??
Cheers in advance of your ideas
James -
Hi James
While I fully disclose I'm not intimately familiar with the ins and outs of responsive, I do believe that instead of CSS hiding/showing the same links but having them repeated three times in the HTML, ideally the links would be in the HTML once, and CSS would take care of just restyling them based upon the screen size.
But with that said, Google does not mind so much about the "too many links on a page" situation. They are good enough now to likely figure out what is going on with your menu, and will try to take that into account when assessing the page, and when assigning PageRank through each link.
So while it would be 100% perfect to not repeat every link it's still something that's not going to be detrimental if you had to leave it that way. The only exception to that I think, would be if this is a super large site (like 100,000+ pages) but I don't get the impression this site is quite that big
-Dan
-
Thanks for your response Federico.
It is responsive in that it is only 1 single design but it is 3 different groups of navigational links all pointing to exactly the same urls. So 3 links pointing to each category and product page. Essentially it's navigation x3. As the responsive design shifts to accommodate tablets/mobiles the desktop navigation hides and is replaced by the previously hidden mobile or tablet navigation. So there are necessarily 3 lots of on page links. I'm hoping there's either a tag that can cater for this to append to the extra links OR perhaps someone will suggest that 'too many' is OK if they're legitimate, non spammy and user essential links. Hope that makes sense!
-
As I understand it, a responsive design should fit any device (of course with a minimum). Links in the menu should point to the same pages. For example, a menu (within desktop) shows: page1, page2, page3 and page4. While on mobile it only shows page1 and page3, as the other 2 pages are not available for mobile devices. Then you hide those links (page2 and page4) from the menu. Page1 and Page3 should also be responsive and adjust automatically to the user's width.
You don't have to build separate page versions for mobile/tablet/desktop within a responsive design, if you do, then instead of a responsive design you will end up with a mobile version AND a desktop one.
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
-
Better to Remove Toxic/Low Quality Links Before Building New High Quality Links?
Recently an SEO audit from a reputable SEO firm identified almost 50% of the incoming links to my site as toxic, 40% suspicious and 5% of good quality. The SEO firm believes it imperative to remove links from the toxic domains. Should I remove toxic links before building new one? Or should we first work on building new links before removing the toxic ones? My site only has 442 subdomains with links pointing to it. I am concerned that there may be a drop in ranking if links from the toxic domains are removed before new quality ones are in place. For a bit of background my site has a MOZ Domain authority of 27, a Moz page authority of 38. It receives about 4,000 unique visitors per month through organic search. About 150 subdomains that link to my site have a Majestic SEO citation flow of zero and a Majestic SEO trust flow of zero. They are pretty low quality. However I don't know if I am better off removing them first or building new quality links before I disavow more than a third of the links to the site. Any ideas? Thanks,
Technical SEO | | Kingalan1
Alan0 -
Why is the Page Authority of my product pages so low?
My domain authority is 35 (homepage Page Authority = 45) and my website has been up for years: www.rainchainsdirect.com Most random pages on my site (like this one) have a Page Authority of around 20. However, as a whole, the individual pages of my products rank exceptionally low. Like these: http://www.rainchainsdirect.com/products/copper-channel-link-rain-chain (Page Authority = 1) http://www.rainchainsdirect.com/collections/todays-deals/products/contempo-chain (Page Authority = 1) I was thinking that for whatever reason they have such low authority, that it may explain why these pages rank lower in google for specific searches using my exact product name (in other words, other sites that are piggybacking of my unique products are ranking higher for my product in a specific name search than the original product itself on my site) In any event, I'm trying to get some perspective on why these pages remain with the same non-existent Page Authority. Can anyone help to shed some light on why and what can be done about it? Thanks!
Technical SEO | | csblev0 -
Page for Link Building
Hello guys, My question is about link building and reciprocal links. Since many directories request a reciprocal link, makes me wonder if is not better to create a unique page in the website only for this kind of links. What do you guys recommend? Thanks in advance, PP
Technical SEO | | PedroM0 -
Google is somehow linking my two sites that aren't linked! HELP
Good Morning... In my Google webmaster account it is showing an increase of backlinks between one site i own to the other.... This should not happen, as there are no links from one site to the other. I have thoroughly checked many pages on the new site to see if i can find a backlink, but i can't. Does anyone know why this is showing like this (google now shows 50,000 links from one site to the other).. Can someone please take a look and see if you can find any link from one to the other... original site : http://goo.gl/JgK1e new site : http://goo.gl/Jb4ng Please let me know why you guys think this is happening or if you were actually able to find a link on the new site pointing back to the old site... thanks a lot
Technical SEO | | Prime850 -
Why are my links not being counted?
I have a site that has over 400 links going to it. When I use Moz open site explorer or any other SEO tool its says I have only 12 links. Does anyone know why this could be happening?
Technical SEO | | Goopping0 -
SEOMoz Crawl Diagnostic indicates duplicate page content for home page?
My first SEOMoz Crawl Diagnostic report for my website indicates duplicate page content for my home page. It lists the home page URL Page Title and URL twice. How do I go about diagnosing this? Is the problem related to the following code that is in my .htaccess file? (The purpose of the code was to redirect any non "www" backlink referrals to the "www" version of the domain.) RewriteCond %{HTTP_HOST} ^whatever.com [NC]
Technical SEO | | Linesides
RewriteRule ^(.*)$ http://www.whatever.com/$1 [L,R=301] Should I get rid of the "http" reference in the second line? Related to this is a notice in the "Crawl Notices Found" -- "301 Permanent redirect" which shows my home page title as "http://whatever.com" and shows the redirect address as http://http://www.whatever.com/ I'm guessing this problem is again related to the redirect code I'm using. Also... The report indicates duplicate content for those links that have different parameters added to the URL i.e. http://www.whatever.com?marker=Blah Blah&markerzoom=13 If I set up a canonical reference for the page, will this fix this? Thank you.0 -
Will loading ads in an iframe increase page response time?
We are experiencing slow response time because our pages are ad heavy. If we load ads in an iframe, will the google bots, when indexing the page, count the time it takes for the contact within the iframe to load? Or is that load time separate from the total page response/load time?
Technical SEO | | kbbseo0 -
I have pages that are showing up as having too many links, yet they are noindexed.
I've got several pages that have "too many on page links" and the pages mentioned have already been noindexed. Do these pages need to be no followed too? Here's one of the pages: http://digisavvy.com/site-map/. There's several pages like this, most of which are category or tag archives, which I've noindexed... Do I need to nofollow these, too?
Technical SEO | | digisavvy0