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
-
Need suggestion: What is the best internal linking structure for our website to gain in SEO & UX too?
Hi all, We have 3 different editions of our product we are selling with 20 features. 1st edition & 2nd edition comes with 15 features in which 10 are common in each edition. 3rd edition comes with all 20 features. Now what's the best way to interlink and show the navigational menu to highlight 3 editions and features as well? Much appreciated if some one refer me a website with such structure. Thanks
Web Design | | vtmoz0 -
New Website
With all the changes in web design, I feel it best to seek advice from my fellow Mozzers. We are definitely going with a custom design and I know it MUST be responsive and faster load speed than we currently employ. What other requirements should I seek from our designer? Approximately 50 product pages w/ ECWID shopping cart holding a dozen or less products. TY,
Web Design | | KevnJr
KJr0 -
Subdomains For Real Estate Website
I am currently working on a proposal for a clients Wordpress website development which includes ongoing SEO after the website is developed. I have looked into a number of options and the one that seems the most cost effective involves using subdomains for the individual listings pages. What I want: clientsdomain.com/listings/idxnumber/ What I can get for a decent price: listings.clientsdomain.com/idxnumber/ So the majority of the website will actually exist on a subdomain because the IDX API will automatically populate pages for all of the MLS listings in the area (hundreds or thousands). Meanwhile the domain itself will have all the neighborhood pages and other optimized content, blogs and whatnot. My concern is that dividing the website like this will have negative effects on SEO. There wont be duplicate content across subdomain and main domain, but they will share a lot of links back and forth. I haven't found any recent sources on the topic. Almost everything I have found says that dividing a website in this manor is bad for SEO, but these articles are often many years old. Does anyone know of a Wordpress plugin/IDX company that can provide a solution that doesn't use a subdomain and actually just lists each MLS page within a directory? I am open to using another platform, I am just most familiar with Wordpress. Will using a subdomain in the ways mentioned above have a profound negative effect on SEO? Thank you for your time in responding, I greatly appreciate it.
Web Design | | TotalMarketExposure0 -
We believe we accomplished an SEO Parallax site with a nice balance. Can the MOZ community critique this site from an SEO perspective?
Our goal was to accomplish a site that has parallax scrolling and great onsite optimization. We noticed that most Awwward winning sites www.awwwards.com have great parallax scrolling but no SEO. Can the MOZ community critique this site from an SEO perspective? (Note this site was optimized for Chrome or Firefox. If you are using IE, you will be redirected to the old site.) www.posicionamientowebenbuscadores.com Note the site is in BETA still. It has the following technologies CSS3 HTML5 REsponsive Wordpress Parallax Scrolling Onsite Optimization (SEO) No mobile (ran out of funds...)
Web Design | | Carla_Dawson0 -
Changing from All-in-One SEO to Yoast SEO
I am currently using, and have always used the All-in-One SEO plugin for my website, but I have have heard time and again that the Yoast SEO plugin is superior. How do I transfer to this plugin instead? Do I need to deactivate the all in one seo plugin? What happens to all the tags that are already there for the thousands of pages, including the main page, that is functioning from the all in one SEO plugin?
Web Design | | dtlalaw0 -
Need help in website URL Structure
I have been working on a brand new website currently it is live but I have disallow Googlebots temporarily as I dint want any negative impact. The business of the site is to generate leads , they install and sell Stairlifts and used Stairlifts. There are two main categories New Stairlifts and Reconditioned Stairlifts Currently the URL for new Stairlifts is : http://willowstairlifts.co.uk/stairlifts/ and for Reconditioned Stairlifts is: http://willowstairlifts.co.uk/reconditioned-stairlifts/ My concerns are that the word Stairlifts is mentioned twice in the urls so is it going to have a negative impact or panda penalty? I am thinking of changing them to http://willowstairlifts.co.uk/new/ and the product pages to display as http://willowstairlifts.co.uk/new/brooks/ Currently its http://willowstairlifts.co.uk/stairlifts/brooks/ Same with reconditioned Stairlifts I like to change it to : http://willowstairlifts.co.uk/reconditioned Also its product pages to http://willowstairlifts.co.uk/reconditioned/brooks/ As currently its http://willowstairlifts.co.uk/reconditioned-stairlifts/brooks/ Thanks
Web Design | | conversiontactics0 -
Wordpress/ Insert Tables/ SEO
I'm using Wordpress to create websites and blogs. I have limited (non-existent) HTML Coding knowledge. I'm looking to insert tables within my pages with information. Inside of these tables I want certain names to link to another page with more specific information about that name. I'm using a plugin called "WP Tables Reloaded" it simple helps you to create aesthetically pleasing tables without needing to know HTML Code or CSS. The issue is... when you create this table and insert it to the post, the only thing that shows on the sites back-end page is the table I.D. and the only thing that shows in the HTML is the tables I.D. It looks like this... [table id=2 /] I don't think search engines will be able to crawl this table, thus I won't be receiving any credit for the links being used within the table. Am I right about this?
Web Design | | AndySolo0 -
The ideal SEO e-commerce site
Hi All, I am currently writing a spec for moving our current e-commerce website and it got me thinking from an SEO perspective. We are all usually restrained by the current website set-up / CMS and there are things it can never do despite how hard we push for the changes. If you had the chance to start from a blank canvas (like I do currently) what would be on your wishlist?
Web Design | | RikkiD220