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.
-
Hi Paul,
I totally agree with you. Development is outgrowing crawlers but then again this has always been true. Designing and programing for crawlers is something SEOers do but not programers. The thing is that clients want traffic and conversiones and cool technology. However if you only do cool technology without accomplishing business objectives, the project will not be consider successful in the clients eyes...just my 2 cents..
Regarding doing SEO and Parallax Scrolling, I think these two sites accomplished it nicely. I have not found any others. Both are responsive which is also a must.
Kickpoint.ca accomplished telling a story through its graphics and the site is light and versatile. However its onsite SEO could be improved with a little effort.
Posicionamiento Web accomplished great onsite SEO but poor "story telling parallax scrolling" effects. The site is heavy and not as versatile as kickpoint's.
One option is to do parallax scrolling on the home and regular internal pages. This makes the site light.
Good Luck.
Carla
-
Well thats no good. I guess we have to be really careful. Unfortunately this is one area where I think development has outgrown the ability for crawlers to determine what is happening. We aren't trying to do anything malicious. We just want to create a good engaging site. I'll keep trying and continue to post if I have more luck with our method.
-
Hi Paul,
I decided to run flowerbeauty.com through MOZ's software and here are the results. It does pick up stuff as duplicate content. See http://imgur.com/YEb6bmZ
Flowerbeauty is not SEO friendly.
[](<a href=)" target="_blank">a>
-
Hi Paul,
I think before you design your website, you might try creating a campaign for flowerbeauty.com to see if Moz says there are any onsite errors. If it passes Moz's scrutiny, then there is a good chance Google will see it the same way. I have a slot for a new campaign in case you don't have one. I would really like to get to the bottom of this as you can see.
Let me know if you want me run it through Moz to see if it passes onsite optimization. I forgot to mention that my site did pass Moz's onsite analysis. I never tried running the other 2 SEO Parallax Scrolling websites through Moz's software.
-
Thanks Carla for the reference. So if I'm understanding the way this example site works. Your pulling in the content on each "subpage" dynamically so that Google will never see the content twice when visiting the page?
I like the way this works, although I wish you didn't have to see a loading graphic when the page pulls in the content.
I agree that this method looks good, and I would love to get rid of the hashbangs but thats just part of what makes everything work in our current use case.
Certainly I think this site is a move in the right direction.
Thanks for the links and pointers
-
Hi Paul,
First of all congrats on the great new technique. I recently wrote an article about SEO Parallax Scrolling and Responsive websites. There is a website using the hashtag method that is semi SEO friendly here http://flowerbeauty.com/.However that being said
To answer your concer "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". I believe Google will see this as a multiple page site as long as you have different content on different URL's. Why don't you try adding parallax scrolling to each SEO url and have the scroll function take you to each URL like www.flowerbeauty.com did. Make sure to optimize your URL's as well.
For example
as you scroll it would take you too
www.example.com/About/optimized-URL.
I would get rid of the hashtags.
Here are some other SEO friendly parallax scrolling websites. http://www.pinterest.com/ecumbre/seo-and-parallax-scrolling/
Let me know if that helps.
Thanks Carla
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
-
Should i be using shortcodes for my my page content.
Hello, I have a question. Sorry if this is been answered before. Recently I decided to do a little face lift to my main website pages. I wanted to make my testimonials more pretty. Found this great plugin for testimonials which creates shortcodes. I love how it looks like, but just realised that when I use images in shortcodes, these are not picked up by search engines 😞 only text is. Image search ability is pretty important for me and I'm not sure if I should stick with my plain design and upload images manually with all alt tags and title tags or there is a way to adjust shortcode so it shows images to search engines. You can see example here. https://a-fotografy.co.uk/maternity-photographer-edinburgh/ Let me know your thoughts guys. Regards, Armands
Web Design | | A_Fotografy1 -
Best Practices for Leveraging Long Tail Content & Gated Content
Our B2B site has a lot of of long form content (e.g., transcriptions from presentations and webinars). We'd like to leverage the long tail SEO traffic driven to these pages and convert those visitors to leads. Essentially, we'd like Google to index all this lengthy, keyword-rich content AND we'd like to put up a read gate that requires users to register before viewing the full article. This is a B2B site, and the goal is to generate leads. Some considerations and questions: How much of the content to share before requiring registration? Ask too soon and it's a terrible user experience, give too much away and our business objectives are not met. Design-wise, what are good ways to do this? I notice Moz uses a "teaser" to block Mozinar content, and I've seen modals and blur bars on other sites. Any gotchas that Google doesn't like that we should be aware of? Trying to avoid anything that might seem like cloaking. Is it better to split the content across several pages (split a 10K word doc across 10 URLs and include a read gate on each) or keep to one page? Thank you!
Web Design | | Allie_Williams0 -
What would be the best way to translate my website for international seo?
I am planning on creating a multi language website that targets different countries and would like to know what would be the best way to translate my content from English to multiple different languages (French, Spanish, Swedish, Chinese, etc.). I would hire a translator but doing so for all these different languages would be too costly. Using Google translate will leave me with at best a rough translation. What are my other options? Is there a website that can provide me a better translation? Would Fiver be a better/cheaper alternative? Thoughts?
Web Design | | Shawn1240 -
Changing design for a client. SEO concerns.
Hi there! A client requested me to change the look of his website entirely. It currently ranks #16 on Google with one of their main keywords. My problem is: The current site was made in a CMS I'm not familiar with and all of its pages urls are not SEO friendly (EX: http://www.mysite.com/index.php?option=com_content&view=article&id=49&Itemid=95). It is the first time I have come up with this situation so I would appreciate any tips or links to useful information. I tried searching in SEOmoz and came up with nothing. I'm sure this is a common problem though. Since they want a static website, for starters their page extensions will change from .php to .html I'm not 100% sure but I think this will be a problem for their current ranking in Google. Any ideas? Edit: I forgot to mention that all of the backlinks this site has points to their hompage as www.mysite.com, I guess this is good.
Web Design | | Eblan0 -
Transitioning to a dynamic home page. Impact on SEO?
Home page redesign advice, please. We're a growing college textbook publishing company; a unique one in that we publish everything under an open license. Our homepage www.flatworldknowledge.com has a solid page score (80), and since our product serves several different customers/audiences -- students, faculty, bookstores -- we're transitioning to a dynamic home page approach. Returning instructors will be served a personalized faculty page, returning students a student oriented page featuring the books they've most recently accessed, and first time/anon visitors will receive a more neutral welcome page until we know more about them. Pros, cons with this change to a dynamic homepage? What should we be thinking about/concerned about from an SEO perspective? How do you address title tags? Will this approach dilute page authority? Thanks all!
Web Design | | JasonBilog0 -
Minimising duplicate content
From a minimising duplicate content perspective is it best to create all blog posts with a single tag so google doesn't think the same post being returned via a different tag search is duplicate content. I.e. the urls below return the same blog post; or doesn't it matter. for example http://www.ukholidayplaces.co.uk/blog/?tag=/stay+in+Margate http://www.ukholidayplaces.co.uk/blog/?tag=/Margate+on+a+budget are the same posts... thanks
Web Design | | JonAcourt0 -
Google Bot cannot see the content of my pages
When I go to Google Webmaster tools and I type in any URL from the site http://www.ccisolutions.com in the "Fetch as Google Bot" feature, and then I click the link that says "success," Google bot is seeing my pages like this: <code>HTTP/1.1 200 OK Date: Tue, 26 Apr 2011 19:11:50 GMT Server: Apache/2.2.6 (Unix) mod_ssl/2.2.6 OpenSSL/0.9.7a DAV/2 PHP/5.2.4 mod_jk/1.2.25 Set-Cookie: CCISolutions-UT-Status=66.249.72.55.1303845110495128; path=/; expires=Thu, 25-Apr-13 19:11:50 GMT; domain=.ccisolutions.com Last-Modified: Tue, 28 Oct 2008 14:36:45 GMT ETag: "314b26-5a-2d421940" Accept-Ranges: bytes Content-Length: 90 Keep-Alive: timeout=15, max=99 Connection: Keep-Alive Content-Type: text/html Any clue as to why this could be happening?</code>
Web Design | | danatanseo0 -
Duplicate Content Problem on Our Site?
Hi, Having read the SEOMOZ guide and already worried about this previously, I have decided to look further into this. Our site is 4-5 years old, poorly built by a rouge firm so we have to stick with what we have for now. Were I think we might be getting punished is duplicate content across various pages. We have a Brands page, link at top of page. Here we are meant to enter each brand we stock and a little write up on that brands. What we then put in these write ups is used on each brands item page when we click a brand name on the left nav bar. Or when we click a Product Type (eg. Footwear) then click on a brand filter on the left. So this in theory is duplicate content. The SEO title and Meta Description for each brand is then used on the Brands Page and also on each page with the Brands Product on. As we have entered this brand info, you will notice that the page www.designerboutique-online.com/all-clothing/armani-jeans/ has the same brand description in the scroll box at the top as the page www.designerboutique-online.com/shirts/armani-jeans/ and all the other product type pages. The same SEO title and same Meta descriptions. Only the products change from each one. This then applies to each brand we have (at least 15) across about 8 pages. All with different URLs but the same text. Not sure how a 301 or rel: canonical would work for this, as each URL needs to point at specific pages (eg. shirts, shorts etc...). Some brands such as Creative Recreation and Cruyff only sell footwear, so technically I think??? We could 301 to the Footwear/ URL rather than having both all-clothing and footwear file paths? This surely must be down to the bad design? Could we be losing valulable rank and juice because of this issue? And how would I go about fixing it? I want a new site, but funds are tight. But if this issue is so big that only a new site would fix it, then maybe the money would need to come forward. What do people make of this? Cheers Will
Web Design | | YNWA0