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
-
Migration from HTML to Wordpress - SEO Implications?
I am in the process of having a wordpress site developed to replace my current HTML site. (I currently have my website in html and a blog in wordpress in a sub directory). I am doing this in phases to try and preserve as much of my good rankings as possible. My first phase is to replicate my site with the exact same pages, meta data, and site structure. I'm hoping that google will see this as not much change and not change my rankings for the worse. I also made it a goal that my site speed tests be at least equal to what they are now. We will have to 301 all of the URLs however since it will be going from /example.html to /example. I believe my blog will also need to move into the root directory as well, so I need to 301 all of those pages. I plan to wait a couple months for Phase 2. Phase 2 involves replacing old content (photo galleries), and introducing new content (virtual tours, videos, new pages, etc.) One of my reasons for moving to wordpress is to keep up with current trends a little easier since I have very little time. (I am owner, website maintainer, SEO - all on my own). My question here is three parts. 1. Do you think this strategy will work to preserve my current rankings? 2. Do you have any lessons learned or advice to share with me to make this as smooth as possible? 3. Do I really need to wait to add new content? I might get antsy and want to do it sooner! 🙂 Thank you in advance!
Web Design | | CalicoKitty20001 -
SSL, SEO, and Site Migration question
When migrating a site to a new url and one where the old url had no https and the new url will be full https does it matter if the 301 redirect points at http://thisisthenewsite.com ? Meaning, should the new site have the ssl / https up prior to redirecting the old site? Does it matter if you redirect the old site to http://thisisthenewsite.com or https://thisisthenewsite.com? Since the site will force to https anyway?
Web Design | | Atlanta-SMO0 -
Would you consider these website designs an upgrade?
Hello everyone, I've asked a few questions in here regarding website design, etc. So first I want to thank you guys for the responses, and second I want to apologize I hope I am not boring you guys. I just feel like this is a forum of qualified people and I value your opinions greatly. Now to my question, I am considering a redesign as we are not happy with our current site located http://www.studentdebtrelief.us/. We think it feels outdated, not structured well, no good call to actions, ten different fonts, blurry images, does have good integration with social media, boring and bland news page, etc. I just wanted some opinions on these other sites that were designed by the fellow we are considering hiring. I've gotten some feedback from a friend that he doesn't think they would be an upgrade from our current site, which I totally disagree with. Though I am the first to admit design/creativity is not my strong suit, so I don't value my own opinion on this very much either, lol. I am hoping I can get some insight from you guys here. Do you think the designs below are of higher quality than our current site? Would you be more inclined to continue reading these sites than our own? Is there one in particular you think is the best? http://www.jayhafling.com/wp-content/uploads/2010/08/archive.jpg http://www.jayhafling.com/wp-content/uploads/2010/08/zazachat.jpg http://www.jayhafling.com/wp-content/uploads/2013/03/jetpeppers3.jpg http://www.jayhafling.com/wp-content/uploads/2013/05/pbs_9001.png http://www.jayhafling.com/wp-content/uploads/2013/05/fidgetfeed.png http://www.jayhafling.com/wp-content/uploads/2013/03/haute.jpg http://www.jayhafling.com/wp-content/uploads/2010/08/worketc-732x1362.jpg Thanks for the help
Web Design | | DemiGR0 -
I need help with international SEO for two sites?
I'll try to keep this clear... I am working with an company based in Germany, they own company.com/de and company.com/en, and that's how they are currently structuring their domains. They also own companyusa.com that they really want to show up in USA only. They want to keep company.com/en for England/english speaking Europe and company.com/de for their German audience in Germany. They are wanting us to optimize/SEO for companyusa.com, and they want that URL to show up as the top google search in the USA for their "company" keyword. What is showing up now is www.company.com/en 1st in Google because it's been around longer and it has more domain authority. What is the best practice for us optimize companyusa.com so that it is the top dog in the USA while not messing up the other domains? Should we merge? Subfolders all around? Thanks for all the input.
Web Design | | Rocket.Fuel0 -
How do I reduce my vast number of errors that SEO Moz has picked up?
Hi, The number of errors on my site recently jumped up by 450. Most of them are duplicate page content and title errors. I am confused as to how the site suddenly got so many errors. I recently added a new sitemap extension to the site as I was told by my developers that it was hacked a couple of months ago. Please could someone help resolve these errors?
Web Design | | Saunders18650 -
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 -
What can this charity site do to improve SEO?
Hello wise ones, We have been working with the charity Volunteers of America to create a new site for their car donation program at carshelpingpeople.org They are a national charity with extensive local programs run by regional affiliates, so the site is divided into a small national section linked to Regional Affiliate sections. You get to the regional sections either by entering your zip code or clicking on your state in the bottom nav of the national pages. Right now we have developed regional sections for Michigan, Nevada, Maryland, Washington D.C., New Jersey, Delaware and the Philadelphia area. The site is about 2 1/2 months old, and while our conversion rate is pretty good (7%) our organic search ranking isn't improving as quickly as we'd like to see. Car donation is a very competitive space, and we would appreciate any advice on how to improve the SEO of the site. Thanks so much.
Web Design | | Phibnax0 -
How to make AJAX/javascript website more seo friendly?
I have a website that is heavy on AJAX. I need recommendations on how to add content as well as other on page ompitizations. The website is a luxury brand for 6 resorts, each with their own subfolder. The website is http://me.graficode.com/preprod/.
Web Design | | Melia0