Mobile app version of vmapp.org
Login or Join
Berumen354

: Workaround for appearing to change the URL of an infinite scrolling page when pushState is not available due to analytics I'm building a website and they want it to be an infinite scroll single

@Berumen354

Posted in: #Ajax #CrawlableAjax #InfiniteScroll #Javascript #Seo

I'm building a website and they want it to be an infinite scroll single page design, and to be as SEO friendly as possible.

Just to give you an example:

Here is an example URL structure:


com

com#something

com#something1

com#something2


But here is what the URL structure would look like if it were broken down into individual pages:


com

com/something

com/something1

com/something2


So, what am I supposed to do here?

I've previously used jQuery's pushState functionality. This allows my scrolling page to be segmented into various page-like sections, which can be identified in the SERPs with a unique URL and meta data.

I'm not able to use pushState here, because this is a really big page and I need any possible analytics that I can get.

Is there any workaround?

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Berumen354

2 Comments

Sorted by latest first Latest Oldest Best

 

@Cooney921

First, parallax is a visual effect. What you're asking about is a single "infinitely" scrolling page, or Single Page Application.

If I'm understanding correctly, you don't want to use pushState because you think you'll lose analytic data. I'm not sure why you think that: Google Analytics describes set-up for SPAs here.

That being said, if it's a "really big page" and SEO and analytics are critically important, I'd question whether an SPA is the best approach. Aside from the engineering problems, search engines other than Google still struggle to crawl AJAX and similar configurations. The extent to which you care about that will of course depend on search engine market share inn the market you're operating in.

Unless there's a highly compelling, make-or-break user experience argument for SPA, why go to the trouble?

10% popularity Vote Up Vote Down


 

@Twilah146

You can push the page-equivalent URL to the client's browse history, not just so they can use the browser's back and forward buttons, but also so each article gets accessed independently by users of a search engine.

However, a search engine like Google is also concerned with duplicate content: if you show the same content on multiple pages (via multiple URLs) then you should declare which page is the leading (canonical) one.

With displaying several articles' contents on the same main page, that may prove difficult.

In that case, I'd suggest looking at solutions to make infinite scroll concepts accessible and SEO-friendly: they push the shown sub page into the browse history.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme