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
-
We redesigned our website, make it responsive and page views tanked. What happened?
Last year, we redesigned our site and made it responsive. Our page views only grew by only 3% (the previous year they grew by 40%). If we exclude homepage views from our calculations, we get a drastically different picture-- and see over 30% growth for both total and unique pageviews. Any thoughts?
Web Design | | Anna720 -
Any second opinions as to why our organic search website traffic hasn't recovered from website rebrand (domain change, website redesign)?
I am hoping to see if anyone in the Moz community would be able to help troubleshoot or lend any advice on a major organic search traffic issue we've been experiencing over the last 8 months. In a nutshell, we decided our ~4.5-year-old business needed to undergo a rebrand in October 2015. After changing domains & redesigning our website (more below), our search-driven sessions have dropped 20% in 2016 v.s. 2015. We made quite a few on-site modifications (with some success) post-redesign but are still deep in a rut and not sure what more we can do to recover. I've listed my theories below as to why we're still suffering this hit. If anyone could weigh in on these and/or share any other troubleshooting ideas, I would greatly, greatly appreciate it (and owe you a lunch/beverage of your choice the next time I'm in your city!). ****Backlinks - despite our efforts to 301 all links, I sense we have lost many backlinks. According to Open Site Explorer, our old domain has 1,172 backlinks (some from some very authoritative pages domains), 1,068 of which are passing link equity. In contrast, our new domain has 367 backlinks, 321 are passing link equity, and very few overlap with our old domain. Domain Age - we may have lost much of our reputation with Google as our new domain is much younger than our old domain (1-year-old v.s. 5.5 years old). Domain Name - although I thought to have common keywords in one's domain was a myth, I am now questioning that belief. Our old domain contained a popular, topical keyword and our new domain is derived from a term that is topical, but very uncommon. New URLs - our developer has insisted all links were moved to the new domain, but I have a hunch they were not. When conducting a "site search" (i.e. "site:websitename.com"), the new domain returns 7,740 results. Prior to our switch, a site search with the old domain yielded 30,000+ results. 404s - we found and fixed 100-200 404'd links after the domain switch. We still see a few pop-up today and I'm wondering if this is a red flag in Google's eyes. For a little more background too, here are the nitty gritty details with a rough timeline: Pre-October 12, 2015 - registered new domain and designed the new website on Wordpress, while researching a range of articles and resources for a successful site migration (e.g. this and this Moz guide). October 12, 2015 - flipped the switch on the website design, domain, minor content reorganization, and social handles. We announced the change to our audience via an article, newsletter, and social; informed Google Webmaster Tools (GWT) of the new address, 301'd all links from the old to the new domain, and submitted new sitemap in GWT. October 12 - 16, 2015 - traffic is normal, everything seems to be okay. October 17, 2015 - search traffic drops by 54% v.s. the same day of week pre-rebrand. October 26, 2015 - search traffic rises, so now only down by 30% v.s. the same day of week pre-rebrand. November/December 2015 - re-added numerous elements from the old website such as category, tag, and page pagination and a few sidebar modules that linked to other important pages and tags. Search traffic rises slightly in November (down 27% year-on-year), dips again in December (down 31% year-on-year). January 2016 - today (June 17, 2016) - we published more content on a daily basis and search traffic fluctuates around the 20% versus the same period in 2015. January 2016 - down 23% year-on-year February 2016 - down 17% year-on-year March 2016 - down 20% year-on-year April 2016 - down 21% year-on-year May 2016 - down 21% year-on-year June 2016 (until the 17th) - down 23% year-on-year Thank you all in advance for your time and help, please let me know if you have any questions!
Web Design | | nick490 -
How to submit or build website like this?
Hello Experts, how to submit website like this flow, i mean how can we show our home, about us, services and contact us page like this in search engine 14dcx86.png
Web Design | | JulieWhite0 -
How do I gain full SEO value from individual property pages?
A client of ours has a vacation rental business with rental locations all over the country. Their old sites were a messy assembly of black hat, broken links and htaccess files that were used over and over on each site. We are redoing everything for them, in one site, with multiple subdirectories for individual locations, like Aspen, Fort Meyers, etc. Anyhow, I'm putting together the SEO plan for the site and I have a problem. The individual rental properties have great SEO value (lots of text, indexable pictures, can create google/bing location pages), and are great for linking in social media (Look at this wonderful property, rental price just reduced!). However, I don't want individual properties, which will have very similar keywords, links, descriptions, etc, competing with each other when indexed. Truth be told, I don't really want search engines linking directly to the individual property pages at all. The intended browsing experience should allow a user to "narrow down" exactly what they're seeking using the site until the perfect rental appears. What I want is for searchers to be directed to the property listing index that most closely matches what they're seeking (Ft. Meyers Rental Condos or Breckenridge Rental Homes), and then allow them to narrow it down from there. This is ideal for the users, because it allows them to see all available properties that match what they want, and ideal for the customer, because it applies dozens of pages of SEO mojo to a single index, rather than dozens of pages. So I can't "noindex" or "nofollow", because I want all that good SEO mojo. I can't REL=CANONICAL, because the property pages aren't similar enough to the index. I can't 301 Redirect because I want the users to be able to see the property pages at some point. I'm stymied.
Web Design | | SpokeHQ0 -
How does a Responsive Site kill SEO?
How does a Responsive Site poentially kill SEO? I've seen a few feeds on twitter how a website took a rankings dive after implementing a Responsive theme; yet, it's not clear to me what is actually going on within a Responsive site that would cause the SEO rank to tank? I can only speculate that it introduces a bunch of 404 errors, or that it changes all of the URLs into gibberish, so you loose all of the links coming into your website if not 301'ed? Can someone clarify, what are the actual mechanical issues on a Responsive website that becomes a concern to SEO? Thanks.
Web Design | | ExploreConsulting1 -
Best layout pages for SEO
Dear all, what would be the ideal layout of a webpage for SEO? How would a homepage and landingspage look like? Thanks in advance! Best regards, Ben
Web Design | | HMK-NL0 -
Need some advice on changing website around.
I want to make some changes to my personal website and need a little help. I originally hired someone to create this site for me several years ago. Most of the site (including the home page) is html, but the blog part (/blog) is wordpress. The main site hasn't been updated in a few years (although the blog has been updated more often.) I'm not really targeting any keywords on my site (other than just my name) so I'm not really concerned about loosing any rank or anything. I"m just curious what the best route to go should be. Would you suggest keeping the site's format "as is" so to speak? (make the front page a landing page so to speak that links to my various sites, a little bio, etc; keep an about page, contact, /blog, etc...? ) Or should I go the more traditional route and make the blog the front page? Another route is to someone keep the most recent (1,2,or 3) posts on the home page (landing page) and sort of make it a landing page / recent post page. It's sort of like that now, only the main page just links to the most recent post instead of actually adding the post, if that makes sense. There maybe some themes out there that would work well, so feel free to suggest one if you know one that would work. I think the Aboutme.com pages look pretty nice and will let you use a custom domain, but I'm not sure. (And it's not a complete theme, so not sure that's the best option.) Thanks!
Web Design | | NoahsDad0 -
SEO to Drive Leads
Dear friends, I have clients asking for SEO to drive leads. I have no experience on it, how could I do that? Is there any web layout I can suggest to my client? Another question is how do I implemented the layout on the web structure? I usually structuring my website based on keywords. For example: Homepage niche: plumbing Category: london plumbing, plumbing service, etc Content: Finding London plumbing service in your area, what kind of plumbing service you should pay attention? So, based on these layout, my SEO efforts goes to the content, instead of the homepage. Now, the question is how do I increase conversion with these strategy? Is placing a form above the fold would be wise, then place the content below it. Please advice 🙂 Thanks for your kind support, Albertus
Web Design | | toeplly0