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
-
Links disappeared
Hi, I am a wedding photographer based in Liverpool. I have been trying to do my own SEO for the last 6 months. I have been hovering around the top of page two for the main search terms for the past few years. I used an SEO company before christmas who got a lot of spammy links which resulted in my site dropping to page 4 of the SERPS. With the help of this forum I managed to locate them and disavow those links, and have tried to do it myself. I have managed to gain a few "featured weddings" on national wedding blogs and wrote a few articles for another wedding blog and also some forum comments. I have also got a few links for example from a wedding band in exchange for some photographs. I have got onto page 1 about 4 times, the best result was at position 6 on page 1 but every time I have slowly dropped out again. I have methodically (once a month) checked for any of the spammy links and updated the disavow list. My competitors have at best old forum comments and the like and on checking their websites with open site explorer are not actively link building at all. I have just checked my Webmaster tools and google is only recognising 51 links. (none of my good wedding blog links are there) I have an external links csv from the 28th June with 602 links on it. I changed my website around May of this year but it is still on the same domain name www.dwliverpoolphotography.co.uk. Can anybody help? Best wishes. David.
Technical SEO | | WallerD0 -
How to verify a page-by-page level 301 redirect was done correctly?
Hello, I told some tech guys to do a page-by-page relevant 301 redirect (as talked about in Matt Cutts video https://www.youtube.com/watch?v=r1lVPrYoBkA) when a company wanted to move to a new domain when their site was getting redesigned. I found out they did a 302 redirect on accident and had to fix that, so now I don't trust they did the page-by-page relevant redirect. I have a feeling they just redirected all of the pages on the old domain to the homepage of the new domain. How could I confirm this suspicion? I run the old domain through screaming frog and it only shows 1 URL - the homepage. Does that mean they took all of the pages on the old domain offline? Thanks!
Technical SEO | | EvolveCreative0 -
Google Shows 24K Links b/w 2 sites that are not linked
Good Morning, Does anyone have any idea why Google WMT shows me that i have 24,101 backlinks from one of my sites ( http://goo.gl/Jb4ng ) pointing to my other site ( http://goo.gl/JgK1e ) ... These sites have zero links between them, as far as I can see/tell. Can someone please help me figure out why Google is showing 24k backlinks? Thanks
Technical SEO | | Prime850 -
Different links to to the same page
Hi, Based on the user's actions we post activity into users Facebook timeline. And each activity has link back to our particular page on our website. For example if original page was: www.Domain.com from Facebook timeline it would be like this: www.Domain.com?Ffb_action_ids=101508953168 Do you think this will have a negative effect on our page rankings as we will eded up having a lot of different URL's to the same page? www.Domain.com?Ffb_action_ids=101508953168 www.Domain.com?Ffb_action_ids=456788765609 etc.. Thank you, Karen Bdoyan
Technical SEO | | showme0 -
Too many links on your blog?
In all of my campaigns, I have a lot of URLs with too many links on the page (defined loosely as around or over 100 links per page); these links are virtually all found on blog pages. The link count shoots up quickly when you start using things like tag clouds, showing all the tags/categories a post is in, in addition to all the cross linking thats typical of blog posts. My question is: Does this matter? Do you work to get blog pages down under that 100 link limit, or just assume most blogs are like this and move along? If you think it does matter, what strategies have you used to cut down the number of links while still keeping popular elements like tag clouds?
Technical SEO | | AdoptionHelp0 -
What's the max number of links you should ever have on a page?
Our homepage has a few hundred links and our index pages(pages that link to our spintext pages) have about 900 links on them with no content. Our SEO guy said we have to keep the links under 1000 but I wanted to see what you guys think.
Technical SEO | | upper2bits0 -
Why would you remove a canonical link?
Currently, my client's blog makes a duplicate page every time someone comments on a post. The previous SEO consultant told the developer to not put a canonical link directing it to the main blog post. Did taking out the canonical link result in these duplicate pages? My question is why would she recommend this action? Is it best to now add in the canonical link in or should we implement a 301 redirect or insert a index: no follow? Would adding a canonical link keep duplicate pages from happening in the future?
Technical SEO | | Scratch_MM0 -
On Page 301 redirect for html pages
For php pages youve got Header( "HTTP/1.1 301 Moved Permanently" );
Technical SEO | | shupester
Header( "Location: http://www.example.com" );
?> Is there anything for html pages? Other then Or is placing this code redirect 301 /old/old.htm http://www.you.com/new.php in the .htaccess the only way to properly 301 redirect html pages? Thanks!0