Dedicated landing pages vs responsive web design
-
I've been doing some research into web design and page layout as my company is considering a re-design. However, we have come to an argument around responsive webdesign vs SEO.
The argument is around me (SEO specialist) arguing that I want dedicated pages for all my content as it's good for SEO since it focuses keywords and content properly, and it still adheres to good user journeys (providing it's done correctly), and my web designer arguing that mobile traffic is on the rise (which it is I know) so we should have more content under 1 URL and use responsive web design so that users can just scroll through content instead of having to keep be direct to different pages.
What do I do...
I can't find any blogs, questions, or whiteboards that really touches on this topic, so can anyone advise me on whether I should:
- Create dedicated landing pages for each bit of content which is good for SEO and taking users on a journey around my site
OR
- All content that is relative to a landing page, put all under that one URL (e.g. "About us" may have info on the company, our team, our history, careers) and allow people to scroll down what could be a very long page on any device, but may effect SEO as I can't focus keywords/content under one URL properly, so it may effect rankings.
Any advice SEO and user experience whizzes out there?
-
My agency's website is ranked #1 on Google for small business marketing in a major US city. We get a lot of search traffic, primarily on our home page and contact page. The home page features a couple paragraphs about our agency and a video. Of course there is some information in the footer. With that being said, our website and company has been very successful generating business without lengthy pages. Although I enjoy building long, informative home pages, I don't necessarily know that it guarantees better SEO results (as our company has been ranked #1 for a while with a very minimalistic setup).
This is just my own personal opinion, but I think it is generally better to give the user important (quality) information up front and try to reel them in from there. If they want to browse around your site and learn more then you've done your job. If you're really good then maybe they skip straight to the contact page and shoot you an email or call you.
I've ranked multiple websites #1 on Google for fairly competitive keywords in large cities. Very few of them were infinite scroll. With that being said I don't think there is anything wrong with that style of design (I make a lot of websites like that, too).
I think you should do what ever you think is more visually appealing and works with your content. I think depending on the situation either could work well. Best of luck!
-
Hi Viriginia. Here's a blog post discussing this as well and arguing for the design choice of combining the elements into one page: http://moz.com/blog/the-first-link-counts-rule-and-the-hash-sign. Note the result to her test, "The results were the same and now Google is showing the page for 3 different anchor texts. It means there's another exception of the "first link counts" rule and you can put multiple links on document A to document B and Google will count all of their anchor texts." So I'd be a little less worried about having multiple pages per content piece and instead focus on the page style that delivers the best user experience, conversion rate, and content grouping.
Another thing you can look at to help you decide would be your current / past analytics. How many pages does your average visitor view per session? How much time do they spend on site? If they're not visiting very many pages, going beyond that number might limit the exposure of those pages. If you split test the multi-page design versus the single-page design you might find even better answers. Cheers!
-
Yes. I see exactly what you mean. I think that you can do it the way that you want and still have the responsive design. I think that accordion style menus would help the user experience. That is how I shrunk the fly out menus on this site.
The content and the responsive design are very important parts of SEO. I don't think you have to change your content at all to make a responsive design work. I wouldn't change your content, I would just play around with the menu styles so that you can find the one that works best for your content on a mobile device.
-
Yeah, the way you've done it with each bit of content under different URLs for the About us section e.g. /meet-the-team, /roof-chicago, /testimonials/ is my argument. You've done it the way I want to do it - creating dedicated landing pages for each bit about you, not just shoving it under one /about-us URL.
Here's our current About Us landing page, you'll see what I mean http://www.seriousideas.com/about-us/ - we have it broken down into lots of little bits which you can jump to if you didn't want to scroll --> Meet the team, our history, sectors, clients. I'm arguing that I wouldn't have all of those one URL, I would split them up like this:
/meet-the-team
/our-history
/sectors
/our-clients
But still use responsive web design on the site so that it is an easier experience for the user.
Do you see what I mean?
-
I see what you are saying about duplicate content. What I was suggesting is keeping the pages the length you want them, while having a responsive design. There is no reason why you couldn't have multiple pages with shorter content on a responsive design. Maybe I am just not seeing the full picture.
This is a responsive design I created for a service site a few years ago. The content on the pages was designed to target key terms of course, but there are many pages for about us, the team, and what we do. Is this what you are looking to do?
-
Aww I think I unfairly represented my web designers argument, I think he was more playing devils advocate than saying my way is wrong. But yes, your second comment RE: better UX was his point.
I see what you're saying, but I wouldn't do both... that could potentially lead to duplicate content and rubbish user journey if some pages are maahoosive and some point people to different areas of the site.
We don't sell products, we're a service based company (marketing agency). So all our content is around what services we offer, as well as having a blog and some research papers. But ultimately we're trying to promote our marketing services to help businesses connect with their audience better.
-
After reading this again, I think i have to argue your designers point. I think what he is trying to say is that having more content on one page will optimally offer a better UX. This is because they won't have to click so many times to find exactly what they are looking for.
I see that point. What kind of site do you have? Is it strictly content or is it an Ecommerce site?
-
I would say do them both. There is no reason to limit your landing pages in a responsive design. The purpose of a responsive design is to give the user the same experience on a mobile device and a desktop. It prevents losing functionality and information.
You might have to use some accordion function to hide some of the content in order to view products. If you have no products, then you will want as many pages as you can. The size of your site is important.
I am not sure why your designer is telling you that you can't have as many pages as you want and still have responsive design. Maybe it is time to get a new designer?
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
-
Reducing cumulative layout shift for responsive images - core web vitals
In preparation for Core Web Vitals becoming a ranking factor in May 2021, we are making efforts to reduce our Cumulative Layout Shift (CLS) on pages where the shift is being caused by images loading. The general recommendation is to specify both height and width attributes in the html, in addition to the CSS formatting which is applied when the images load. However, this is problematic in situations where responsive images are being used with different aspect ratios for mobile vs desktop. And where a CMS is being used to manage the pages with images, where width and height may change each time new images are used, as well as aspect ratios for the mobile and desktop versions of those. So, I'm posting this inquiry here to see what kinds of approaches others are taking to reduce CLS in these situations (where responsive images are used, with differing aspect ratios for desktop and mobile, and where a CMS allows the business users to utilize any dimension of images they desire).
Web Design | | seoelevated3 -
Duplicate Content? Designing new site, but all content got indexed on developer's sandbox
An ecommerce I'm helping is getting a complete redesign. Their developer had a sandbox version of their new site for design & testing. Several thousand products were loaded into the sandbox site. Then Google/Bing crawled and indexed the site (because developer didn't have a robots.txt), picking up and caching about 7,200 pages. There were even 2-3 orders placed on the sandbox site, so people were finding it. So what happens now?
Web Design | | trafficmotion
When the sandbox site is transferred to the final version on the proper domain, is there a duplicate content issue?
How can the developer fix this?0 -
Responsive Design vs Mobile For This Site?
They are going to do an entire website redesign for http://gaport.com/ and I think they should adhere to responsive design best practices. However, I'm just saying that because everything I have read says that's the "way of the future" if not the way of the present already. Any reason, they shouldn't do that and keep the desktop/mobile sites? Thanks, Ruben
Web Design | | KempRugeLawGroup0 -
Does anyone know if the YOAST SEO plugin works 100% on a responsive wordpress template?
Hi, Does anyone know if the YOAST SEO plugin works 100% on responsive wordpress template? In other words, when you configure the custom title and metadescription is it also configured for the tablet and cellphone views as well? Thanks Carla
Web Design | | Carla_Dawson0 -
Comparing the site structure/design of my live site to my new design
Hi SEOmoz team, for the last few months I've been working on a new design for my website, the old, live design can be viewed at http://www.concerthotels.com - it is primarily focused on helping users find hotels close to concert venues throughout North America. The old structure was built in such a way that each concert venue had a number of different pages associated with it (all connected via tabs) - a page with information about the venue, a page with nearby hotels to the venue, a page of upcoming events, a page of venue reviews. An example of these pages can be seen at: http://www.concerthotels.com/venue/madison-square-garden/304484 http://www.concerthotels.com/venue-hotels/madison-square-garden-hotels/304484 http://www.concerthotels.com/venue-events/madison-square-garden-events/304484 http://www.concerthotels.com/venue-reviews/madison-square-garden-reviews/304484 The /venue-hotels/ pages are the most important pages on my website - and there is one of these pages for each concert venue - they are the landing pages for about 90% of the traffic on the website. I decided that having four pages for each venue was probably a poor design, since many of the pages ended up having little or no useful, unique content. So my new design attempts to bring a lot of the venue information together into fewer pages. My new website redesign is temporarily situated at: (not currently launched to the public) http://www.concerthotels.com/frontend The equivalent pages for Madison Square Garden are now: http://www.concerthotels.com/frontend/venue/madison-square-garden/304484 (the page above contains venue information, events and reviews) and http://www.concerthotels.com/frontend/venue-hotels/madison-square-garden-hotels/304484 I would really appreciate any feedback from you guys, based on what you think of the new site design compared to the old design from an SEO point of view. Of course, any feedback on site speed, easy of use etc compared to the old design would also be greatly appreciated. 🙂 My main fear is that when I launch the new design (the new URLs will be identical to the old ones), Google will take a dislike to it - I currently receive a large percentage of my traffic through Google organic search, so I don't want to launch a design that might damage that traffic. My gut instinct tells me that Google should prefer the new design - vastly reduced number of pages, each page now contains more unique content, and it's very much designed for users, so I'm hoping bounce rate, conversion etc will improve too. But my gut has been wrong in the past! 🙂 But I'd love to hear your thoughts, and thanks in advance for any feedback, Cheers Mike
Web Design | | mjk260 -
Which is the Best Web Hosting Company?
Which web hosting company is the best to use for SEO purposes? Also which company has the best cost and value?
Web Design | | bronxpad1 -
Image Maps vs. Normal Images
Hey Mozzer's, quick question: Does anyone out there have any opinions / research on whether the use of image maps is an effective way of linking to other pages on a site as opposed to using seperate images? Does Google read alternate text from an image map in the same way as a regular image?
Web Design | | MarkLoud0 -
Hosting/design company that is both cheap and has a nice partner package. Any ideas?
I need to signon with a hosting/design company that is both cheap and has a nice partner package. Any ideas?
Web Design | | christinarule0