Parallax: What am I missing? Is there anything great about it?
-
It seems like everywhere I turn, people are using parallax themes. Now, with responsive design themes, I understood that change, because google pretty much said to do that. But, I don't see why parallax has gained such popularity. Is there an SEO benefit to it? Are there studies showing it serves much better UX? Etc?
Curious and thankful,
Ruben
-
Hi Jeff,
I really appreciate the articles.
Thanks,
Ruben
-
Thanks everyone!
-
Parallax is basically the latter day rotating banner. Though it's not always one page. As everyone has said before, it can look cool, but it has the drawbacks of just about every bell and whistle. This one usually requires the site to load not one, but at least two huge images.
So there's no real known benefit. There are mostly apparent drawbacks. Would you rather someone spend their time scrolling up and down for giggles, or get what they need? I find it more of a distraction than anything.
Then again, I'm a curmudgeon that would be happy if everything looked like the Nielsen website.
-
Parallax design is a hot design topic, but I haven't seen any real A-B split test that shows a real difference.
In general, I'm not a huge fan of the one-page, scrolling website. I think that it's okay for a small business site with not much to say. But it severely limits building deep content pages... the sort of 12,000 word pages I love to write that delve into a topic and set you apart as an authoritative expert in the field.
Search Engine Land does have this great article about the perils of Parallax design for SEO:
http://searchengineland.com/the-perils-of-parallax-design-for-seo-164919Key takeaway: The one-page, long scrolling website that so many design agencies love to use doesn't really give you more than one page of content for your whole site.
This is a good article about Parallax design, and how it impacts the end user experience.
http://uxmag.com/articles/the-hypnotic-effect-of-parallax-scrolling-and-how-it-impacts-user-experienceKey takeaways:
- Parallax can be hypnotic and engaging (but there's no real data behind this)
- Page load times can increase (bad for SEO) because you have one really long page.
A student at Purdue wrote a thesis about it, and says it's "more fun" for the end user, but that's about it.
http://docs.lib.purdue.edu/cgttheses/27/Hope this helps!
-- Jeff -
I think this is a design preference rather than an "SEO Benefit". Parallax offers clean design for a site is more detailed than landing page and less detailed than a full-on-website. I think the user benefit comes in to play with clean design and a mobile friendly environment. And when done well, they look super cool.
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
-
Images are Blocked Resources in webmasters. Anything wrong?
Hi all, The images in our sub directory are hosted from a sub domain. This sub domain is blocked to robots. So, I can see all these images are shown as "Blocked Resources" in webmasters. Is anything wrong with this? If so, we also usually block robots to image files location in our website. What's the difference? Thanks
Web Design | | vtmoz0 -
Is this is Wow HIT ME IN THE Face Google bug or am I missing something?
We have a page on our site https://www.spurshelving.co.uk/shop/bigimage.aspx?m=353&i=3436 which enders happily on all browsers as far as I am aware and is reasonably well optimised. So when google sent me a link to a new test tool I just had to check it out. https://testmysite.withgoogle.com/intl/en-gb/?utm_source=awareness&utm_medium=email&utm_campaign=tmsv1awareness&utm_content=header Well the result was shocking...... The page that renders in the results is a default missing product page and not the page that the link renders on a web page. I played a little and simply used the I=3436 attribute and the page appeared no problem I then reversed the attributes so that they were i=3436&m=353 and the page again resolved totally as expected. This indicates to me that Google have an issue with aspx attributes. Now I know what to do but is this same issue an issue in spidering and indexing pages. If is is wow that is a big smack in the face. Does it also harm search results in other engines. Keen for comments here
Web Design | | Eff-Commerce0 -
Page missing meta description some times a good thing?
Just courious to why http://moz.com/learn/seo does not appear to have the meta tag: name="description" content=""> Is this purposely done this way for some reason? Or has it become less important? Just curious.
Web Design | | DanielMulderNL0 -
Parallax, SEO, and Duplicate Content
We are working on a project that uses parallax to provide a great experience to the end user, and we are also trying to create a best case scenario for SEO. We have multiple keywords we are trying to optimize. We have multiple pages with the parallax function built into it. Basically each member of the primary navigation is it's own page, with all subpages built below it using the parallax function. Our navigation currently uses the hashbang method to provide custom URL's for each subpage. And the user is appropriately directed to the right section based on that hashbang. www.example.com/About < This is its own page www.example.com/about/#/history < This is a subpage that you scroll to on the About page We are trying to decide what the best method will be for trying to optimize each subpage, but my current concern is that because each subpage is really a part of the primary page, will all those URL's be seen as duplicate content? Currently the site can also serve each subpage as it's own page as well, so without the parallax function. Should I include those as part of the sitemap. There's no way to navigate to them unless I include them in the sitemap, but I don't want Google to think I'm disingenuous in providing them links that don't exist, solely for the purpose of SEO, but truthfully all of the content exists and is available to the user. I know that a lot of people are asking these questions, and there really are no right answers yet, but I'm curious about everyone else's experience so far.
Web Design | | PaulRonin2 -
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?
Web Design | | wojkwasi0 -
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 -
What's so great about Thesis framework?
I keep hearing about how great Thesis is for SEO. But when I look at the code, it doesn't look like anything special to me -- they followed the basics (proper title, header usage, etc.), pages load quickly, and they packaged things like title and meta control with the theme itself, but none of those things seem particularly special to me. Plenty of SEO plugins give you the same control over title & meta (and the best ones go beyond what Thesis offers) and it's easy to make sure the code is clean. What am I missing?
Web Design | | EricOliver1 -
What Is Our Site Missing Causing Our Former Dominance To Slip?
So we have operated one of our retail sites, BonitaJ.com for many years now. Through a lot of work, link building and optimizing around 2009, we were in a prominent spot on the 1st page in google for just about every main term we were targeting. Towards the end of 2009, nearing December or so, we started slipping here and there, and began being displaced for our main terms by newer sites that according to several factors, don't have near the strength our site holds. And by strength, I simply mean, based on link volume, mozbar stats and many other factors, it seems we should rank well above most, but still find ourselves just hanging to 8-10 positions on page one, and in many cases somewhere on page two for terms it seems like we should be in the top 5 positions for. I believe some of our slippage is due to google's devaluing of many of our incoming links. We achieved our early ranking dominence off a lot of directory links and things like that over time, but ever since 2009 when links began getting devalued we immediately broke into getting quality blog links via LEGIT blog relationships where we'd offer up contests, bloggers would review our products and so on, and these relationships continue through today. We also do a lot of guest blog writing, article postings on various networks, as well as press releases, all with the goal of keeping our link profile happy and healthy. So we still have work to do there, but we're on the right track. So my thought is that to get back over the hump, we simply need to continue with the legit link building methods, but I'm also thinking that maybe we need to improve some things navigationally. Things I was hoping people would chime in on are.... 1. If we're mainly trying to target bridal/wedding related jewelry terms, should we ditch the "Jewelry Sets, Pearl Jewelry & Swarovski Crystal Jewerly" terms from our main navbar. They are featured inside each of the categories, and in the end, we don't rank or pull traffic for them anyway. Would ditching them from the main nav, help pass more juice from home page and other pages to the pages that better target our niche? 2. A while back, we ditched including actual product on each of the main category pages. I'm leaning towards breaking the main category pages up into sections, for instance once on the "Bridal Jewelry" page, it would list each of the sub-cats, with a 5-10 product sampling of the most popular items, with a link that says "view all necklaces" at the end of each sub-section. Do you think that more wise than just trying to direct them into the sub-cats with no actual product offering? 3. Anything else you see glaringly wrong with what we're trying to do? This site is just on the edge of blowing up from a ranking perspective if I can just get some confirmation on some things that I know I should do, but I'm wary due to fear of screwing things up. If I can get some solid feedback, the rest is history.
Web Design | | AarcMediaGroup0