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
-
Responsive image plugins and seo / crawlability
Note : For the background of this question please read the preface below. Ive been researching responsive image options the main issue i can see with them is that they are not semantic html so bots may not index them correctly. For instance many of the responsive image plugins use data-src for an image rather than src. Does any one have any experience with this and if it impacts on SEO ? Does any one know of a client side responsive image soltion that uses a normal img tag with the image stored in the src and with the option to set an alt attribute ? **Preface : ** Ive got a site we are currently developing, the site has a large full width responsive image slider. To serve images that wont be pixilated we are making the width of the images 1800px wide (which should cover most screens, but isn't actually big enough if the site was viewed on a 27" imac) these 1800px wide images weight about 350kb - 500kb per image and our image slider has about 20 of them. As you can see this would be a problem for anyone with a connection slower than c.10 mbps. This is especially true for mobile devices that will be downloading an image 1800px wide although only require a much smaller one, this coupled with a 3g connection will make the site really slow.
Web Design | | Sam-P0 -
Will SASS ruin my SEO?
Hello, I am thinking about using SASS for my website, striping the current CSS style sheets and translating it all to SASS.. will this hurt my SEO?
Web Design | | DanielBernhardt0 -
Crawl Diagnostics Summary - Duplicate Content
Hello SEO Experts, I am a developer at www.bowanddrape.com and we are working on improving the SEO of the website. The SEOMoz Crawl Diagnostics Summary shows that following 2 URL have duplicate content. http://www.bowanddrape.com/clothing/Tan+Accessories+Calfskin+Belt/50_5142 http://www.bowanddrape.com/clothing/Black+Accessories+Calfskin+Belt/50_5143 Can you please suggest me ways to fix this problem? Is the duplicate content error because of same "The Details", "Size Chart" and "The Silhouette" and "You may also like" ? Thanks, Chirag
Web Design | | ChiragNirmal0 -
How do I optimize a site designed to be one scrolling page of content?
Our website uses section ID's as its navigation so all the content is on one page. When you click About Us, the page scrolls down to About Us. Products, the page scrolls to Products section, and etc. I am getting crawl errors for meta descriptions but will this go away once the main domain has this info? We just added the meta keywords and description to the header and since the navigation sections use the same page, I assume it will correct the errors. Any other advice on optimizing for site designs like ours would be great. www.theicecubekit.com is the site. Thanks,
Web Design | | bangbang
Chris0 -
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 -
Html 5 main and secondary navigation for SEO best performances
I am building a website which will have a main navigation related to the site and each link of the main navigation will have a secondary navigation. We do not want to use a megamenu style navigation. I will try to explain it with a example: Let's start with an example for a computer store "My PC Store", the Main Navigation would be: Desktop PC's Notebook & Tablets
Web Design | | netbuilder
Multimedia When clicking on the "Notebook & Tablets" the user is directed to the page domain.com/notebook-tablet.html and on this page the secondary navigation appears: Laptop Netbook Tablets / iPad I am confused on how I should organize the semantic navigation for best SEO performances and I need advice / suggestions. I thought about 2 different ways to do it but which one is more appropriate in terms of SEO? PROPOSITION A Home Page: <header> My PC Store <nav> Desktop PC's Notebook & Tablets Multimedia </nav> </header> Sub-Page (Notebook & Tablets): <nav>(or <aside>?) Desktop PC's Notebook & Tablets Multimedia </aside> </nav> <header> Notebook & Tablets <nav> Laptop Netbook Tablets / iPad </nav> </header> As you notice on the home page the Main Site Navigation is included in the <header>while it is not in the sub-pages. PROPOSITION B Home Page: <header> My PC Store <nav> Desktop PC's Notebook & Tablets Multimedia </nav> </header> Sub-Page (Notebook & Tablets): <header> Notebook & Tablets <nav> Desktop PC's Notebook & Tablets Multimedia </nav> # Notebook & Tablets * Laptop Netbook Tablets / iPad </header> The main navgation remains always in the <header>(home page / sub-pages) of all page. I need suggestions... How would you guys organize the nav ? </header> </header>0 -
What site do you admire/like for its SEO - technical, content, whatever - and why?
I am gathering examples of great SEO'd sites and would appreciate your examples. The rationale can be anything - great SEO structure, great linking, solid content - you think stands out. Thank you!
Web Design | | josh-riley0 -
Old links in Google, new website affecting SEO?
Hi Guys, I have launched my website in october and it has already been indexed by google. Now I'm going to launch my redesign which comes with a new structure, content, links, etc. So the question is, do I have to resubmit my website to google to get rid of old links? Onsite Explorer shows links to my forum which has been spammed with p* stuff which has been already indexed as well. The forum is off now. I want to use SEOmoz to track my new website but I guess this could be a hard thing as old links etc will be shown as well. Is there any tool to let Google know about my changes? Does it affect my SEO in any way? Thank you for your help. Nick
Web Design | | NickITW0