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
-
Traffic Dropping To Website
Hi In Google Analytics:
Web Design | | SEOguy1
I have noticed up to 50% of traffic coming to the website drops off at the home page point,
and drops further from other pages on the site. I realise some may possibly say that this could be down to various factors such as server issues, poor web design, or the wrong traffic reaching the site I have did corrected the following: There was an issue with there being www.domain.com and www.domain.com/home, Screaming Frog and Moz showed that these both had duplicate meta tagging issues. Initially I had created a separate page called 'home' to include in the main nav bar under the slider, but yesterday I replaced this page with a request in the functions.php to place 'home' in the nav bar as a redirect back to the home www.domain.com page. This works great. So I now have the following 301 permanent redirects: non-www to www resolve in the htaccess file, plus 2 permanent 301 redirects in the nav bar. I wonder if this is acceptable protocol re the nav bar redirects, and I wonder if you could possibly advise if the actions that I have taken will have any negative impact on the web seo, link structure, crawlability or indexing. Thanks.0 -
Website 'stolen', no contact details
Hi all, Wondering if anyone could help out here, good a very strange issue.... Went into Google Webmaster Tools and looked at the incoming links to a client's site (new client, only just gained access to WMT) and noticed 2563 links coming from a domain. Upon viewing said domain it is a 100% copy of the clients site, I mean 100%; the phone numbers, email address etc are still pointing to the client's site. Everything is the same, the pages, the navigation etc. When I click on a link on the copy site it loads the same pages but at their site, the internal linking points to the version of the pages on their site. It seems to be an ongoing thing because the last time the client updated their blog was last week and this is on the copy site. Obviously this cannot be helping with regard to seo. The client knows nothing about it so not come from them. The copy site is indexed in Google!!. The first thing to do is to contact these people and ask what they are doing. This is proving to be easier said than done, the contact details (as mentioned above) on the pages still point back to the client and the whois gives no details. What would be the first step to take here? Obviously there is the whole legal area about stolen content but that can wait until we have the site down and out of Google. Is there somewhere in Google to report things such as this? I will speak to client and if they are happy I will share both the domains in question, they know I am seeking alternative opinions Many thanks Carl
Web Design | | GrumpyCarl0 -
Will updating our site from ASP .NET 3.5 to ASP .NET 4.0 negatively affect SEO?
I've checked out some of the other posts related to .NET upgrades, but none specifically address ASP .NET 4.0. I understand that there are many advantages to upgrading, but as with any change made to site code I want to be 110% positive that this upgrade will not affect how Google ranks my client's pages. Since the URL extension isn't changing (will remain .aspx), I'm thinking that there won't be much of an affect on SEO at all. In fact, I'm making the argument that the upgrade will only improve page rank. Anyone go through this upgrade and experience any immediate benefits or disadvantages? Thanks for your help!
Web Design | | FreightTEK0 -
Tips on website redesign on site with messy URLs?
So I've inherited quite a messy website. It was in drupal and the owner wants it in wordpress. One of the problems is the link paths. Should I try to recreate them exactly? i.e. something/somethingelse/page/ or use redirects (which I'm not confident in doing). Also, some of the pages end in .html, others in a back slash and others without slahes, there's no consistency. Do you have any tips in general? I remember an older seomoz blogpost about successful website relaunches (with press releases and mass emails and stuff being sent out on launch to boot). Thanks!
Web Design | | seonubblet0 -
Geo Tagging Your Website?
Is it worth it to do this to your site if it has a local focus? What are the advantages and disadvantages? Thanks! ~Ricky
Web Design | | RickyShockley0 -
New Website Redesign: Any Design Comments or SEO Suggestions?
Hi! We recently launched our new website after MONTHS of work. Now that it is live, we are looking to fine tune the design and SEO efforts. This is our new website. And for reference, this is our old website. Any and all comments on design and SEO would be greatly appreciated. Thank you for your help! Mike
Web Design | | Mike.Goracke0 -
Ecommerce SEO - product sort order
Hi, I've been trying to find the answer to this in google but having no luck. In the current era, is it damaging to have products ordered randomly in an ecommerce website? Also, how long would you suggest is a good length of time to establish your natural rank? Ive launched and still work on several succesful ecommerce sites, but have recently launched a completely new venture - brand new url, brand new site and it has been live for around 5 weeks now, and although it is being found in search, it isnt doing as well as i'd like using the moz pro tools ive picked up some issues and have in the last few days tweaked page titles, added 'nofollow' to all my filters, added content etc, so I feel as though ive reset the clock. the site (it's an adult site by the way) is www.lovesauce.co.uk - would appreciate some feedback from the pro's
Web Design | | tom.dollar0 -
How do you visualize website structure
How do you visualize a website structure in terms of (categories of) pages and interlinking. I use such visuals for discussing what you are actually doing now and what can be improved. I have made visuals I few times myself (basically making boxes representing categories of pages and lines representing internal links), but I found that I soon ran into a scheme of huge proportions and needed more paper and more time. Appreciate your thoughts!
Web Design | | NewBuilder2