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
-
Blogging for SEO in Muse 2017
Can anyone give advice about SEO - specifically blogging in Wordpress and embedding it in your Muse site - that is specific to the 2017 updates. I found a lot of negative information, but that was mostly on forums from 2+ years ago. On their own forums, Muse says that you can get SEO plugins that help with this, but I am not sure I can trust those with clients yet. I have worked in Wordpress for years, but prefer the design freedom adobe provides. Specifically I am worried about whether the traffic to the site would be credited to the wordpress blog (on a different URL) or if it positively impacts my own URL used for the muse site. Would it be considered duplicate content? Also, are there any solutions that I don't know to ask about? Thanks in advance for listening.
Web Design | | Jesiwicks0 -
Creating a new website, but I'd like to control it under a different domain.
I'd like to control it under the domain of another website with a higher DA. Can I create the new website (website A) and do an immediate re-direct to another website (website B)? Or would I be better at putting it as a subdomain? Such as www.websitea.websiteb.com? Cheers all, Rhys
Web Design | | SwanseaMedicine0 -
Mergers & Acquisitions - Website Transition Good practice
Hi everyone, I was wondering if anyone has come across good practice for maintaining websites after a merger or acquisition where there needs to be an association between two websites of the two companies involved. For an acquisition, I'm considering moving the acquired company to a sub domain of the parent company e.g. aquiredcompany.parentcompany.com. On both websites there wmay be a prominant popup so visitors can switch between the websites if they have visited the incorrect one. One worry I have is the acquired company has some good rankings, which I want to keep. I will of course manage the process through 301 redirects. But I was wondering if anyone has any thoughts on this approach or can suggest any better solutions. Thanks in advance, Stuart
Web Design | | Stuart260 -
Best Practice For Website Redesign & Migration
Hi, I'm looking to redesign my current live website to a new Wordpress site using "Studiopress Enterprise Theme". I'm new to Wordpress and therefore will be embarking on lots of testing & development.
Web Design | | Mark_Ch
I do not want to hurt my current live website whilst testing the new Wordpress site. However, it would be nice to bring the test site into the current live environment without changing untold urls, etc. Question
What is the best practice to setup this new Wordpress environment for my domain: www.sampledomain.co.uk How would you restrict Google, Bing, etc from indexing, etc. whilst testing in the live environment. What other consideration should I be aware of Thanks Mark0 -
Does redesigning a website affects SEO results
We have a website and we are getting good traffic to it. Its a travel related domain registered many years back. Now its ranking high for most of the potential keywords even if it is not at all SEO friendly (Domain is an exact match keyword). We are planning to redesign it. Will that affect the SEO Ranking? We need to ask some more doubts: 1. When redesigning we are planning to change the inner page URL. So it it wise to redirect (301) old URL to the new URL? Old url will not be there after redesigning. But its currently having page ranks. 2. Can we redirect more than one old url to a single new page? 3. Google new updates said "they will be going to diminish the exact match results domains". Does that updates affects us? 4. Any more suggestions for the redesigning?
Web Design | | jjv0 -
Website platform
I read through this 2008 Moz post and comments: http://www.seomoz.org/blog/choosing-the-right-cms-platform-for-your-website-from-an-seo-perspective but a few years have passed since the discussion. I am looking to completely revamp my site which is primarily static and built on WordPress, and create a rich community environment that is highly interactive and serves the visitor well. The question continues to come up why I'm using WP vs DotNet vs Drupal vs Juumla. The honest answer is: 1) it's easy for a non-tech like me to update, 2) seems like a lot of plugins are available for use, 3) has a high adoption rate (stable) But also, I kind of don't know what I don't know. I wanted to open up the conversation to see why others favor a specific platform as it relates to the following needs: Must be non-tech EASY to use (no high learning curve Lots of plugins and interoperability - can add and remove as needed/times change Must support forum/community needs and conversations Must be able to create granular authentication / permissions for different audiences to see "permissioned" content BONUS if it can interoperate with MS Dynamics CRM (unfortunately, sigh) I've been burned in the past by using teams that had a predilection for a platform simply because they were comfortable with it - not because it was right for my needs. I have a hard time understanding pro/con conversations if the technologies are too focused on the tech and not enough of what the technology delivers, and I'm naturally resistant to technologies that require a techie, rather than a marketing expert to use them.Thoughts anyone? Would love to hear Mozer opinions - thanks in advance 🙂
Web Design | | JeanieWalker0 -
Which ecommerce platform is best for SEO?
We currently run our eyewear store on osCommerce. However, for various reasons we are considering a redevelopment onto another platform, the most obvious choice being Magento. What might the advantage and improvement in SEO with such a change and is the pain worth the gain???
Web Design | | seanmccauley0 -
What's the best SEO option for jQuery image carousels?
My client wants a fancy jquery carousel at the top of their home page, as is all the rage these days. I would like to add some nice SEO friendly text to that carousel, but I'm not sure how best to do that..I assume that by keeping the text which will appear in the carousel in divs on the page, which will be swapped out as the images cycle, it should still be easily picked up by search engines?
Web Design | | TroyCarlson1