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
-
Big page of clients - links to individual client pages with light content - not sure if canonical or no-follow - HELP
Not sure what best practice here is: http://www.5wpr.com/clients/ Is this is a situation where I'm best off adding canonical tags back to the main clients page, or to the practice area each client falls under? No-following all these links and adding canonical? No-follow/No-index all client pages? need some advice here...
Technical SEO | | simplycary0 -
Outbound Links
I have a page on upstrap-pro.com that provides weights of cameras and lenses. The user/buyer of my on-slip camera straps needs to know the weight his camera and lens to determine the proper pad size... large to small. We have put together a long list of the most popular customer cameras. The way it was done (by my daughter) was to also provide a via a link to dpreview.com which is an excellent site for camera information including specifications etc. My personal feeling about this is mixed. I can do it by having it open dpreview.com in a new tab but then the user/customer could still get distracted and go down the rabbit hole. On the other hand dpreview is such a good site that if they are new to photography and don't know about it, they should. I don't get a dime from dpreview. If fact I doubt they would ever link back to me because they do not write about camera straps. I hear mixed things about outbound links. In this file there are quite a few outbound links to dpreview to keep it consistent. I could do a nofollow on all of them but I read that this is the easy way out. Google is jump ball and I have no clue what Cutts and his merry men are going to decide is cool or not cool. I'd like some thoughts or options... Thanks... A small part of the file below. Canon EF 14mm f/2.8L II USM Wideangle prime lens Canon EF 22.8 oz 645 g Canon EF 14mm f/2.8L USM
Technical SEO | | Asteg0 -
Duplicates on the page
Hello SEOMOZ, I've one big question about one project. We have a page http://eb5info.com/eb5-attorneys and a lot of other similar pages. And we got a big list of errors, warnings saying that we have duplicate pages. But in real not all of them are same, they have small differences. For example - you select "State" in the left sidebar and you see a list on the right. List on the right panel is changing depending on the what you selecting on the left. But on report pages marked as duplicates. Maybe you can give some advices how to improve quality of the pages and make SEO better? Thanks Igor
Technical SEO | | usadvisors0 -
302 Redirect of Home Page - Lost Link Juice?
I've got a new client whose site is set up to redirect the home page to another URL, like www.example.com, redirecting to www.example.com/home/, using a 302 redirect. Am I correct in assuming that links pointing directly to www.example.com are not passing their full value because it is being redirected with a 302 rather than 301? (In a nutshell, I want to make sure this resource is still accurate: http://www.seomoz.org/learn-seo/redirection)
Technical SEO | | kpclaypool0 -
Internal links of my website is taken as inbound link ?
Hi, I was checking my links in Open Site Explorer (http://www.opensiteexplorer.org/links?site=www.bons-plans-vacances.fr) this morning and i came up with this: My main domain is taken as outbound links ...! This link : www.bons-plans-vacances.fr/ Anchor Text : (img alt)100% Bons Plans Voyages From this URL : www.bons-plans-vacances.fr/ I have the same problem with my subdomains : voyage.bons-plans-vacances.fr/sejour/Toutes-Destinations I have that HTML code on the link : Any help ? This is very strange .. i have the same result in google webmaster tools. Thanks 🙂 eDE9b.jpg
Technical SEO | | BonsPlansvacances0 -
No-follow links on advertising pages
Hi I run a job board that enables employers to post job vacancies and information about their organisations. These are 'paid for' pages (advertising) on our site. These link out to their own websites. My question is, would it be better for these links out to their sites to be no-follow? From my site's perspective, I cannot necessarily dictate the quality of their websites (although the majority are leading firms) as I would in article and feature content, where we do happily link out and refer to other quality sites with information that gives readers further information. I know that many large job boards do this where they run listings of feeds from other sites, but should we also do this at the page level where the link out is effectively paid for. What would be the pros and cons if I do or if I don't use no-follow? I hope this makes sense and look forward to some replies. Many thanks
Technical SEO | | CelestialChook0 -
How to measure number of links out from a page
Following on from earlier Q, what do you all use to count links out from a page. I believe there is a bing tool which does this, though rather than a list of sites a simple number would be ideal?
Technical SEO | | seanmccauley0 -
Keywords Ranking Dropped from 1st Page to Above 5th Page
Hello, My site URL is http://bit.ly/161NeE and our site was ranked first page for over hundred keywords before March, 30. But all of a sudden, all the keywords on first page dropped to 5th or 6th page. When we search for our site name without ".com", the results appeared on first page are all from other sites. And our page can only be seen on 6th page. We think we have been penalized by Google. But we don't know the exact reason. Can anyone please help? Some extra info on our site: 1. We have been building links by posting blog, articles and PR. All the articles are unique, written by the writers we hire. It has been working fine all the time. We also varied the anchor text a lot. 2. We didn't make any change to the website. But one real problem with our site is that the server is very slow recently and when google crawl our website, many errors were found, mostly 503, 404 errors. And the total number of errors have reach to over 50,000. Do you think this might be a problem for Google not displaying us on first page? Our technicals are working hard to solve server problem. And if it is solved, shall our rankings be back? Please advise. Thanks.
Technical SEO | | Milanoocom0