Parallax websites - good for SEO?
-
A client of mine is redesigning their site using a vertical Parallax & upon doing some research I've stumbled across Drew Barrymore's site: http://flowerbeauty.com/ - which also uses Parallax.
What I like in particular is that the site changes URLs as you scroll down. If you go direct to one of those URLs you'll notice unique meta data (albeit poorly optimised). All pages are indexed fine in Google (https://www.google.com/#bav=on.2,or.r_cp.r_qf.&fp=f8873f78dfbb8c5e&q=site:flowerbeauty.com)
I'm just wondering if this is considered ok as the user experience is good and they're not doing anything manipulative, however, there's duplicate content and a potential case of cloaking at hand.
I think this approach may be ok for my client for a product features page or a global office locations page since I can break up the sections nicely and split a really long page featuring a lot of content into separate URLs. Whereas Flower Beauty have done it across the whole site... i.e. one page of HTML = the whole site.
What do you guys think?
-
Hi Woj,
Good luck on your project! I created a board with Seo Parallax Responsive Websites. Please add your project to the board if you get it too work! http://www.pinterest.com/ecumbre/seo-and-parallax-scrolling/
thanks
Carla
-
Hi Carla - Thanks for doing that! I agree, their site is not very SEO friendly. Their big mistake is running the whole site (essentially) from one page. Which mean that every page is duplicate or a duplicate subset of the main set.
We looked at only incorporating a handful of elements from the site (well really only the URL switching as you scroll down & ensuring we have unique content).
For example, we have a parallax /features page which has an overview then each feature as you scroll. If you go direct to /features you get the overview only. If you go direct to /features/feature-1 then you only get info about that feature.
-
Hi Woj,
I know you posted this awhile back but I decided to run flowerbeauty.com through moz's software. It is not SEO friendly. I have the reports if you want to see them. Feel free to PM me and I will send them to you.
Lots of duplicate content
Hope it is not too late
-
We're playing around with a few of the technologies that site uses & will run some experiments. Fun!
-
Evaluate what SEO assets the dynamic URL structure provides to support SEO and which it does not. Carla pointed out some excellent points. But I did notice that there is no rel canonical specified and that the head disappears off the view-source when you get off the home page. I wonder how authorship and publisher could be implemented (less SEO and more visitor engagement, but still something to consider.). If you find that most SEO elements are available in the structure and you can hold rank using those elements, then "perfect" or "complete" SEO structure may not be necessary. Each industry seems to have its own tolerance for how well you can rank when you don't have all SEO elements in place.
-
Hi Woj,
I took a look at the website and did some research. Google is treating each URL differently and the internal pages are ranking. It appears to be SEO friendly and an amazing solution to Parallax scrolling and SEO. However that being said I am not a programmer. I would need to sit down with a programmer to look at some of the code. If you have one on your team these are the questions I would ask him or her.
- How is the URL change activated? Is it done with Ajax? From what I can see, the main navigation is a list and the scrolling activates the jump to a new place in the list. Each list element is a new URL.
- Does the website have an XML sitemap? I do not see one and I would feed this to Google webmaster tools. The site does have a SEO friendly architecture (the titles and metas could be improved a bit) and Google is picking this up
I do think it is ok to dynamically change the URL as you scroll and find it to be a wonderful balance between SEO and Parallax scrolling.
Thanks Carla
-
Hi Carla - thanks for your response. I guess, my main question is related to the specific technique they used in the Flower Beauty site example. Is it ok to dynamically change the URL as you scroll? If you view the source of each URL you get unique meta data... it's a cool technique if it's ok with the SEs, which so far appears to be the case.
-
Hi Woj,
You have got to read my Youmoz post on how to do a SEO friendly parallax scrolling responsive website http://moz.com/ugc/website-design-wars-seo-agencies-vs-web-design-agencies-worldwide-trends
Our project went really well
Feel free to private message me if you need more insights.
-
While Parallax design can be a great experience for users, you will have to take into consideration its SEO consequences and page load speed. When implemented for an entire website, using a one page design will be problematic since you can only have one
tag. Flower Beauty's website solves this problem by loading multiple pages in one page, but at the cost of speed as vagish mentioned. You would also have to take into consideration that parallax design doesn't work well on mobile devices, and a separate mobile site will have to be created in that case.
I would recommend using Parallax design for specific pages only (e.g. product features page). It would load much faster if its just a one page design and you would definitely want to captivate your visitors in the product features page.
Here's a link that may be helpful to you when looking at SEO concerns: http://searchengineland.com/the-perils-of-parallax-design-for-seo-164919
Hope that helps!
-
One issue I found was the speed. Also I don't think I've actually seen any sites ranking highly while using a parallax style theme. I actually built a site with a parallax site for a client (but he didn't care about SEO).
It took 15 seconds to load her site: http://gtmetrix.com/reports/flowerbeauty.com/tVCtPPl3 with nearly 300 HTTP requests. If I remember correctly you can only have 8 HTTP requests running concurrently per domain. These requests can be reduced by better caching and css image sprites.
From an SEO point of view I can't really say, but maybe having a look at lots of similar websites would be useful.
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
-
Questioning people that left the website?
If we have a pop up on our site and new customers have subscribed to get 5% off (which i believe shows intent) and they do not purchase would you contact them and find out why they have not purchased to get a better understanding of issues with the website, If so I believe it needs to be more than the standard email of further discount (for example receive an extra 10% discount) or standard do you need help email (we need to either talk direct with them or offer something for there help such as 50% off) Any help would be appreciate in finding our pain points on the site www.fastprint.co.uk.
Web Design | | BobAnderson1 -
New Re-design will my website rankings drop?
Hi guys, I have had to re-design my site although we are only 4 months into the seo game we have seen some good progress with our rankings. My question is there anything I need to consider before implementing the new designs so it doesn't effect my current rankings or any of our SEO work. Our current designs are content thing and so we have had to create more content to better optimize our site, however if doing so will this loose our current ranking position? Apperciate any advice around this Thanks
Web Design | | edward-may0 -
Live website is an addon domain - Need site old development url inaccessable from live domain
Hi everyone, I have a website which is built in Joomla 2.5. The development site is located at www,abc.com/subdomain/. We have set the site live using an addon domain which is www.xyz.com. The problem is, www.abc.com/subdomain/ is still accessible and being crawled by Google. How is the best way to make the development url inaccessible? Any help would be appreciated!
Web Design | | DougHosmer0 -
Website spread over two domains - The Good,The Bad and the Ugly ?
Hi, I am wondering if the way I have set up our website site is creating more harm than good ? All our SEO efforts and content is located @ www.sparrowmakeup.com.au however our portfolio is located at www.make-up-artists.com.au. Questions ? Will Analytic bounce rates effect my SERP, as most people click on the portfolio link in the first 5-15 sec of landing on our page ?? Is there a better way of setting it up ? the reason I set it up like this in the first place was because we wanted a different look/theme for the portfolio. (using WP) Is there any other issues that this setup might have in the SEO / SERP department ?? Is there any benefits and how can I maximize on them (silver lining) Your help and experience is greatly appreciated. Regards Ed
Web Design | | EdsonGroupMedia0 -
Mobile website strategy
Hello all! This question is about mobile websites. Any suggestions are welcomed. The facts: We have recently built a mobile website for our business using the separate mobile urls (parallel mobile website on a m. sub-domain). We are in the service industry and while our customers are most of the time on the go, it is important for them to find the price and order the service as fast and easy as possible. The redirect from desktop to mobile happens when customers are accessing the website with a mobile devices and it's done automatically. The mobile version does not have any content and serves only as a search and order function. The SEO has been made for the desktop website only and we are ranking really well for all competitive keywords in our niche. We want to keep the mobile website simple and clean so we are not planning to add any content on it.The questions: Since we are not planning to have much content on the mobile website, do we need to do any SEO for it? If yes, why? What are the benefits? Should we add content on the mobile website and why? Is there any down-side from an SEO perspective due to the fact that the website redirects to the mobile version? How are the inbound links going to behave in this case? Do we need to link these two websites although there is no risk about duplicate content? (links, canonical tags, sitemaps) Will the mobile website take advantage of the link building made for the desktop version? Should we allow the mobile website to be indexed having the fact that this is just a search & book tool? (at the moment it is blocked via robots.txt) Thanks for reading, looking forward to your answers.
Web Design | | echo10 -
What do YOU look for when reviewing technical website criteria?
Wanted to get everyone's thoughts on this. One of my clients was asking me what they thought of a certain website design company. They wanted to use this company because their designs were very beautiful but wanted to be sure that contracting them would be the right decision. After I made my formal review and recommendation I thought this might be a great topic of discussion for the amazing SEOMOZ community. So, what factors do you look at when determining which design firms are worth their weight?
Web Design | | JusinDuff0 -
Does page speed worth for SEO?
I always broken my head to try to follow all pagespeed guidelines. I increase my pagespeed significantly, but i didnt saw any effect in my SEO performance. In my keywords, my concorrents are crap on it (I have score of 90 and they are at 60-70).Does google gives importance to it?
Web Design | | Naghirniac0 -
Looking for an open source or wordpress designer that knows seo best practices
I have almost lost my patience in trying to find a web developer for our project. I have searched high and low from freelancers to us based firms. All I can find; freelancers that can't get the job done, but promise they can and us based firms that are currently getting away with murder charging through the nose on work that is not acceptable to say the least. US based Firms 1. Seem to give you as little work as possible to increase their margin. I get it we all need to make money. 2. Everyone knows how to do everything until you start telling them that you have a little education in the industry and will be testing their work. All of the sudden they no longer talk to you. 3. Got a few recommendations and they are all subpar performers. After asking them why their builds load so slow or have so many errors they have excuses that point to the customer Freelancers over seas. 1. I am not sure where to start with this. I have searched high and low in freelancer for someone that I can trust to build a site. Of course there is a ton of junk to look through. After countless hours of narrowing down the individuals I am thinking of giving a shot I find that they are not capable of the job. All I want is a new website from a firm that is honest and knows what they are doing. That is educated in seo best practices. That can build a quality website and actually has references of sites they built that are still up and running and test out alright. It is pretty bad when web development companies miss simple items like h tags. Really? Does anyone know of someone that knows what they are doing? That can work with someone that knows how to run a dvd player. Just disappointing to see all these web companies and freelancers that get away with murder. Who earns their keep in this industry?!?!?!?
Web Design | | forecastedinvestments0