Hot In Web Design But Not In SEO? Parallax Effects Design

Feb 16, 2011 • 8:54 am | comments (18) by twitter Google+ | Filed Under SEO - Search Engine Optimization

Scrolling PagesHave you ever seen If not, go over there, check it out and come back.

That single page design, that scrolls in new content, is known as the parallax effects and it is done using jQuery. It looks hot and it is not using Flash, so it is even hotter.

But it horrid for SEO purposes.

I spotted a Google Webmaster Help thread where a site was not necessarily using this effect but placing all their content on a single page, and navigating to that content using anchor techniques. You can see this site at - it is a pretty site. But like I said before, for SEO purposes, it is not great.

Yea sure, you can try to optimize a single page for a bunch of keywords but you will have a heck of an easier time optimizing many pages for specific keyword phrases, as opposed to targeting all your keyword phrases on a single page.

Google's JohnMu explained:

I'd generally recommend a more traditional site format. It's complicated for search engines to understand a "one-page" site like that, given that there is so much information on a single page. It's much easier for our algorithms to focus on individual pages with content that matches the same context. Additionally, as Becky mentioned (thanks!), it could be extremely confusing to the user to see basically an empty page when they expect to find content based on a search that they've made.

So if someone lands on this page, they are not immediately taken to the section (the scroll/anchor position) via a search engine. So they land on the blank logo section and are very confused.

What do you think?

Forum discussion at Google Webmaster Help.

Previous story: Can Low Cost SEO Firms Service High Cost Client Bases?



02/16/2011 02:41 pm

Perhaps to get the best of both worlds, create your separate pages with specific information, and then use JavaScript/AJAX techniques to pull in your content to one page and perform your scrolling effects.

Ewing Enterprise

02/16/2011 02:49 pm

wow this is an eye opener for me. I hadnt come across the single page design ( besides the cheesy squezze pages) ... @statik ...stole my EXACT suggestion!!! Has anyone tried staticks method yet?

Barry Schwartz

02/16/2011 02:51 pm

Yep and use Google's method to get your AJAX indexed,


02/16/2011 05:39 pm

For Nike, its as much about brand experience and being new. They have so many channels to push search, from existing portals, ads and marketing efforts, in-store, etc.. This is a cool experiential site, and what it lacks in search, Nike delivers in ad placement, retargeting and audience groups. Left side of my brain likes this very much, although unless you have alternative channels and budgets to drive, I wouldn't do it.

Barry Schwartz

02/16/2011 05:40 pm

Yea, Nike can do it.

1 Page Web Designs

02/16/2011 06:07 pm

wouldn't that create duplicate content? I've seen many "single page" designs that have been optimized for multiple keywords and they come up first everytime.... Also, not everyone needs a 4 page website. If you are selling one product or offer only one service it can be a little hard to create content for 4 pages without having duplicates. Many designers are doing the one-page thing,, and they do just fine:)

Tim Resnik

02/16/2011 07:13 pm

It is a matter of balance between functionality, branding and SEO. I agree with dw below. In the case of Nike, SEO may is not a key business objective with this page. Nike is probably more concerned with maintaining their brand and using it to drive viral traffic rather than using a "traditional site format" and driving Google traffic. On the other hand,'s primary objective should be driving local search traffic.

Vic Holtreman

02/16/2011 10:35 pm

For a second there I thought this article was going to be about the Gawker network redesign.


02/17/2011 02:25 pm

>>> Have you ever seen LOL ... I find that completely silly in look and in feel ^^ -luzie-

Luice Mullins

05/28/2011 09:49 am

It's much easier for our algorithms to focus on individual pages with content that matches the same context. Thats can be great to know about it. social bookmarking services

Sea Master

10/04/2011 02:35 pm

sorry, this article completely misses the point of this site - the clever use of the parallax effect brought way more highly quality to the site than SEO could ever have hoped to. You wouldn't built this way, but for a campaign site it's brilliant. It's like saying a Ferrari should have four doors, child seats and a large boot because it's more practical.

Google Analytcis

04/06/2012 02:10 am

I think it is new to me. I usually see web designs by the help of SEO but how can this affect to our website? Is this kind of strategy can help our products be more productive?

Multivariate Testing

05/16/2012 04:14 pm

Really great design that I should give a try. I do some new plans in my website and I will apply Parallax Effects Design to promote my website instantly in Google. The good about this is that it is suitable in SEO that is very important to promote your website and provide a good traffic to it.


04/12/2013 03:07 am

What about a huge site in the financial industry? How do you avoid the keyword dilution? Is there a way to make sections rank in a friendly user experience?

Carla Dawson

06/10/2013 07:42 pm

Hi Great Post. Hi We noticed that all parallax Scrolling sites violate SEO or onsite optimization. We created and SEO Parallax Scrolling site to prove that it can be done. It is optimized for Chrome and Firefox. Technologies used 1. Parallax Scrolling Horizontal 2. Wordpress 3. SEO 4. Responsive Web Design 5. CSS3 6. HTML5 Thanks Carla Dawson

Chris Sanfilippo

08/27/2013 03:59 pm

Your site is not seo friendly. Stop spamming seo/parallex articles for your own link building purposes...

Carla Dawson

08/29/2013 01:01 pm

Chris I am not spamming articles. SEO and Parallax Scrolling can be done together

Inbound Marking

09/22/2013 02:28 pm

Thanks for your great information, the contents are quite interesting. I will waiting for your next post related in this.

blog comments powered by Disqus