[thelist] Relationship between one-page HTML / jQuery app and crawlable pages

[Will]

These sorts of methods require you to actually have static HTML pages that reflect your single page app's content. If your app is essentially all JS with the server only passing XML or JSON, you might not have that. 

The new hotness appears to be using phantom.js to crawl your site (via node.js) and having it save an HTML file with each new URL. If you google 'phantom.js seo', you'll see lots of good stuff. Look for one by yearofmoo or some such. Sorry, on my phone. 

Full disclosure: haven't actually tried this! Planning to in February as an angular.js app I'm working on gets closer to launch. Using it along with grunt.js should allow you to make the HTML files in the background whenever a source file is changed or as a part of a pre commit build process. 

Will

On Jan 15, 2013, at 12:41 PM, "Nadeem Hosenbokus" <nadeem at nadeemh.com> wrote:

> Hi,
> 
> I've dealing with kind of issues and I turned to the Google documentation
> for help. I haven't actually put the site I was working on live yet so I
> don't actually know how effective it will be SEO-wise but maybe these will
> help you:
> 
> https://developers.google.com/webmasters/ajax-crawling/
> 
> http://www.seomoz.org/blog/create-crawlable-link-friendly-ajax-websites-usin
> g-pushstate
> 
> Hope it helps,
> 
> Nadeem Hosenbokus
> (230) 766 9169
> www.nadeemh.com
> 
> 
> 
> -----Original Message-----
> From: thelist-bounces at lists.evolt.org
> [mailto:thelist-bounces at lists.evolt.org] On Behalf Of Jason Handby
> Sent: 15 January 2013 21:32
> To: thelist at lists.evolt.org
> Subject: [thelist] Relationship between one-page HTML / jQuery app and
> crawlable pages
> 
> Hi all,
> 
> 
> 
> I'm building a 'one-page' HTML / jQuery application. I'm using
> client-side jQuery to read data about farm animals from an XML file and
> to set up corresponding thumbnails on the page. Clicking a thumbnail
> will open a lightbox containing appropriate content - for example,
> clicking the "ducks" thumbnail will open a lightbox containing
> information and pictures about ducks.
> 
> 
> 
> Suppose I have a user who I know loves ducks - I can email them a URL
> that will take them straight to the open ducks lightbox - something like
> this: http://www.myapp.com/?ducks .
> 
> 
> 
> All good so far. But I also need to provide crawlable links for SEO
> purposes.
> 
> 
> 
> I'm assuming I'll need to do something like this:
> 
> 
> 
> -        create http://www.myapp.com/ducks/default.html static HTML
> page, full of interesting information / keywords about ducks (supplied
> by the SEO people)
> 
> -        in that page, put a Javascript redirect to
> http://www.myapp.com/?ducks to actually get my one page app to run and
> then show the ducks lightbox when that page gets visited by a person
> 
> -        link to it from http://www.myapp.com/ so that it gets crawled.
> 
> 
> 
> for everything I want to be crawlable (ducks, geese, sheep...).
> 
> 
> 
> A few other thoughts:
> 
> 
> 
> I know I can use HTML5 pushState() to disguise
> http://www.myapp.com/?ducks as http://www.myapp.com/ducks , but I don't
> think I care about this as I don't mind people seeing  the '?' version
> of the link once they arrive.
> 
> 
> 
> I'm trying to avoid using any server-side technology if possible, as
> nothing else in this project requires it.
> 
> 
> 
> No, the actual project isn't really about farm animals :)
> 
> 
> 
>> From the SEO point of view, am I going about this the right way? Is
> there an easier way to do this (as obviously I'd prefer not to create a
> bunch of static pages, given that everything else is data-driven)? Any
> comments or suggestions?
> 
> 
> 
> Many thanks in advance
> 
> 
> 
> Jason
> 
> 
> 
> 
> 
> -- 
> 
> * * Please support the community that supports you.  * *
> http://evolt.org/help_support_evolt/
> 
> For unsubscribe and other options, including the Tip Harvester
> and archives of thelist go to: http://lists.evolt.org
> Workers of the Web, evolt ! 
> 
> -- 
> 
> * * Please support the community that supports you.  * *
> http://evolt.org/help_support_evolt/
> 
> For unsubscribe and other options, including the Tip Harvester
> and archives of thelist go to: http://lists.evolt.org
> Workers of the Web, evolt !